refactoring some of the tests

Ombi-app · Mar 10, 2021 · e4ab144 · e4ab144
1 parent 43e22ac
commit e4ab144
Show file tree

Hide file tree

Showing 14 changed files with 1,702 additions and 65 deletions.
diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.html b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.html
@@ -1,13 +1,13 @@
 <div class="right">
 <mat-button-toggle-group name="discoverMode" (change)="toggleChanged($event)" value="{{discoverOptions}}" class="discover-filter-buttons-group">
-    <mat-button-toggle [ngClass]="{'button-active': discoverOptions === DiscoverOption.Combined}" value="{{DiscoverOption.Combined}}" class="discover-filter-button">{{'Discovery.Combined' | translate}}</mat-button-toggle>
-    <mat-button-toggle [ngClass]="{'button-active': discoverOptions === DiscoverOption.Movie}" value="{{DiscoverOption.Movie}}" class="discover-filter-button">{{'Discovery.Movies' | translate}}</mat-button-toggle>
-    <mat-button-toggle [ngClass]="{'button-active': discoverOptions === DiscoverOption.Tv}" value="{{DiscoverOption.Tv}}" class="discover-filter-button">{{'Discovery.Tv' | translate}}</mat-button-toggle>
+    <mat-button-toggle id="{{id}}Combined" [ngClass]="{'button-active': discoverOptions === DiscoverOption.Combined}" value="{{DiscoverOption.Combined}}" class="discover-filter-button">{{'Discovery.Combined' | translate}}</mat-button-toggle>
+    <mat-button-toggle id="{{id}}Movie" [ngClass]="{'button-active': discoverOptions === DiscoverOption.Movie}" value="{{DiscoverOption.Movie}}" class="discover-filter-button">{{'Discovery.Movies' | translate}}</mat-button-toggle>
+    <mat-button-toggle id="{{id}}Tv" [ngClass]="{'button-active': discoverOptions === DiscoverOption.Tv}" value="{{DiscoverOption.Tv}}" class="discover-filter-button">{{'Discovery.Tv' | translate}}</mat-button-toggle>
   </mat-button-toggle-group>
 </div>
 
 <p-carousel #carousel [numVisible]="10" [numScroll]="10" [page]="0" [value]="discoverResults" [responsiveOptions]="responsiveOptions" (onPage)="newPage()">
     <ng-template let-result pTemplate="item">
-        <discover-card [result]="result"></discover-card>
+        <discover-card id="result{{result.id}}" [result]="result"></discover-card>
     </ng-template>
 </p-carousel>
diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
@@ -20,6 +20,7 @@ export enum DiscoverType {
 export class CarouselListComponent implements OnInit {
 
     @Input() public discoverType: DiscoverType;
+    @Input() public id: string;
     @ViewChild('carousel', {static: false}) carousel: Carousel;
 
     public DiscoverOption = DiscoverOption;

diff --git a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.html b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.html
@@ -4,23 +4,23 @@
     <div class="section">
         <h2>Popular</h2>
         <div>
-            <carousel-list [discoverType]="DiscoverType.Popular"></carousel-list>
+            <carousel-list [id]="'popular'" [discoverType]="DiscoverType.Popular"></carousel-list>
         </div>
 
     </div>
 
     <div class="section">
         <h2>Trending</h2>
         <div >
-            <carousel-list [discoverType]="DiscoverType.Trending"></carousel-list>
+            <carousel-list [id]="'trending'" [discoverType]="DiscoverType.Trending"></carousel-list>
         </div>
 
     </div>
 
     <div class="section">
         <h2>Upcoming</h2>
         <div>
-            <carousel-list [discoverType]="DiscoverType.Upcoming"></carousel-list>
+            <carousel-list [id]="'upcoming'" [discoverType]="DiscoverType.Upcoming"></carousel-list>
         </div>
 
     </div>