From b7bb0869da1163af78f94891dc1a16c6c5b0b0bf Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Fri, 12 Feb 2021 21:39:57 +0000
Subject: [PATCH 01/63] Made a start on the issues rework

---
 src/Ombi.Core/Engine/V2/IssuesEngine.cs       | 59 +++++++++++++++++++
 src/Ombi.DependencyInjection/IocExtensions.cs |  1 +
 src/Ombi/ClientApp/angular.json               |  5 +-
 .../ClientApp/src/app/interfaces/IIssues.ts   |  6 ++
 .../src/app/issues/components/index.ts        |  5 ++
 .../src/app/issues/issues.component.ts        | 17 +++---
 .../ClientApp/src/app/issues/issues.module.ts |  3 +-
 .../src/app/issues/issuestable.component.html | 25 ++------
 .../src/app/issues/issuestable.component.ts   | 10 +++-
 .../src/app/services/issuesv2.service.ts      | 19 ++++++
 src/Ombi/Controllers/V2/IssuesController.cs   | 24 ++++++++
 11 files changed, 139 insertions(+), 35 deletions(-)
 create mode 100644 src/Ombi.Core/Engine/V2/IssuesEngine.cs
 create mode 100644 src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
 create mode 100644 src/Ombi/Controllers/V2/IssuesController.cs

diff --git a/src/Ombi.Core/Engine/V2/IssuesEngine.cs b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
new file mode 100644
index 000000000..a596e7ac9
--- /dev/null
+++ b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
@@ -0,0 +1,59 @@
+using Microsoft.EntityFrameworkCore;
+using Ombi.Store.Entities.Requests;
+using Ombi.Store.Repository;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace Ombi.Core.Engine.V2
+{
+
+    public interface IIssuesEngine
+    {
+        Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status);
+    }
+
+    public class IssuesEngine : IIssuesEngine
+    {
+        private readonly IRepository<IssueCategory> _categories;
+        private readonly IRepository<Issues> _issues;
+        private readonly IRepository<IssueComments> _comments;
+
+        public IssuesEngine(IRepository<IssueCategory> categories,
+            IRepository<Issues> issues,
+            IRepository<IssueComments> comments)
+        {
+            _categories = categories;
+            _issues = issues;
+            _comments = comments;
+        }
+
+        public async Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status)
+        {
+            var issues = await _issues.GetAll().Where(x => x.Status == status).Skip(position).Take(take).ToListAsync();
+            var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
+            
+            var model = new List<IssuesSummaryModel>();
+
+            foreach(var group in grouped)
+            {
+                model.Add(new IssuesSummaryModel
+                {
+                    Count = group.Issues.Count(),
+                    Title = group.Title,
+                    Issues = group.Issues
+                });
+            }
+
+            return model;
+        }
+
+    }
+
+    public class IssuesSummaryModel
+    {
+        public string Title { get; set; }
+        public int Count { get; set; }
+        public IEnumerable<Issues> Issues { get; set; }
+    }
+}
diff --git a/src/Ombi.DependencyInjection/IocExtensions.cs b/src/Ombi.DependencyInjection/IocExtensions.cs
index d5e577d84..ef9c9230c 100644
--- a/src/Ombi.DependencyInjection/IocExtensions.cs
+++ b/src/Ombi.DependencyInjection/IocExtensions.cs
@@ -114,6 +114,7 @@ namespace Ombi.DependencyInjection
             services.AddTransient<ITVSearchEngineV2, TvSearchEngineV2>();
             services.AddTransient<ICalendarEngine, CalendarEngine>();
             services.AddTransient<IMusicSearchEngineV2, MusicSearchEngineV2>();
+            services.AddTransient<IIssuesEngine, IssuesEngine>();
         }
 
         public static void RegisterHttp(this IServiceCollection services)
diff --git a/src/Ombi/ClientApp/angular.json b/src/Ombi/ClientApp/angular.json
index 2e3ff44e5..41030a25a 100644
--- a/src/Ombi/ClientApp/angular.json
+++ b/src/Ombi/ClientApp/angular.json
@@ -124,5 +124,8 @@
       }
     }
   },
-  "defaultProject": "ombi"
+  "defaultProject": "ombi",
+  "cli": {
+    "analytics": false
+  }
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts b/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
index dce9882ec..b01749057 100644
--- a/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
+++ b/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
@@ -62,3 +62,9 @@ export interface IUpdateStatus {
     issueId: number;
     status: IssueStatus;
 }
+
+export interface IIssuesSummary {
+    title: string;
+    count: number;
+    issues: IIssues[];
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/index.ts b/src/Ombi/ClientApp/src/app/issues/components/index.ts
index 93bb4907d..932f1eeb4 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/index.ts
@@ -1,6 +1,8 @@
 import { AuthGuard } from "../../auth/auth.guard";
 import { IssuesListComponent } from "./issues-list/issues-list.component";
 import { Routes } from "@angular/router";
+import { IssuesV2Service } from "../../services/issuesv2.service";
+import { IdentityService, SearchService } from "../../services";
 
 
 
@@ -13,6 +15,9 @@ export const entryComponents: any[] = [
 ];
 
 export const providers: any[] = [
+    IssuesV2Service,
+    IdentityService,
+    SearchService,
 ];
 
 export const routes: Routes = [
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.component.ts b/src/Ombi/ClientApp/src/app/issues/issues.component.ts
index b8482f1ff..5dc02845e 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issues.component.ts
@@ -2,9 +2,10 @@ import { Component, OnInit } from "@angular/core";
 
 import { IssuesService } from "../services";
 
-import { IIssueCount, IIssues, IPagenator, IssueStatus } from "../interfaces";
+import { IIssueCount, IIssues, IIssuesSummary, IPagenator, IssueStatus } from "../interfaces";
 
 import { PageEvent } from '@angular/material/paginator';
+import { IssuesV2Service } from "../services/issuesv2.service";
 
 @Component({
     templateUrl: "issues.component.html",
@@ -12,9 +13,9 @@ import { PageEvent } from '@angular/material/paginator';
 })
 export class IssuesComponent implements OnInit {
 
-    public pendingIssues: IIssues[];
-    public inProgressIssues: IIssues[];
-    public resolvedIssues: IIssues[];
+    public pendingIssues: IIssuesSummary[];
+    public inProgressIssues: IIssuesSummary[];
+    public resolvedIssues: IIssuesSummary[];
 
     public count: IIssueCount;
 
@@ -23,7 +24,7 @@ export class IssuesComponent implements OnInit {
     private inProgressSkip = 0;
     private resolvedSkip = 0;
 
-    constructor(private issueService: IssuesService) { }
+    constructor(private issuev2Service: IssuesV2Service, private issueService: IssuesService) { }
 
     public ngOnInit() {
         this.getPending();
@@ -48,19 +49,19 @@ export class IssuesComponent implements OnInit {
     }
 
     private getPending() {
-        this.issueService.getIssuesPage(this.takeAmount, this.pendingSkip, IssueStatus.Pending).subscribe(x => {
+        this.issuev2Service.getIssues(this.pendingSkip, this.takeAmount, IssueStatus.Pending).subscribe(x => {
             this.pendingIssues = x;
         });
     }
 
     private getInProg() {
-        this.issueService.getIssuesPage(this.takeAmount, this.inProgressSkip, IssueStatus.InProgress).subscribe(x => {
+        this.issuev2Service.getIssues(this.inProgressSkip, this.takeAmount, IssueStatus.InProgress).subscribe(x => {
             this.inProgressIssues = x;
         });
     }
 
     private getResolved() {
-        this.issueService.getIssuesPage(this.takeAmount, this.resolvedSkip, IssueStatus.Resolved).subscribe(x => {
+        this.issuev2Service.getIssues(this.resolvedSkip, this.takeAmount, IssueStatus.Resolved).subscribe(x => {
             this.resolvedIssues = x;
         });
     }
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.module.ts b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
index 2607d336a..ab55f69cf 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.module.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
@@ -39,8 +39,7 @@ const routes: Routes = [
         RouterModule,
     ],
     providers: [
-        IdentityService,
-        SearchService,
+        ...fromComponents.providers
     ],
 
 })
diff --git a/src/Ombi/ClientApp/src/app/issues/issuestable.component.html b/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
index e266a718a..8244536ad 100644
--- a/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
@@ -6,32 +6,15 @@
         <td mat-cell *matCellDef="let element"> {{element.title}} </td>
     </ng-container>
 
-    <ng-container matColumnDef="category">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> {{ 'Issues.Category' | translate}} </th>
-        <td mat-cell *matCellDef="let element"> {{element.issueCategory.value}} </td>
-    </ng-container>
-
-    <ng-container matColumnDef="subject">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> {{ 'Issues.Subject' | translate}} </th>
-        <td mat-cell *matCellDef="let element"> {{element.subject}} </td>
-    </ng-container>
-
-    <ng-container matColumnDef="status">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> {{ 'Issues.Status' | translate}} </th>
-        <td mat-cell *matCellDef="let element"> {{IssueStatus[element.status] | humanize}} </td>
-    </ng-container>
-
-    <ng-container matColumnDef="reportedBy">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> {{ 'Issues.ReportedBy' | translate}} </th>
-        <td mat-cell *matCellDef="let element"> {{element.userReported.userAlias}} </td>
+    <ng-container matColumnDef="count">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> {{ 'Issues.Count' | translate}} </th>
+        <td mat-cell *matCellDef="let element"> {{element.count}} </td>
     </ng-container>
 
     <ng-container matColumnDef="actions">
         <th mat-header-cell *matHeaderCellDef> </th>
         <td mat-cell *matCellDef="let element">
-            <button *ngIf="element.requestType === 1" mat-raised-button color="accent" [routerLink]="'/details/movie/' + element.providerId">{{ 'Issues.Details' | translate}}</button>
-            <button *ngIf="element.requestType === 0" mat-raised-button color="accent" [routerLink]="'/details/tv/' + element.providerId">{{ 'Issues.Details' | translate}}</button>
-            <button *ngIf="element.requestType === 2" mat-raised-button color="accent" [routerLink]="'/details/artist/request/' + element.providerId">{{ 'Issues.Details' | translate}}</button>
+            <button  mat-raised-button color="accent" (click)="openDetails(element)">{{ 'Issues.Details' | translate}}</button>
          </td>
     </ng-container>
 
diff --git a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
index ff584a35e..1ad929741 100644
--- a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Input, Output } from "@angular/core";
 
-import { IIssues, IPagenator, IssueStatus } from "../interfaces";
+import { IIssues, IIssuesSummary, IPagenator, IssueStatus } from "../interfaces";
 
 @Component({
     selector: "issues-table",
@@ -8,12 +8,12 @@ import { IIssues, IPagenator, IssueStatus } from "../interfaces";
 })
 export class IssuesTableComponent  {
 
-    @Input() public issues: IIssues[];
+    @Input() public issues: IIssuesSummary[];
     @Input() public totalRecords: number;
 
     @Output() public changePage = new EventEmitter<IPagenator>();
 
-    public displayedColumns = ["title", "category", "subject", "status", "reportedBy", "actions"]
+    public displayedColumns = ["title", "count",  "actions"]
     public IssueStatus = IssueStatus; 
     public resultsLength: number;
     public gridCount: string = "15";
@@ -49,4 +49,8 @@ export class IssuesTableComponent  {
         this.changePage.emit(event);
     }
 
+    public openDetails(summary: IIssuesSummary) {
+        
+    }
+
 }
diff --git a/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts b/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
new file mode 100644
index 000000000..69b5c01c4
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
@@ -0,0 +1,19 @@
+import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
+import { Injectable, Inject } from "@angular/core";
+
+import { HttpClient } from "@angular/common/http";
+import { Observable } from "rxjs";
+
+import { IIssueCategory, IIssueComments, IIssueCount, IIssues, IIssuesChat, IIssuesSummary, INewIssueComments, IssueStatus, IUpdateStatus } from "../interfaces";
+import { ServiceHelpers } from "./service.helpers";
+
+@Injectable()
+export class IssuesV2Service extends ServiceHelpers {
+    constructor(http: HttpClient, @Inject(APP_BASE_HREF) href:string) {
+        super(http, "/api/v2/Issues/", href);
+    }
+
+    public getIssues(position: number, take: number, status: IssueStatus): Observable<IIssuesSummary[]> {
+        return this.http.get<IIssuesSummary[]>(`${this.url}${position}/${take}/${status}`,  {headers: this.headers});
+    }
+}
diff --git a/src/Ombi/Controllers/V2/IssuesController.cs b/src/Ombi/Controllers/V2/IssuesController.cs
new file mode 100644
index 000000000..c2b65cc99
--- /dev/null
+++ b/src/Ombi/Controllers/V2/IssuesController.cs
@@ -0,0 +1,24 @@
+using Microsoft.AspNetCore.Mvc;
+using Ombi.Core.Engine.V2;
+using Ombi.Store.Entities.Requests;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+
+namespace Ombi.Controllers.V2
+{
+    public class IssuesController : V2Controller
+    {
+        private readonly IIssuesEngine _engine;
+
+        public IssuesController(IIssuesEngine engine)
+        {
+            _engine = engine;
+        }
+
+        [HttpGet("{position}/{take}/{status}")]
+        public Task<IEnumerable<IssuesSummaryModel>> GetIssuesSummary(int position, int take, IssueStatus status)
+        {
+            return _engine.GetIssues(position, take, status);
+        }
+    }
+}

From 1289b840a051141f43e7beb8e3e751325c5c311d Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Sat, 13 Feb 2021 22:35:07 +0000
Subject: [PATCH 02/63] more wip on the issues

---
 src/Ombi.Core/Engine/V2/IssuesEngine.cs       | 29 +++++++++--
 .../details-group.component.html              | 27 +++++++++++
 .../details-group.component.scss              |  9 ++++
 .../details-group/details-group.component.ts  | 48 +++++++++++++++++++
 .../src/app/issues/components/index.ts        |  6 +--
 .../app/issues/issueDetails.component.html    |  2 +-
 .../src/app/issues/issues.component.html      | 40 +++++++---------
 .../ClientApp/src/app/issues/issues.module.ts |  4 +-
 .../src/app/issues/issuestable.component.ts   |  9 +++-
 src/Ombi/Controllers/V1/IssuesController.cs   |  2 +-
 src/Ombi/Controllers/V2/IssuesController.cs   |  2 +-
 11 files changed, 141 insertions(+), 37 deletions(-)
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts

diff --git a/src/Ombi.Core/Engine/V2/IssuesEngine.cs b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
index a596e7ac9..f154d0eca 100644
--- a/src/Ombi.Core/Engine/V2/IssuesEngine.cs
+++ b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
@@ -3,6 +3,7 @@ using Ombi.Store.Entities.Requests;
 using Ombi.Store.Repository;
 using System.Collections.Generic;
 using System.Linq;
+using System.Threading;
 using System.Threading.Tasks;
 
 namespace Ombi.Core.Engine.V2
@@ -10,7 +11,8 @@ namespace Ombi.Core.Engine.V2
 
     public interface IIssuesEngine
     {
-        Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status);
+        Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status, CancellationToken token);
+        Task<IEnumerable<IssuesSummaryModel>> GetIssuesByTitle(string title, CancellationToken token);
     }
 
     public class IssuesEngine : IIssuesEngine
@@ -28,9 +30,9 @@ namespace Ombi.Core.Engine.V2
             _comments = comments;
         }
 
-        public async Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status)
+        public async Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status, CancellationToken token)
         {
-            var issues = await _issues.GetAll().Where(x => x.Status == status).Skip(position).Take(take).ToListAsync();
+            var issues = await _issues.GetAll().Include(x => x.UserReported).Include(x => x.IssueCategory).Where(x => x.Status == status).Skip(position).Take(take).OrderBy(x => x.Title).ToListAsync(token);
             var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
             
             var model = new List<IssuesSummaryModel>();
@@ -48,6 +50,27 @@ namespace Ombi.Core.Engine.V2
             return model;
         }
 
+        public async Task<IEnumerable<IssuesSummaryModel>> GetIssuesByTitle(string title, CancellationToken token)
+        {
+            var lowerTitle = title.ToLowerInvariant();
+            var issues = await _issues.GetAll().Include(x => x.UserReported).Include(x => x.IssueCategory).Where(x => x.Title.ToLowerInvariant() == lowerTitle).ToListAsync(token);
+            var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
+
+            var model = new List<IssuesSummaryModel>();
+
+            foreach (var group in grouped)
+            {
+                model.Add(new IssuesSummaryModel
+                {
+                    Count = group.Issues.Count(),
+                    Title = group.Title,
+                    Issues = group.Issues
+                });
+            }
+
+            return model;
+        }
+
     }
 
     public class IssuesSummaryModel
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
new file mode 100644
index 000000000..7c3c04fdd
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
@@ -0,0 +1,27 @@
+<h1 mat-dialog-title>Issues for {{data.title}}</h1>
+<div mat-dialog-content>
+  
+    <div class="row">
+    <div class="col-6 top-spacing" *ngFor="let issue of data.issues">
+        <mat-card color="accent">
+            <mat-card-header>
+              <mat-card-title>{{issue.subject}}</mat-card-title>
+              <mat-card-subtitle>{{issue.userReported?.userName}} on {{issue.createdDate | date:short}}</mat-card-subtitle>
+            </mat-card-header>
+            <mat-card-content>
+              <p>
+                {{issue.description}}
+              </p>
+            </mat-card-content>
+            <mat-card-actions *ngIf="isAdmin && settings">
+              <button mat-raised-button color="accent" *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress" >{{'Issues.MarkInProgress' | translate }}</button>
+              <button mat-raised-button color="accent" *ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress">{{'Issues.MarkResolved' | translate}}</button>
+            </mat-card-actions>
+          </mat-card>
+    </div>
+</div>
+</div>
+<div mat-dialog-actions>
+    <button  mat-raised-button color="warn" (click)="close()">Close</button>
+    <button *ngIf="hasRequest"  mat-raised-button color="accent"  (click)="navToRequest()">View Media</button>
+</div>
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
new file mode 100644
index 000000000..d6dcd67de
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
@@ -0,0 +1,9 @@
+@import "~styles/variables.scss";
+
+::ng-deep .mat-card {
+  background: $ombi-background-primary-accent;
+}
+
+.top-spacing {
+  margin-top:2%;
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts
new file mode 100644
index 000000000..aea5eb123
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts
@@ -0,0 +1,48 @@
+import { Component, Inject, OnInit } from "@angular/core";
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { AuthService } from "../../../auth/auth.service";
+import { IIssues, IIssueSettings, IssueStatus } from "../../../interfaces";
+import { SettingsService } from "../../../services";
+
+
+export interface IssuesDetailsGroupData {
+    issues: IIssues[];
+    title: string;
+  }
+
+@Component({
+    selector: "issues-details-group",
+    templateUrl: "details-group.component.html",
+    styleUrls: ["details-group.component.scss"],
+})
+export class DetailsGroupComponent implements OnInit {
+
+    public isAdmin: boolean;
+    public IssueStatus = IssueStatus;
+    public settings: IIssueSettings;
+    public get hasRequest(): boolean {
+        return this.data.issues.some(x => x.requestId);
+    }
+
+ constructor(public dialogRef: MatDialogRef<DetailsGroupComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: IssuesDetailsGroupData,
+    private authService: AuthService,  private settingsService: SettingsService) { }
+
+    public ngOnInit() {
+        this.isAdmin = this.authService.hasRole("Admin") || this.authService.hasRole("PowerUser");
+        this.settingsService.getIssueSettings().subscribe(x => this.settings = x);
+    }
+
+    public close() {
+        this.dialogRef.close();
+      }
+
+      public navToRequest() {
+          var issue = this.data.issues.filter(x => {
+              return x.requestId;
+          })[0];
+
+          // close dialog and tell calling component to navigate
+      }
+
+}
diff --git a/src/Ombi/ClientApp/src/app/issues/components/index.ts b/src/Ombi/ClientApp/src/app/issues/components/index.ts
index 932f1eeb4..7bf8e197a 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/index.ts
@@ -3,15 +3,13 @@ import { IssuesListComponent } from "./issues-list/issues-list.component";
 import { Routes } from "@angular/router";
 import { IssuesV2Service } from "../../services/issuesv2.service";
 import { IdentityService, SearchService } from "../../services";
+import { DetailsGroupComponent } from "./details-group/details-group.component";
 
 
 
 export const components: any[] = [
     IssuesListComponent,
-];
-
-
-export const entryComponents: any[] = [
+    DetailsGroupComponent,
 ];
 
 export const providers: any[] = [
diff --git a/src/Ombi/ClientApp/src/app/issues/issueDetails.component.html b/src/Ombi/ClientApp/src/app/issues/issueDetails.component.html
index c2de76c2b..b5fc59304 100644
--- a/src/Ombi/ClientApp/src/app/issues/issueDetails.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/issueDetails.component.html
@@ -84,7 +84,7 @@
         <div class="col-md-12">
             <div *ngIf="isAdmin && settings">
                 <div *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress">
-                    <button class="btn btn-primary btn-sm bottom-btn" (click)="inProgress()" [translate]="'Issues.MarkInProgress'"></button>
+                    <button class="btn btn-primary btn-sm bottom-btn" (click)="inProgress()">{{'Issues.MarkInProgress' | translate }}</button>
                 </div>
                 <div *ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress">
                     <button class="btn btn-primary btn-sm bottom-btn" (click)="resolve()" [translate]="'Issues.MarkResolved'"></button>
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.component.html b/src/Ombi/ClientApp/src/app/issues/issues.component.html
index ff8440569..4d9daeffc 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/issues.component.html
@@ -1,25 +1,19 @@
 <div class="small-middle-container">
-    <mat-tab-group>
-        <mat-tab label="{{'Issues.PendingTitle' | translate}}">
-            <ng-template matTabContent>
-                <div *ngIf="pendingIssues">
-                    <issues-table [issues]="pendingIssues" (changePage)="changePagePending($event)" [totalRecords]="count.pending"></issues-table>
-                </div>
-            </ng-template>
-        </mat-tab>
-        <mat-tab *ngIf="inProgressIssues.length > 0" label="{{'Issues.InProgressTitle' | translate}}">
-            <ng-template matTabContent>
-                <div *ngIf="inProgressIssues">
-                    <issues-table [issues]="inProgressIssues" (changePage)="changePageInProg($event)" [totalRecords]="count.inProgress"></issues-table>
-                </div>
-            </ng-template>
-        </mat-tab>
-        <mat-tab label="{{'Issues.ResolvedTitle' | translate}}">
-            <ng-template matTabContent>
-                <div *ngIf="resolvedIssues">
-                    <issues-table [issues]="resolvedIssues" (changePage)="changePageResolved($event)" [totalRecords]="count.resolved"></issues-table>
-                </div>
-            </ng-template>
-        </mat-tab>
-    </mat-tab-group>
+    <div class="row" *ngIf="count">
+
+            <div *ngIf="pendingIssues.length  > 0" class="col-4">
+                <h2>{{'Issues.PendingTitle' | translate}}</h2>
+                <issues-table [issues]="pendingIssues" (changePage)="changePagePending($event)" [totalRecords]="count.pending"></issues-table>
+            </div>
+
+            <div *ngIf="inProgressIssues.length  > 0" class="col-4">
+                <h2>{{'Issues.InProgressTitle' | translate}}</h2>
+                <issues-table [issues]="inProgressIssues" (changePage)="changePageInProg($event)" [totalRecords]="count.inProgress"></issues-table>
+            </div>
+
+            <div *ngIf="resolvedIssues.length  > 0" class="col-4">
+                <h2>{{'Issues.ResolvedTitle' | translate}}</h2>
+                <issues-table [issues]="resolvedIssues" (changePage)="changePageResolved($event)" [totalRecords]="count.resolved"></issues-table>
+            </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.module.ts b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
index ab55f69cf..70b8a4bb1 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.module.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
@@ -3,8 +3,6 @@ import { RouterModule, Routes } from "@angular/router";
 
 import { OrderModule } from "ngx-order-pipe";
 
-import { IdentityService, SearchService } from "../services";
-
 import { AuthGuard } from "../auth/auth.guard";
 
 import { SharedModule as OmbiShared } from "../shared/shared.module";
@@ -27,7 +25,7 @@ const routes: Routes = [
         RouterModule.forChild(routes),
         OrderModule,
         PipeModule,
-        OmbiShared,
+        OmbiShared
     ],
     declarations: [
         IssuesComponent,
diff --git a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
index 1ad929741..7ed826fc5 100644
--- a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
@@ -1,6 +1,8 @@
 import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { MatDialog } from "@angular/material/dialog";
 
 import { IIssues, IIssuesSummary, IPagenator, IssueStatus } from "../interfaces";
+import { DetailsGroupComponent, IssuesDetailsGroupData } from "./components/details-group/details-group.component";
 
 @Component({
     selector: "issues-table",
@@ -8,6 +10,8 @@ import { IIssues, IIssuesSummary, IPagenator, IssueStatus } from "../interfaces"
 })
 export class IssuesTableComponent  {
 
+    constructor(public dialog: MatDialog) { }
+
     @Input() public issues: IIssuesSummary[];
     @Input() public totalRecords: number;
 
@@ -50,7 +54,10 @@ export class IssuesTableComponent  {
     }
 
     public openDetails(summary: IIssuesSummary) {
-        
+        const dialogRef = this.dialog.open(DetailsGroupComponent, {
+            width: "50vw",
+            data: <IssuesDetailsGroupData>{ issues: summary.issues, title: summary.title },
+          });
     }
 
 }
diff --git a/src/Ombi/Controllers/V1/IssuesController.cs b/src/Ombi/Controllers/V1/IssuesController.cs
index 4dfd3781a..23b2320d1 100644
--- a/src/Ombi/Controllers/V1/IssuesController.cs
+++ b/src/Ombi/Controllers/V1/IssuesController.cs
@@ -142,7 +142,7 @@ namespace Ombi.Controllers.V1
             var notificationModel = new NotificationOptions
             {
                 RequestId = i.RequestId ?? 0,
-                DateTime = DateTime.Now,
+                DateTime = DateTime.UtcNow,
                 NotificationType = NotificationType.Issue,
                 RequestType = i.RequestType,
                 Recipient = string.Empty,
diff --git a/src/Ombi/Controllers/V2/IssuesController.cs b/src/Ombi/Controllers/V2/IssuesController.cs
index c2b65cc99..214482b54 100644
--- a/src/Ombi/Controllers/V2/IssuesController.cs
+++ b/src/Ombi/Controllers/V2/IssuesController.cs
@@ -18,7 +18,7 @@ namespace Ombi.Controllers.V2
         [HttpGet("{position}/{take}/{status}")]
         public Task<IEnumerable<IssuesSummaryModel>> GetIssuesSummary(int position, int take, IssueStatus status)
         {
-            return _engine.GetIssues(position, take, status);
+            return _engine.GetIssues(position, take, status, HttpContext.RequestAborted);
         }
     }
 }

From 6683f8070ca6f59e9c4e2c2b3b3c9d5b9c35d58f Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 15 Feb 2021 22:42:23 +0000
Subject: [PATCH 03/63] more wip on the issues

---
 src/Ombi.Core/Engine/V2/IssuesEngine.cs       | 33 ++++---
 src/Ombi/ClientApp/src/app/app.module.ts      |  1 +
 .../ClientApp/src/app/interfaces/IIssues.ts   |  1 +
 .../components/details/details.component.html | 38 ++++++++
 .../components/details/details.component.scss |  9 ++
 .../components/details/details.component.ts   | 88 +++++++++++++++++++
 .../src/app/issues/components/index.ts        |  8 +-
 .../issues-list/issues-list.component.html    | 21 -----
 .../issues-list/issues-list.component.ts      | 68 --------------
 .../issues-list/issues-list.constants.ts      |  3 -
 .../src/app/issues/issues.component.html      | 39 ++++----
 .../ClientApp/src/app/issues/issues.module.ts |  7 +-
 .../src/app/issues/issuestable.component.html |  2 +-
 .../src/app/issues/issuestable.component.ts   | 11 +--
 .../movie/movie-details.component.ts          |  6 +-
 .../issues-panel/issues-panel.component.ts    |  8 +-
 .../shared/new-issue/new-issue.component.ts   |  6 +-
 .../src/app/services/issuesv2.service.ts      |  4 +
 src/Ombi/Controllers/V2/IssuesController.cs   |  7 ++
 19 files changed, 209 insertions(+), 151 deletions(-)
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
 delete mode 100644 src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.html
 delete mode 100644 src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.ts
 delete mode 100644 src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.constants.ts

diff --git a/src/Ombi.Core/Engine/V2/IssuesEngine.cs b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
index f154d0eca..f938e8ec6 100644
--- a/src/Ombi.Core/Engine/V2/IssuesEngine.cs
+++ b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
@@ -12,7 +12,7 @@ namespace Ombi.Core.Engine.V2
     public interface IIssuesEngine
     {
         Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status, CancellationToken token);
-        Task<IEnumerable<IssuesSummaryModel>> GetIssuesByTitle(string title, CancellationToken token);
+        Task<IssuesSummaryModel> GetIssuesByProviderId(string providerId, CancellationToken token);
     }
 
     public class IssuesEngine : IIssuesEngine
@@ -32,7 +32,7 @@ namespace Ombi.Core.Engine.V2
 
         public async Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status, CancellationToken token)
         {
-            var issues = await _issues.GetAll().Include(x => x.UserReported).Include(x => x.IssueCategory).Where(x => x.Status == status).Skip(position).Take(take).OrderBy(x => x.Title).ToListAsync(token);
+            var issues = await _issues.GetAll().Where(x => x.Status == status).Skip(position).Take(take).OrderBy(x => x.Title).ToListAsync(token);
             var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
             
             var model = new List<IssuesSummaryModel>();
@@ -43,32 +43,30 @@ namespace Ombi.Core.Engine.V2
                 {
                     Count = group.Issues.Count(),
                     Title = group.Title,
-                    Issues = group.Issues
+                    ProviderId = group.Issues.FirstOrDefault()?.ProviderId
                 });
             }
 
             return model;
         }
 
-        public async Task<IEnumerable<IssuesSummaryModel>> GetIssuesByTitle(string title, CancellationToken token)
+        public async Task<IssuesSummaryModel> GetIssuesByProviderId(string providerId, CancellationToken token)
         {
-            var lowerTitle = title.ToLowerInvariant();
-            var issues = await _issues.GetAll().Include(x => x.UserReported).Include(x => x.IssueCategory).Where(x => x.Title.ToLowerInvariant() == lowerTitle).ToListAsync(token);
-            var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
-
-            var model = new List<IssuesSummaryModel>();
+            var issues = await _issues.GetAll().Include(x => x.Comments).ThenInclude(x => x.User).Include(x => x.UserReported).Include(x => x.IssueCategory).Where(x => x.ProviderId == providerId).ToListAsync(token);
+            var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g }).FirstOrDefault();
 
-            foreach (var group in grouped)
+            if (grouped == null)
             {
-                model.Add(new IssuesSummaryModel
-                {
-                    Count = group.Issues.Count(),
-                    Title = group.Title,
-                    Issues = group.Issues
-                });
+                return null;
             }
 
-            return model;
+            return new IssuesSummaryModel
+            {
+                Count = grouped.Issues.Count(),
+                Title = grouped.Title,
+                ProviderId = grouped.Issues.FirstOrDefault()?.ProviderId,
+                Issues = grouped.Issues
+            };
         }
 
     }
@@ -77,6 +75,7 @@ namespace Ombi.Core.Engine.V2
     {
         public string Title { get; set; }
         public int Count { get; set; }
+        public string ProviderId { get; set; }
         public IEnumerable<Issues> Issues { get; set; }
     }
 }
diff --git a/src/Ombi/ClientApp/src/app/app.module.ts b/src/Ombi/ClientApp/src/app/app.module.ts
index cfaf783cf..4de2c9f9f 100644
--- a/src/Ombi/ClientApp/src/app/app.module.ts
+++ b/src/Ombi/ClientApp/src/app/app.module.ts
@@ -145,6 +145,7 @@ export function JwtTokenGetter() {
         MatCheckboxModule,
         MatProgressSpinnerModule,
         MDBBootstrapModule.forRoot(),
+        // NbThemeModule.forRoot({ name: 'dark'}),
         JwtModule.forRoot({
             config: {
                 tokenGetter: JwtTokenGetter,
diff --git a/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts b/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
index b01749057..10de2a596 100644
--- a/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
+++ b/src/Ombi/ClientApp/src/app/interfaces/IIssues.ts
@@ -66,5 +66,6 @@ export interface IUpdateStatus {
 export interface IIssuesSummary {
     title: string;
     count: number;
+    providerId: string;
     issues: IIssues[];
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
new file mode 100644
index 000000000..b8e8dc1f6
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
@@ -0,0 +1,38 @@
+<div *ngIf="details">
+
+  <h1>Issues for {{details.title}}</h1>
+  <div>
+    <span>Has Request {{hasRequest}}</span>
+    <div class="row">
+      <div class="col-6 top-spacing" *ngFor="let issue of details.issues">
+        <div color="accent">
+          <div>
+            <div>{{issue.subject}}</div>
+            <span>{{issue.userReported?.userName}} on {{issue.createdDate | date:short}}</span>
+          </div>
+          <div>
+            <p>
+              {{issue.description}}
+            </p>
+          </div>
+          <div>
+            <button mat-raised-button color="accent">{{'Issues.Chat' | translate }}</button>
+            <span *ngIf="isAdmin && settings">
+              <button mat-raised-button color="accent"
+                *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress"
+                (click)="inProgress(issue)">{{'Issues.MarkInProgress' | translate }}</button>
+              <button mat-raised-button color="accent"
+                *ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress"
+                (click)="resolve(issue)">{{'Issues.MarkResolved' | translate}}</button>
+              <button mat-raised-button color="warn" (click)="delete(issue)">{{'Issues.Delete' | translate}}</button>
+            </span>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button mat-raised-button color="accent" (click)="navToMedia()">{{'Common.ViewDetails' | translate }}</button>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
new file mode 100644
index 000000000..d6dcd67de
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
@@ -0,0 +1,9 @@
+@import "~styles/variables.scss";
+
+::ng-deep .mat-card {
+  background: $ombi-background-primary-accent;
+}
+
+.top-spacing {
+  margin-top:2%;
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
new file mode 100644
index 000000000..ed00bc041
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
@@ -0,0 +1,88 @@
+import { Component, Inject, OnInit, ViewEncapsulation } from "@angular/core";
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { ActivatedRoute, ActivatedRouteSnapshot, Router } from "@angular/router";
+import { TranslateService } from "@ngx-translate/core";
+import { AuthService } from "../../../auth/auth.service";
+import { IIssues, IIssueSettings, IIssuesSummary, IssueStatus, RequestType } from "../../../interfaces";
+import { IssuesService, NotificationService, SettingsService } from "../../../services";
+import { IssuesV2Service } from "../../../services/issuesv2.service";
+
+
+export interface IssuesDetailsGroupData {
+    issues: IIssues[];
+    title: string;
+}
+
+@Component({
+    selector: "issues-details",
+    templateUrl: "details.component.html",
+    styleUrls: ["details.component.scss"],
+    encapsulation: ViewEncapsulation.None
+})
+export class IssuesDetailsComponent implements OnInit {
+
+    public details: IIssuesSummary;
+    public isAdmin: boolean;
+    public IssueStatus = IssueStatus;
+    public settings: IIssueSettings;
+    public get hasRequest(): boolean {
+        return this.details.issues.some(x => x.requestId);
+    }
+
+    private providerId: string;
+
+    constructor(private authService: AuthService, private settingsService: SettingsService,
+                private issueServiceV2: IssuesV2Service, private route: ActivatedRoute, private router: Router,
+                private issuesService: IssuesService, private translateService: TranslateService, private notificationService: NotificationService) { 
+                    this.route.params.subscribe(async (params: any) => {
+                        if (typeof params.providerId === 'string' || params.providerId instanceof String) {
+                            this.providerId = params.providerId;
+                        }
+                    });
+                }
+
+    public ngOnInit() {
+        this.isAdmin = this.authService.hasRole("Admin") || this.authService.hasRole("PowerUser");
+        this.settingsService.getIssueSettings().subscribe(x => this.settings = x);
+        this.issueServiceV2.getIssuesByProviderId(this.providerId).subscribe(x => this.details = x);
+    }
+
+    public resolve(issue: IIssues) {
+        this.issuesService.updateStatus({issueId: issue.id, status: IssueStatus.Resolved}).subscribe(x => {
+            this.notificationService.success(this.translateService.instant("Issues.MarkedAsResolved"));
+            issue.status = IssueStatus.Resolved;
+        });
+    }
+
+    public inProgress(issue: IIssues) {
+        this.issuesService.updateStatus({issueId: issue.id, status: IssueStatus.InProgress}).subscribe(x => {
+            this.notificationService.success(this.translateService.instant("Issues.MarkedAsInProgress"));
+            issue.status = IssueStatus.InProgress;
+        });
+    }
+
+    public async delete(issue: IIssues) {
+        await this.issuesService.deleteIssue(issue.id);
+        this.notificationService.success(this.translateService.instant("Issues.DeletedIssue"));
+        this.details.issues =  this.details.issues.filter((el) => { return el.id !== issue.id; }); 
+    }
+
+
+    public navToMedia() {
+        const firstIssue = this.details.issues[0];
+        switch(firstIssue.requestType) {
+            case RequestType.movie:
+                this.router.navigate(['/details/movie/', firstIssue.providerId]);
+                return;
+
+            case RequestType.album:
+                this.router.navigate(['/details/artist/', firstIssue.providerId]);
+                return;
+
+            case RequestType.tvShow:
+                this.router.navigate(['/details/tv/', firstIssue.providerId]);
+                return;
+        }
+    }
+
+}
diff --git a/src/Ombi/ClientApp/src/app/issues/components/index.ts b/src/Ombi/ClientApp/src/app/issues/components/index.ts
index 7bf8e197a..86ceefe89 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/index.ts
@@ -1,23 +1,19 @@
 import { AuthGuard } from "../../auth/auth.guard";
-import { IssuesListComponent } from "./issues-list/issues-list.component";
 import { Routes } from "@angular/router";
 import { IssuesV2Service } from "../../services/issuesv2.service";
 import { IdentityService, SearchService } from "../../services";
 import { DetailsGroupComponent } from "./details-group/details-group.component";
+import { IssuesDetailsComponent } from "./details/details.component";
 
 
 
 export const components: any[] = [
-    IssuesListComponent,
     DetailsGroupComponent,
+    IssuesDetailsComponent,
 ];
 
 export const providers: any[] = [
     IssuesV2Service,
     IdentityService,
     SearchService,
-];
-
-export const routes: Routes = [
-    { path: "", component: IssuesListComponent, canActivate: [AuthGuard] },
 ];
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.html b/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.html
deleted file mode 100644
index 61f154193..000000000
--- a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!-- <table mat-table [dataSource]="pendingIssues" multiTemplateDataRows class="mat-elevation-z8">
-    <ng-container matColumnDef="{{column}}" *ngFor="let column of columnsToDisplay">
-        <th mat-header-cell *matHeaderCellDef> {{column}} </th>
-        <td mat-cell *matCellDef="let element"> {{element[column]}} </td>
-    </ng-container>
-
-    <ng-container matColumnDef="expandedDetail">
-        <td mat-cell *matCellDef="let element" [attr.colspan]="columnsToDisplay.length">
-            <div class="example-element-detail" [@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'">
-                <div class="example-element-diagram">
-                    <div class="example-element-position"> {{element.requestId}} </div>
-                </div>
-            </div>
-        </td>
-    </ng-container>
-
-    <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
-    <tr mat-row *matRowDef="let element; columns: columnsToDisplay;" class="example-element-row" [class.example-expanded-row]="expandedElement === element" (click)="expandedElement = expandedElement === element ? null : element">
-    </tr>
-    <tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row"></tr>
-</table> -->
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.ts b/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.ts
deleted file mode 100644
index 82883a4f2..000000000
--- a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-
-import { IssuesService } from "../../../services";
-
-import { IIssueCount, IIssues, IPagenator, IssueStatus } from "../../../interfaces";
-import { COLUMNS } from "./issues-list.constants";
-
-@Component({
-    selector: "issues-list",
-    templateUrl: "issues-list.component.html",
-})
-export class IssuesListComponent implements OnInit {
-
-    public columnsToDisplay = COLUMNS
-
-    public pendingIssues: IIssues[];
-    public inProgressIssues: IIssues[];
-    public resolvedIssues: IIssues[];
-
-    public count: IIssueCount;
-
-    private takeAmount = 10;
-    private pendingSkip = 0;
-    private inProgressSkip = 0;
-    private resolvedSkip = 0;
-
-    constructor(private issueService: IssuesService) { }
-
-    public ngOnInit() {
-        this.getPending();
-        this.getInProg();
-        this.getResolved();
-        this.issueService.getIssuesCount().subscribe(x => this.count = x);
-    }
-
-    public changePagePending(event: IPagenator) {
-        this.pendingSkip = event.first;
-        this.getPending();
-    }
-
-    public changePageInProg(event: IPagenator) {
-        this.inProgressSkip = event.first;
-        this.getInProg();
-    }
-
-    public changePageResolved(event: IPagenator) {
-        this.resolvedSkip = event.first;
-        this.getResolved();
-    }
-
-    private getPending() {
-        this.issueService.getIssuesPage(this.takeAmount, this.pendingSkip, IssueStatus.Pending).subscribe(x => {
-            this.pendingIssues = x;
-        });
-    }
-
-    private getInProg() {
-        this.issueService.getIssuesPage(this.takeAmount, this.inProgressSkip, IssueStatus.InProgress).subscribe(x => {
-            this.inProgressIssues = x;
-        });
-    }
-
-    private getResolved() {
-        this.issueService.getIssuesPage(this.takeAmount, this.resolvedSkip, IssueStatus.Resolved).subscribe(x => {
-            this.resolvedIssues = x;
-        });
-    }
-}
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.constants.ts b/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.constants.ts
deleted file mode 100644
index f4a00e24b..000000000
--- a/src/Ombi/ClientApp/src/app/issues/components/issues-list/issues-list.constants.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const COLUMNS = [
-   "title"
-]
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.component.html b/src/Ombi/ClientApp/src/app/issues/issues.component.html
index 4d9daeffc..72734ed85 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/issues.component.html
@@ -1,19 +1,28 @@
 <div class="small-middle-container">
-    <div class="row" *ngIf="count">
+    <div *ngIf="count">
 
-            <div *ngIf="pendingIssues.length  > 0" class="col-4">
-                <h2>{{'Issues.PendingTitle' | translate}}</h2>
-                <issues-table [issues]="pendingIssues" (changePage)="changePagePending($event)" [totalRecords]="count.pending"></issues-table>
-            </div>
-
-            <div *ngIf="inProgressIssues.length  > 0" class="col-4">
-                <h2>{{'Issues.InProgressTitle' | translate}}</h2>
-                <issues-table [issues]="inProgressIssues" (changePage)="changePageInProg($event)" [totalRecords]="count.inProgress"></issues-table>
-            </div>
-
-            <div *ngIf="resolvedIssues.length  > 0" class="col-4">
-                <h2>{{'Issues.ResolvedTitle' | translate}}</h2>
-                <issues-table [issues]="resolvedIssues" (changePage)="changePageResolved($event)" [totalRecords]="count.resolved"></issues-table>
-            </div>
+        <mat-tab-group>
+            <mat-tab label="{{'Issues.PendingTitle' | translate}}">
+                <ng-template matTabContent>
+                    <div *ngIf="pendingIssues.length > 0">
+                        <issues-table [issues]="pendingIssues" (changePage)="changePagePending($event)" [totalRecords]="count.pending"></issues-table>
+                    </div>
+                </ng-template>
+            </mat-tab>
+            <mat-tab *ngIf="inProgressIssues.length > 0" label="{{'Issues.InProgressTitle' | translate}}">
+                <ng-template matTabContent>
+                    <div *ngIf="inProgressIssues">
+                        <issues-table [issues]="inProgressIssues" (changePage)="changePageInProg($event)" [totalRecords]="count.inProgress"></issues-table>
+                    </div>
+                </ng-template>
+            </mat-tab>
+            <mat-tab label="{{'Issues.ResolvedTitle' | translate}}">
+                <ng-template matTabContent>
+                    <div *ngIf="resolvedIssues.length > 0">
+                        <issues-table [issues]="resolvedIssues" (changePage)="changePageResolved($event)" [totalRecords]="count.resolved"></issues-table>
+                    </div>
+                </ng-template>
+            </mat-tab>
+        </mat-tab-group>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.module.ts b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
index 70b8a4bb1..08896a086 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.module.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
@@ -1,5 +1,6 @@
 import { NgModule } from "@angular/core";
 import { RouterModule, Routes } from "@angular/router";
+// import { NbChatModule, NbThemeModule } from '@nebular/theme';
 
 import { OrderModule } from "ngx-order-pipe";
 
@@ -10,6 +11,7 @@ import { SharedModule as OmbiShared } from "../shared/shared.module";
 import { IssueDetailsComponent } from "./issueDetails.component";
 import { IssuesComponent } from "./issues.component";
 import { IssuesTableComponent } from "./issuestable.component";
+import { IssuesDetailsComponent } from "./components/details/details.component";
 
 import { PipeModule } from "../pipes/pipe.module";
 
@@ -17,7 +19,7 @@ import * as fromComponents from "./components";
 
 const routes: Routes = [
     { path: "", component: IssuesComponent, canActivate: [AuthGuard] },
-    { path: ":id", component: IssueDetailsComponent, canActivate: [AuthGuard] },
+    { path: ":providerId", component: IssuesDetailsComponent, canActivate: [AuthGuard] },
 ];
 
 @NgModule({
@@ -25,7 +27,8 @@ const routes: Routes = [
         RouterModule.forChild(routes),
         OrderModule,
         PipeModule,
-        OmbiShared
+        OmbiShared,
+        // NbChatModule,
     ],
     declarations: [
         IssuesComponent,
diff --git a/src/Ombi/ClientApp/src/app/issues/issuestable.component.html b/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
index 8244536ad..8e22d3e51 100644
--- a/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/issuestable.component.html
@@ -14,7 +14,7 @@
     <ng-container matColumnDef="actions">
         <th mat-header-cell *matHeaderCellDef> </th>
         <td mat-cell *matCellDef="let element">
-            <button  mat-raised-button color="accent" (click)="openDetails(element)">{{ 'Issues.Details' | translate}}</button>
+            <button  mat-raised-button color="accent" [routerLink]="[element.providerId]">{{ 'Issues.Details' | translate}}</button>
          </td>
     </ng-container>
 
diff --git a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
index 7ed826fc5..0fd81a534 100644
--- a/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issuestable.component.ts
@@ -1,8 +1,7 @@
 import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { MatDialog } from "@angular/material/dialog";
 
-import { IIssues, IIssuesSummary, IPagenator, IssueStatus } from "../interfaces";
-import { DetailsGroupComponent, IssuesDetailsGroupData } from "./components/details-group/details-group.component";
+import { IIssuesSummary, IPagenator, IssueStatus } from "../interfaces";
 
 @Component({
     selector: "issues-table",
@@ -52,12 +51,4 @@ export class IssuesTableComponent  {
       public paginate(event: IPagenator) {
         this.changePage.emit(event);
     }
-
-    public openDetails(summary: IIssuesSummary) {
-        const dialogRef = this.dialog.open(DetailsGroupComponent, {
-            width: "50vw",
-            data: <IssuesDetailsGroupData>{ issues: summary.issues, title: summary.title },
-          });
-    }
-
 }
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/movie/movie-details.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/movie/movie-details.component.ts
index 988859245..912f8a32c 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/movie/movie-details.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/movie/movie-details.component.ts
@@ -113,9 +113,13 @@ export class MovieDetailsComponent {
     }
 
     public async issue() {
+        let provider = this.movie.id.toString();
+        if (this.movie.imdbId) {
+            provider = this.movie.imdbId;
+        }
         const dialogRef = this.dialog.open(NewIssueComponent, {
             width: '500px',
-            data: { requestId: this.movieRequest ? this.movieRequest.id : null, requestType: RequestType.movie, providerId: this.movie.imdbId ? this.movie.imdbId : this.movie.id, title: this.movie.title }
+            data: { requestId: this.movieRequest ? this.movieRequest.id : null, requestType: RequestType.movie, providerId: provider, title: this.movie.title }
         });
     }
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.ts
index dda7bcb89..206be2141 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.ts
@@ -6,10 +6,11 @@ import { TranslateService } from "@ngx-translate/core";
 @Component({
     selector: "issues-panel",
     templateUrl: "./issues-panel.component.html",
-    styleUrls: ["./issues-panel.component.scss"]
+    styleUrls: ["./issues-panel.component.scss"],
+    
 })
 export class IssuesPanelComponent implements OnInit {
-    
+
     @Input() public providerId: string;
     @Input() public isAdmin: boolean;
 
@@ -22,7 +23,6 @@ export class IssuesPanelComponent implements OnInit {
 
     constructor(private issuesService: IssuesService, private notificationService: NotificationService,
                 private translateService: TranslateService, private settingsService: SettingsService) {
-        
     }
 
     public async ngOnInit() {
@@ -54,7 +54,7 @@ export class IssuesPanelComponent implements OnInit {
         this.issuesCount = this.issues.length;
         this.calculateOutstanding();
     }
-    
+
     private calculateOutstanding() {
         this.isOutstanding = this.issues.some((i) => {
             return i.status !== IssueStatus.Resolved;
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/new-issue/new-issue.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/shared/new-issue/new-issue.component.ts
index c42c14fe2..94972c70d 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/shared/new-issue/new-issue.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/new-issue/new-issue.component.ts
@@ -10,7 +10,7 @@ import { TranslateService } from "@ngx-translate/core";
     templateUrl: "./new-issue.component.html",
 })
 export class NewIssueComponent implements OnInit {
-   
+
     public issue: IIssues;
     public issueCategories: IIssueCategory[];
 
@@ -40,9 +40,9 @@ export class NewIssueComponent implements OnInit {
 
         public async ngOnInit(): Promise<void> {
             this.issueCategories = await this.issueService.getCategories().toPromise();
-        }   
+        }
 
-        public async createIssue() { 
+        public async createIssue() {
             const result = await this.issueService.createIssue(this.issue).toPromise();
             if(result) {
                 this.messageService.send(this.translate.instant("Issues.IssueDialog.IssueCreated"));
diff --git a/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts b/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
index 69b5c01c4..d792702a0 100644
--- a/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
+++ b/src/Ombi/ClientApp/src/app/services/issuesv2.service.ts
@@ -16,4 +16,8 @@ export class IssuesV2Service extends ServiceHelpers {
     public getIssues(position: number, take: number, status: IssueStatus): Observable<IIssuesSummary[]> {
         return this.http.get<IIssuesSummary[]>(`${this.url}${position}/${take}/${status}`,  {headers: this.headers});
     }
+
+    public getIssuesByProviderId(providerId: string): Observable<IIssuesSummary> {
+        return this.http.get<IIssuesSummary>(`${this.url}details/${providerId}`,  {headers: this.headers});
+    }
 }
diff --git a/src/Ombi/Controllers/V2/IssuesController.cs b/src/Ombi/Controllers/V2/IssuesController.cs
index 214482b54..84eafa3ad 100644
--- a/src/Ombi/Controllers/V2/IssuesController.cs
+++ b/src/Ombi/Controllers/V2/IssuesController.cs
@@ -20,5 +20,12 @@ namespace Ombi.Controllers.V2
         {
             return _engine.GetIssues(position, take, status, HttpContext.RequestAborted);
         }
+
+
+        [HttpGet("details/{providerId}")]
+        public Task<IssuesSummaryModel> GetIssueDetails(string providerId)
+        {
+            return _engine.GetIssuesByProviderId(providerId, HttpContext.RequestAborted);
+        }
     }
 }

From f777e5d171886a85f2968fa4d5a2c54a8a609df2 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Fri, 26 Feb 2021 23:10:52 +0000
Subject: [PATCH 04/63] Added the basic comment functionality

---
 .../ClientApp/src/app/auth/auth.service.ts    |   4 +
 .../details-group.component.html              |   1 -
 .../components/details/details.component.html |   5 +-
 .../components/details/details.component.ts   |   9 +-
 .../src/app/issues/components/index.ts        |   6 +-
 .../issue-chat/issue-chat.component.html      |   6 +
 .../issue-chat/issue-chat.component.scss      |   9 +
 .../issue-chat/issue-chat.component.ts        |  87 +++++
 .../ClientApp/src/app/issues/issues.module.ts |   4 +-
 .../shared/chat-box/chat-box.component.html   |  23 ++
 .../shared/chat-box/chat-box.component.scss   | 329 ++++++++++++++++++
 .../app/shared/chat-box/chat-box.component.ts |  46 +++
 12 files changed, 520 insertions(+), 9 deletions(-)
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.html
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.scss
 create mode 100644 src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
 create mode 100644 src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
 create mode 100644 src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
 create mode 100644 src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.ts

diff --git a/src/Ombi/ClientApp/src/app/auth/auth.service.ts b/src/Ombi/ClientApp/src/app/auth/auth.service.ts
index 3eace43a4..afc0a2491 100644
--- a/src/Ombi/ClientApp/src/app/auth/auth.service.ts
+++ b/src/Ombi/ClientApp/src/app/auth/auth.service.ts
@@ -74,6 +74,10 @@ export class AuthService extends ServiceHelpers {
         return false;
     }
 
+    public isAdmin() {
+        return this.hasRole("Admin") || this.hasRole("PowerUser");
+    }
+
     public logout() {
         this.store.remove("id_token");
     }
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
index 7c3c04fdd..9738e24c7 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
@@ -1,6 +1,5 @@
 <h1 mat-dialog-title>Issues for {{data.title}}</h1>
 <div mat-dialog-content>
-  
     <div class="row">
     <div class="col-6 top-spacing" *ngFor="let issue of data.issues">
         <mat-card color="accent">
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
index b8e8dc1f6..08cb2dc44 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
@@ -3,6 +3,7 @@
   <h1>Issues for {{details.title}}</h1>
   <div>
     <span>Has Request {{hasRequest}}</span>
+  
     <div class="row">
       <div class="col-6 top-spacing" *ngFor="let issue of details.issues">
         <div color="accent">
@@ -16,7 +17,7 @@
             </p>
           </div>
           <div>
-            <button mat-raised-button color="accent">{{'Issues.Chat' | translate }}</button>
+            <button mat-raised-button (click)="openChat(issue)" color="accent">{{'Issues.Chat' | translate }}</button>
             <span *ngIf="isAdmin && settings">
               <button mat-raised-button color="accent"
                 *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress"
@@ -32,7 +33,7 @@
       </div>
     </div>
   </div>
-  <div>
+  <div class="row">
     <button mat-raised-button color="accent" (click)="navToMedia()">{{'Common.ViewDetails' | translate }}</button>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
index ed00bc041..accc99e60 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
@@ -1,11 +1,12 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from "@angular/core";
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { ActivatedRoute, ActivatedRouteSnapshot, Router } from "@angular/router";
 import { TranslateService } from "@ngx-translate/core";
 import { AuthService } from "../../../auth/auth.service";
 import { IIssues, IIssueSettings, IIssuesSummary, IssueStatus, RequestType } from "../../../interfaces";
 import { IssuesService, NotificationService, SettingsService } from "../../../services";
 import { IssuesV2Service } from "../../../services/issuesv2.service";
+import { IssueChatComponent } from "../issue-chat/issue-chat.component";
 
 
 export interface IssuesDetailsGroupData {
@@ -33,7 +34,8 @@ export class IssuesDetailsComponent implements OnInit {
 
     constructor(private authService: AuthService, private settingsService: SettingsService,
                 private issueServiceV2: IssuesV2Service, private route: ActivatedRoute, private router: Router,
-                private issuesService: IssuesService, private translateService: TranslateService, private notificationService: NotificationService) { 
+                private issuesService: IssuesService, private translateService: TranslateService, private notificationService: NotificationService,
+                private dialog: MatDialog) {
                     this.route.params.subscribe(async (params: any) => {
                         if (typeof params.providerId === 'string' || params.providerId instanceof String) {
                             this.providerId = params.providerId;
@@ -67,6 +69,9 @@ export class IssuesDetailsComponent implements OnInit {
         this.details.issues =  this.details.issues.filter((el) => { return el.id !== issue.id; }); 
     }
 
+    public openChat(issue: IIssues) {
+        this.dialog.open(IssueChatComponent, { width: "80vh", data: { issueId: issue.id },  panelClass: 'modal-panel' })
+    }
 
     public navToMedia() {
         const firstIssue = this.details.issues[0];
diff --git a/src/Ombi/ClientApp/src/app/issues/components/index.ts b/src/Ombi/ClientApp/src/app/issues/components/index.ts
index 86ceefe89..99a07492b 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/index.ts
@@ -1,15 +1,17 @@
-import { AuthGuard } from "../../auth/auth.guard";
-import { Routes } from "@angular/router";
 import { IssuesV2Service } from "../../services/issuesv2.service";
 import { IdentityService, SearchService } from "../../services";
 import { DetailsGroupComponent } from "./details-group/details-group.component";
 import { IssuesDetailsComponent } from "./details/details.component";
+import { IssueChatComponent } from "./issue-chat/issue-chat.component";
+import { ChatBoxComponent } from "../../shared/chat-box/chat-box.component";
 
 
 
 export const components: any[] = [
     DetailsGroupComponent,
     IssuesDetailsComponent,
+    IssueChatComponent,
+    ChatBoxComponent,
 ];
 
 export const providers: any[] = [
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.html b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.html
new file mode 100644
index 000000000..fe6c13ce7
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.html
@@ -0,0 +1,6 @@
+<ombi-chat-box *ngIf="loaded"
+  [messages]="messages"
+  (onAddMessage)="addComment($event)"
+>
+
+</ombi-chat-box>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.scss b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.scss
new file mode 100644
index 000000000..d6dcd67de
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.scss
@@ -0,0 +1,9 @@
+@import "~styles/variables.scss";
+
+::ng-deep .mat-card {
+  background: $ombi-background-primary-accent;
+}
+
+.top-spacing {
+  margin-top:2%;
+}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
new file mode 100644
index 000000000..a1ecf27f3
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
@@ -0,0 +1,87 @@
+import { Component, Inject, OnInit } from "@angular/core";
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { AuthService } from "../../../auth/auth.service";
+import { ILocalUser } from "../../../auth/IUserLogin";
+import { IIssuesChat, IIssueSettings, IssueStatus } from "../../../interfaces";
+import { IssuesService, SettingsService } from "../../../services";
+import { ChatMessages, ChatType } from "../../../shared/chat-box/chat-box.component";
+
+
+export interface ChatData {
+    issueId: number;
+    title: string;
+  }
+
+@Component({
+    selector: "issue-chat",
+    templateUrl: "issue-chat.component.html",
+    styleUrls: ["issue-chat.component.scss"],
+})
+export class IssueChatComponent implements OnInit {
+
+    public isAdmin: boolean;
+    public comments: IIssuesChat[];
+    public IssueStatus = IssueStatus;
+    public settings: IIssueSettings;
+    public messages: ChatMessages[] = [];
+
+    public loaded: boolean;
+
+    private user: ILocalUser;
+
+
+ constructor(public dialogRef: MatDialogRef<IssueChatComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: ChatData,
+    private authService: AuthService,  private settingsService: SettingsService,
+    private issueService: IssuesService) { }
+
+    public ngOnInit() {
+        this.isAdmin = this.authService.isAdmin();
+        this.user = this.authService.claims();
+        this.settingsService.getIssueSettings().subscribe(x => this.settings = x);
+        this.issueService.getComments(this.data.issueId).subscribe(x => {
+            this.comments = x;
+            this.mapMessages();
+            this.loaded = true;
+        });
+    }
+
+
+    public deleteComment(commentId: number) {
+
+    }
+
+    public addComment(comment: string) {
+        this.issueService.addComment({
+            comment: comment,
+            issueId: this.data.issueId
+        }).subscribe(comment => {
+            this.messages.push({
+                chatType: ChatType.Sender,
+                date: comment.date,
+                id: -1,
+                message: comment.comment,
+                username: comment.user.userName
+            });
+        });
+
+    }
+
+    public close() {
+        this.dialogRef.close();
+      }
+
+      private mapMessages() {
+          this.comments.forEach((m: IIssuesChat) => {
+            this.messages.push({
+                chatType: m.username === this.user.name ? ChatType.Sender : ChatType.Reciever,
+                date: m.date,
+                id: m.id,
+                message: m.comment,
+                username: m.username
+            });
+          });
+        }
+
+
+}
diff --git a/src/Ombi/ClientApp/src/app/issues/issues.module.ts b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
index 08896a086..4bf232f25 100644
--- a/src/Ombi/ClientApp/src/app/issues/issues.module.ts
+++ b/src/Ombi/ClientApp/src/app/issues/issues.module.ts
@@ -6,7 +6,7 @@ import { OrderModule } from "ngx-order-pipe";
 
 import { AuthGuard } from "../auth/auth.guard";
 
-import { SharedModule as OmbiShared } from "../shared/shared.module";
+import { SharedModule } from "../shared/shared.module";
 
 import { IssueDetailsComponent } from "./issueDetails.component";
 import { IssuesComponent } from "./issues.component";
@@ -27,7 +27,7 @@ const routes: Routes = [
         RouterModule.forChild(routes),
         OrderModule,
         PipeModule,
-        OmbiShared,
+        SharedModule,
         // NbChatModule,
     ],
     declarations: [
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
new file mode 100644
index 000000000..85463dea1
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
@@ -0,0 +1,23 @@
+<div class='container'  *ngIf="messages.length > 0">
+    <div class='chatbox'>
+      <div class='chatbox__user-list'>
+        <h1>Users</h1>
+        <div class='chatbox__user--active' *ngFor="let user of userList">
+            <p>{{user}}</p>
+        </div>
+      </div>
+      <div class="chatbox__messages" *ngFor="let m of messages">
+        <div class="chatbox__messages__user-message">
+          <div class="chatbox__messages__user-message--ind-message" [ngClass]="{'sender': m.chatType === ChatType.Sender, 'reciever':m.chatType === ChatType.Reciever }">
+            <p class="name" *ngIf="m?.username">{{m.username}}</p>
+            <br/>
+            <p class="message">{{m.message}}</p>
+            <p class="timestamp">{{m.date  | amLocal | amDateFormat: 'l LT'}}</p>
+          </div>
+        </div>
+      </div>
+      <div class="form">
+        <input type="text" [(ngModel)]="currentMessage" placeholder="Enter your message">
+        <button mat-raised-button class="add-message" (click)="addMessage()">Send</button>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
new file mode 100644
index 000000000..d64de471b
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
@@ -0,0 +1,329 @@
+// Variables
+$primary: rgba(23, 190, 187, 1);
+$secondary: rgba(240, 166, 202, 1);
+
+$active: rgba(23, 190, 187, 0.8);
+$busy: rgba(252, 100, 113, 0.8);
+$away: rgba(255, 253, 130, 0.8);
+
+// Triangle Mixin
+@mixin triangle($color, $size, $direction) {
+  width: 0;
+  height: 0;
+  @if $direction == "up" {
+    border-right: ($size + px) solid transparent;
+    border-left: ($size + px) solid transparent;
+    border-bottom: ($size + px) solid $color;
+  }
+  @if $direction == "down" {
+    border-right: ($size + px) solid transparent;
+    border-left: ($size + px) solid transparent;
+    border-top: ($size + px) solid $color;
+  } 
+  @if $direction == "right" {
+    border-top: ($size + px) solid transparent;
+    border-bottom: ($size + px) solid transparent;
+    border-left: ($size + px) solid $color;
+  }
+  @if $direction == "left" {
+    border-top: ($size + px) solid transparent;
+    border-bottom: ($size + px) solid transparent;
+    border-right: ($size + px) solid $color;
+    }
+}
+
+* {
+  margin: 0; padding: 0;
+  box-sizing: border-box;
+  font-family: 'Nunito', sans-serif;
+}
+
+html,body {
+  background: linear-gradient(120deg, $primary, $secondary);
+  overflow: hidden;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 70vh;
+  h1 {
+    margin: 0.5em auto;
+    color: #FFF;
+    text-align: center;
+  }
+}
+
+.chatbox {
+  background: rgba(255, 255, 255, 0.05);
+  width: 600px;
+  height: 75%;
+  border-radius: 0.2em;
+  position: relative;
+  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
+
+  .sender  {
+    float: right;
+    &:after {
+      content: '';
+      position: absolute;
+      margin: -1.5em -18.98em;
+      @include triangle(rgba(255, 255, 255, 0.2), 10, left);
+    }
+  }
+  .reciever  {
+    float: left;
+    &:after {
+    content: '';
+    position: absolute;
+    margin: -1.5em 2.65em;
+    @include triangle(rgba(255, 255, 255, 0.2), 10, right);
+    }
+  }
+  &__messages__user-message {
+    width: 450px;
+  }
+  &__messages__user-message--ind-message {
+    background: rgba(255, 255, 255, 0.2);
+    padding: 1em 0;
+    height: auto;
+    width: 65%;
+    border-radius: 5px;
+    margin: 2em 1em;
+    overflow: auto;
+    & > p.name {
+      color: #FFF;
+      font-size: 1em;
+    }
+    & > p.message {
+      color: #FFF;
+      font-size: 0.7em;
+      margin: 0 2.8em;
+    }& > p.timestamp {
+      color: #FFF;
+      font-size: 0.7em;
+      margin: 0 2.8em;
+    }
+  }
+  &__user-list {
+    background: rgba(255, 255, 255, 0.1);
+    width: 25%;
+    height: 100%;
+    float: right;
+    border-top-right-radius: 0.2em;
+    border-bottom-right-radius: 0.2em;
+    h1 {
+      background: rgba(255, 255, 255, 0.05);
+      color: rgba(255, 255, 255, 0.9);
+      font-size: 0.9em;
+      padding: 1em;
+      margin: 0;
+      font-weight: 300;
+      text-align: center;
+    }
+  }
+  &__user {
+    width: 0.5em;
+    height: 0.5em;
+    border-radius: 100%;
+    margin: 1em 0.7em;
+    &--active {
+      @extend .chatbox__user;
+      background: $active;
+    }
+    &--busy {
+      @extend .chatbox__user;
+      background: $busy;
+    }
+    &--away {
+      @extend .chatbox__user;
+      background: $away;
+    }
+  }
+  p {
+    float: left;
+    text-align: left;
+    margin: -0.25em 2em;
+    font-size: 0.7em;
+    font-weight: 300;
+    color: #FFF;
+    width: 200px;
+  }
+  .form {
+    background: #222;
+    input {
+      background: rgba(255, 255, 255, 0.03);
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      border: none;
+      width: 75%;
+      padding: 1.2em;
+      outline: none;
+      color: rgba(255, 255, 255, 0.9);
+      font-weight: 300;
+    }
+    .add-message {
+      background: rgba(255, 255, 255, 0.03);
+      position: absolute;
+      bottom: 1.5%;
+      right: 26%;
+      border: none;
+      outline: none;
+      color: rgba(255, 255, 255, 0.9);
+      font-weight: 300;
+    }
+  }
+}
+
+// Placeholder Styling
+::-webkit-input-placeholder {
+   color: rgba(255, 255, 255, 0.9);
+}
+
+:-moz-placeholder {
+   color: rgba(255, 255, 255, 0.9);  
+}
+
+::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+:-ms-input-placeholder {  
+   color: rgba(255, 255, 255, 0.9);
+}
+
+// ::-webkit-scrollbar {
+// 	width: 4px;
+// }
+// ::-webkit-scrollbar-thumb {
+// 	background-color: #4c4c6a;
+// 	border-radius: 2px;
+// }
+// .chatbox {
+//     width: 300px;
+//     height: 400px;
+//     max-height: 400px;
+//     display: flex;
+//     flex-direction: column;
+//     overflow: hidden;
+//     box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
+// }
+// .chat-window {
+//     flex: auto;
+//     max-height: calc(100% - 60px);
+//     background: #2f323b;
+//     overflow: auto;
+// }
+// .chat-input {
+//     flex: 0 0 auto;
+//     height: 60px;
+//     background: #40434e;
+//     border-top: 1px solid #2671ff;
+//     box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
+// }
+// .chat-input input {
+//     height: 59px;
+//     line-height: 60px;
+//     outline: 0 none;
+//     border: none;
+//     width: calc(100% - 60px);
+//     color: white;
+//     text-indent: 10px;
+//     font-size: 12pt;
+//     padding: 0;
+//     background: #40434e;
+// }
+// .chat-input button {
+//     float: right;
+//     outline: 0 none;
+//     border: none;
+//     background: rgba(255,255,255,.25);
+//     height: 40px;
+//     width: 40px;
+//     border-radius: 50%;
+//     padding: 2px 0 0 0;
+//     margin: 10px;
+//     transition: all 0.15s ease-in-out;
+// }
+// .chat-input input[good] + button {
+//     box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
+//     background: #2671ff;
+// }
+// .chat-input input[good] + button:hover {
+//     box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+// }
+// .chat-input input[good] + button path {
+//     fill: white;
+// }
+// .msg-container {
+//     position: relative;
+//     display: inline-block;
+//     width: 100%;
+//     margin: 0 0 10px 0;
+//     padding: 0;
+// }
+// .msg-box {
+//     display: flex;
+//     background: #5b5e6c;
+//     padding: 10px 10px 0 10px;
+//     border-radius: 0 6px 6px 0;
+//     max-width: 80%;
+//     width: auto;
+//     float: left;
+//     box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
+// }
+// .user-img {
+//     display: inline-block;
+//     border-radius: 50%;
+//     height: 40px;
+//     width: 40px;
+//     background: #2671ff;
+//     margin: 0 10px 10px 0;
+// }
+// .flr {
+//     flex: 1 0 auto;
+//     display: flex;
+//     flex-direction: column;
+//     width: calc(100% - 50px);
+// }
+// .messages {
+//     flex: 1 0 auto;
+// }
+// .msg {
+//     display: inline-block;
+//     font-size: 11pt;
+//     line-height: 13pt;
+//     color: rgba(255,255,255,.7);
+//     margin: 0 0 4px 0;
+// }
+// .msg:first-of-type {
+//     margin-top: 8px;
+// }
+// .timestamp {
+//     color: rgba(0,0,0,.38);
+//     font-size: 8pt;
+//     margin-bottom: 10px;
+// }
+// .username {
+//     margin-right: 3px;
+// }
+// .posttime {
+//     margin-left: 3px;
+// }
+// .msg-self .msg-box {
+//     border-radius: 6px 0 0 6px;
+//     background: #2671ff;
+//     float: right;
+// }
+// .msg-self .user-img {
+//     margin: 0 0 10px 10px;
+// }
+// .msg-self .msg {
+//     text-align: right;
+// }
+// .msg-self .timestamp {
+//     text-align: right;
+// }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.ts b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.ts
new file mode 100644
index 000000000..697977563
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.ts
@@ -0,0 +1,46 @@
+import { AfterContentChecked, AfterViewInit, Component, EventEmitter, Inject, Input, OnInit, Output } from "@angular/core";
+
+
+export interface ChatMessages {
+    id: number;
+    message: string;
+    date: Date;
+    username: string;
+    chatType: ChatType;
+  }
+
+  export enum ChatType {
+    Sender,
+    Reciever
+  }
+
+@Component({
+    selector: "ombi-chat-box",
+    templateUrl: "chat-box.component.html",
+    styleUrls: ["chat-box.component.scss"],
+})
+export class ChatBoxComponent implements OnInit {
+    @Input() messages: ChatMessages[];
+    @Output() onAddMessage: EventEmitter<string> = new EventEmitter<string>();
+    @Output() onDeleteMessage: EventEmitter<number> = new EventEmitter<number>();
+
+    public currentMessage: string;
+    public userList: string[];
+    public ChatType = ChatType;
+
+    public ngOnInit(): void {
+        const allUsernames = this.messages.map(x => x.username);
+        this.userList = allUsernames.filter((v, i, a) => a.indexOf(v) === i);
+    }
+
+    public deleteMessage(id: number) {
+        this.onDeleteMessage.emit(id);
+    }
+
+    public addMessage() {
+        if (this.currentMessage) {
+            this.onAddMessage.emit(this.currentMessage);
+            this.currentMessage = '';
+        }
+    }
+}

From 67c7d73ca1cd839bc4c86d845d6cb1904e74ad3d Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 3 Mar 2021 21:28:37 +0000
Subject: [PATCH 05/63] think i've finished the new issues work

---
 src/Ombi.Core/Engine/V2/IssuesEngine.cs       |  2 +-
 .../details-group.component.html              | 53 ++++++++-------
 .../details-group.component.scss              |  4 +-
 .../details-group/details-group.component.ts  | 67 ++++++++++---------
 .../components/details/details.component.html | 39 +++--------
 .../components/details/details.component.ts   |  2 +-
 .../src/app/issues/components/index.ts        |  2 -
 .../issue-chat/issue-chat.component.ts        |  2 +-
 .../src/app/media-details/components/index.ts |  1 +
 .../issues-panel/issues-panel.component.html  |  7 +-
 .../shared/chat-box/chat-box.component.html   |  2 +-
 .../shared/chat-box/chat-box.component.scss   |  5 +-
 .../ClientApp/src/app/shared/shared.module.ts |  4 ++
 src/Ombi/wwwroot/translations/en.json         |  4 +-
 14 files changed, 97 insertions(+), 97 deletions(-)

diff --git a/src/Ombi.Core/Engine/V2/IssuesEngine.cs b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
index f938e8ec6..830dd4295 100644
--- a/src/Ombi.Core/Engine/V2/IssuesEngine.cs
+++ b/src/Ombi.Core/Engine/V2/IssuesEngine.cs
@@ -32,7 +32,7 @@ namespace Ombi.Core.Engine.V2
 
         public async Task<IEnumerable<IssuesSummaryModel>> GetIssues(int position, int take, IssueStatus status, CancellationToken token)
         {
-            var issues = await _issues.GetAll().Where(x => x.Status == status).Skip(position).Take(take).OrderBy(x => x.Title).ToListAsync(token);
+            var issues = await _issues.GetAll().Where(x => x.Status == status && x.ProviderId != null).Skip(position).Take(take).OrderBy(x => x.Title).ToListAsync(token);
             var grouped = issues.GroupBy(x => x.Title, (key, g) => new { Title = key, Issues = g });
             
             var model = new List<IssuesSummaryModel>();
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
index 9738e24c7..c4906baac 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
@@ -1,26 +1,27 @@
-<h1 mat-dialog-title>Issues for {{data.title}}</h1>
-<div mat-dialog-content>
-    <div class="row">
-    <div class="col-6 top-spacing" *ngFor="let issue of data.issues">
-        <mat-card color="accent">
-            <mat-card-header>
-              <mat-card-title>{{issue.subject}}</mat-card-title>
-              <mat-card-subtitle>{{issue.userReported?.userName}} on {{issue.createdDate | date:short}}</mat-card-subtitle>
-            </mat-card-header>
-            <mat-card-content>
-              <p>
-                {{issue.description}}
-              </p>
-            </mat-card-content>
-            <mat-card-actions *ngIf="isAdmin && settings">
-              <button mat-raised-button color="accent" *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress" >{{'Issues.MarkInProgress' | translate }}</button>
-              <button mat-raised-button color="accent" *ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress">{{'Issues.MarkResolved' | translate}}</button>
-            </mat-card-actions>
-          </mat-card>
-    </div>
-</div>
-</div>
-<div mat-dialog-actions>
-    <button  mat-raised-button color="warn" (click)="close()">Close</button>
-    <button *ngIf="hasRequest"  mat-raised-button color="accent"  (click)="navToRequest()">View Media</button>
-</div>
+<mat-card class="issue-card" *ngIf="!deleted">
+  <mat-card-header>
+    <mat-card-title>{{issue.subject}}</mat-card-title>
+    <mat-card-subtitle>{{issue.userReported?.userName}} on {{issue.createdDate | date:short}}</mat-card-subtitle>
+  </mat-card-header>
+  <mat-card-content>
+    <p>
+      {{issue.description}}
+    </p>
+  </mat-card-content>
+  <mat-card-actions>
+    <button mat-raised-button (click)="openChat(issue)" color="accent"><i class="far fa-comments"></i> {{'Issues.Chat' | translate }}</button>
+    <div *ngIf="isAdmin && settings;then content else empty">here is ignored</div>    
+<ng-template #content> 
+<button mat-raised-button color="accent"
+*ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress"
+(click)="inProgress(issue)">{{'Issues.MarkInProgress' | translate }}</button>
+
+<button mat-raised-button color="accent"
+*ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress"
+(click)="resolve(issue)">{{'Issues.MarkResolved' | translate}}</button>
+
+<button mat-raised-button color="warn" (click)="delete(issue)"><i class="far fa-times-circle"></i> {{'Issues.Delete' | translate}}</button></ng-template>
+<ng-template #empty></ng-template>
+  </mat-card-actions>
+</mat-card>
+
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
index d6dcd67de..c244fdd09 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.scss
@@ -1,7 +1,7 @@
 @import "~styles/variables.scss";
 
-::ng-deep .mat-card {
-  background: $ombi-background-primary-accent;
+::ng-deep .issue-card {
+  border: 3px solid $ombi-background-primary-accent;
 }
 
 .top-spacing {
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts
index aea5eb123..4f7ddc612 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.ts
@@ -1,48 +1,55 @@
-import { Component, Inject, OnInit } from "@angular/core";
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { AuthService } from "../../../auth/auth.service";
+import { Component, Input } from "@angular/core";
+import { MatDialog } from '@angular/material/dialog';
+import { TranslateService } from "@ngx-translate/core";
 import { IIssues, IIssueSettings, IssueStatus } from "../../../interfaces";
-import { SettingsService } from "../../../services";
-
-
-export interface IssuesDetailsGroupData {
-    issues: IIssues[];
-    title: string;
-  }
+import { IssuesService, NotificationService } from "../../../services";
+import { IssueChatComponent } from "../issue-chat/issue-chat.component";
 
 @Component({
     selector: "issues-details-group",
     templateUrl: "details-group.component.html",
     styleUrls: ["details-group.component.scss"],
 })
-export class DetailsGroupComponent implements OnInit {
+export class DetailsGroupComponent {
 
-    public isAdmin: boolean;
+    @Input() public issue: IIssues;
+    @Input() public isAdmin: boolean;
+    @Input() public settings: IIssueSettings;
+
+    public deleted: boolean;
     public IssueStatus = IssueStatus;
-    public settings: IIssueSettings;
     public get hasRequest(): boolean {
-        return this.data.issues.some(x => x.requestId);
+        if (this.issue.requestId) {
+            return true;
+        }
+        return false;
     }
 
- constructor(public dialogRef: MatDialogRef<DetailsGroupComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: IssuesDetailsGroupData,
-    private authService: AuthService,  private settingsService: SettingsService) { }
+ constructor(
+    private translateService: TranslateService, private issuesService: IssuesService,
+    private notificationService: NotificationService, private dialog: MatDialog) { }
 
-    public ngOnInit() {
-        this.isAdmin = this.authService.hasRole("Admin") || this.authService.hasRole("PowerUser");
-        this.settingsService.getIssueSettings().subscribe(x => this.settings = x);
+    public async delete(issue: IIssues) {
+        await this.issuesService.deleteIssue(issue.id);
+        this.notificationService.success(this.translateService.instant("Issues.DeletedIssue"));
+        this.deleted = true;
     }
 
-    public close() {
-        this.dialogRef.close();
-      }
-
-      public navToRequest() {
-          var issue = this.data.issues.filter(x => {
-              return x.requestId;
-          })[0];
+    public openChat(issue: IIssues) {
+        this.dialog.open(IssueChatComponent, { width: "100vh", data: { issueId: issue.id },  panelClass: 'modal-panel' })
+    }
 
-          // close dialog and tell calling component to navigate
-      }
+    public resolve(issue: IIssues) {
+        this.issuesService.updateStatus({issueId: issue.id, status: IssueStatus.Resolved}).subscribe(() => {
+            this.notificationService.success(this.translateService.instant("Issues.MarkedAsResolved"));
+            issue.status = IssueStatus.Resolved;
+        });
+    }
 
+    public inProgress(issue: IIssues) {
+        this.issuesService.updateStatus({issueId: issue.id, status: IssueStatus.InProgress}).subscribe(() => {
+            this.notificationService.success(this.translateService.instant("Issues.MarkedAsInProgress"));
+            issue.status = IssueStatus.InProgress;
+        });
+    }
 }
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
index 08cb2dc44..bc0e8a794 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.html
@@ -1,39 +1,20 @@
-<div *ngIf="details">
+<div class="container top-spacing" *ngIf="details">
 
   <h1>Issues for {{details.title}}</h1>
   <div>
-    <span>Has Request {{hasRequest}}</span>
-  
+    <span>{{'Issues.Requested' | translate}} 
+      <i *ngIf="!hasRequest" class="far fa-times-circle"></i>
+      <i *ngIf="hasRequest" class="far fa-check-circle"></i>
+    </span>
+    <div>
+    <button mat-raised-button color="accent" (click)="navToMedia()"><i class="far fa-eye"></i> {{'Common.ViewDetails' | translate }}</button>
+  </div>
     <div class="row">
       <div class="col-6 top-spacing" *ngFor="let issue of details.issues">
-        <div color="accent">
-          <div>
-            <div>{{issue.subject}}</div>
-            <span>{{issue.userReported?.userName}} on {{issue.createdDate | date:short}}</span>
-          </div>
-          <div>
-            <p>
-              {{issue.description}}
-            </p>
-          </div>
-          <div>
-            <button mat-raised-button (click)="openChat(issue)" color="accent">{{'Issues.Chat' | translate }}</button>
-            <span *ngIf="isAdmin && settings">
-              <button mat-raised-button color="accent"
-                *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress"
-                (click)="inProgress(issue)">{{'Issues.MarkInProgress' | translate }}</button>
-              <button mat-raised-button color="accent"
-                *ngIf="issue.status === IssueStatus.Pending && !settings.enableInProgress || issue.status == IssueStatus.InProgress"
-                (click)="resolve(issue)">{{'Issues.MarkResolved' | translate}}</button>
-              <button mat-raised-button color="warn" (click)="delete(issue)">{{'Issues.Delete' | translate}}</button>
-            </span>
-          </div>
-
-        </div>
+        <issues-details-group [issue]="issue" [settings]="settings" [isAdmin]="isAdmin"></issues-details-group>
       </div>
     </div>
   </div>
   <div class="row">
-    <button mat-raised-button color="accent" (click)="navToMedia()">{{'Common.ViewDetails' | translate }}</button>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
index accc99e60..4003acd40 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
@@ -70,7 +70,7 @@ export class IssuesDetailsComponent implements OnInit {
     }
 
     public openChat(issue: IIssues) {
-        this.dialog.open(IssueChatComponent, { width: "80vh", data: { issueId: issue.id },  panelClass: 'modal-panel' })
+        this.dialog.open(IssueChatComponent, { width: "100vh", data: { issueId: issue.id },  panelClass: 'modal-panel' })
     }
 
     public navToMedia() {
diff --git a/src/Ombi/ClientApp/src/app/issues/components/index.ts b/src/Ombi/ClientApp/src/app/issues/components/index.ts
index 99a07492b..52e4ed03c 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/index.ts
@@ -1,6 +1,5 @@
 import { IssuesV2Service } from "../../services/issuesv2.service";
 import { IdentityService, SearchService } from "../../services";
-import { DetailsGroupComponent } from "./details-group/details-group.component";
 import { IssuesDetailsComponent } from "./details/details.component";
 import { IssueChatComponent } from "./issue-chat/issue-chat.component";
 import { ChatBoxComponent } from "../../shared/chat-box/chat-box.component";
@@ -8,7 +7,6 @@ import { ChatBoxComponent } from "../../shared/chat-box/chat-box.component";
 
 
 export const components: any[] = [
-    DetailsGroupComponent,
     IssuesDetailsComponent,
     IssueChatComponent,
     ChatBoxComponent,
diff --git a/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
index a1ecf27f3..023fdbf12 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/issue-chat/issue-chat.component.ts
@@ -20,7 +20,7 @@ export interface ChatData {
 export class IssueChatComponent implements OnInit {
 
     public isAdmin: boolean;
-    public comments: IIssuesChat[];
+    public comments: IIssuesChat[] = [];
     public IssueStatus = IssueStatus;
     public settings: IIssueSettings;
     public messages: ChatMessages[] = [];
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/index.ts b/src/Ombi/ClientApp/src/app/media-details/components/index.ts
index 240fba28a..e8cb89d4a 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/index.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/index.ts
@@ -20,6 +20,7 @@ import { IssuesPanelComponent } from "./shared/issues-panel/issues-panel.compone
 import { TvAdvancedOptionsComponent } from "./tv/panels/tv-advanced-options/tv-advanced-options.component";
 import { RequestBehalfComponent } from "./shared/request-behalf/request-behalf.component";
 import { TvRequestGridComponent } from "./tv/panels/tv-request-grid/tv-request-grid.component";
+import { DetailsGroupComponent } from "../../issues/components/details-group/details-group.component";
 
 export const components: any[] = [
     MovieDetailsComponent,
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.html
index c4c05dff9..d71ca8fcd 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/issues-panel/issues-panel.component.html
@@ -13,6 +13,11 @@
         <!-- content start -->
 
         <mat-accordion class="mat-elevation-z8">
+
+            <div  *ngFor="let issue of issues">
+            <issues-details-group [issue]="issue" [settings]="settings" [isAdmin]="isAdmin"></issues-details-group>
+        </div>
+<!--         
             <mat-expansion-panel *ngFor="let issue of issues">
                 <mat-expansion-panel-header>
                     <mat-panel-title>
@@ -54,7 +59,7 @@
                         <button mat-raised-button color="warn" (click)="delete(issue)"> {{ 'Issues.Delete' | translate }}</button>
                     </div>
                 </div>
-            </mat-expansion-panel>
+            </mat-expansion-panel> -->
         </mat-accordion>
 
         <!-- content end -->
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
index 85463dea1..aa19bf1db 100644
--- a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
@@ -1,4 +1,4 @@
-<div class='container'  *ngIf="messages.length > 0">
+<div class='container'>
     <div class='chatbox'>
       <div class='chatbox__user-list'>
         <h1>Users</h1>
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
index d64de471b..70f83b85f 100644
--- a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
@@ -49,6 +49,7 @@ html,body {
   align-items: center;
   flex-direction: column;
   height: 70vh;
+  width: 100%;
   h1 {
     margin: 0.5em auto;
     color: #FFF;
@@ -58,8 +59,8 @@ html,body {
 
 .chatbox {
   background: rgba(255, 255, 255, 0.05);
-  width: 600px;
-  height: 75%;
+  width: 85%;
+  height: 100%;
   border-radius: 0.2em;
   position: relative;
   box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
diff --git a/src/Ombi/ClientApp/src/app/shared/shared.module.ts b/src/Ombi/ClientApp/src/app/shared/shared.module.ts
index ed93fa375..afe27bb7e 100644
--- a/src/Ombi/ClientApp/src/app/shared/shared.module.ts
+++ b/src/Ombi/ClientApp/src/app/shared/shared.module.ts
@@ -36,11 +36,13 @@ import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
 import { MatSlideToggleModule } from "@angular/material/slide-toggle";
 import { MatTabsModule } from "@angular/material/tabs";
 import { EpisodeRequestComponent } from "./episode-request/episode-request.component";
+import { DetailsGroupComponent } from "../issues/components/details-group/details-group.component";
 
 @NgModule({
   declarations: [
     IssuesReportComponent,
     EpisodeRequestComponent,
+    DetailsGroupComponent,
   ],
   imports: [
     SidebarModule,
@@ -76,6 +78,7 @@ import { EpisodeRequestComponent } from "./episode-request/episode-request.compo
   ],
   entryComponents: [
     EpisodeRequestComponent,
+    DetailsGroupComponent,
   ],
   exports: [
       TranslateModule,
@@ -86,6 +89,7 @@ import { EpisodeRequestComponent } from "./episode-request/episode-request.compo
       MatProgressSpinnerModule,
       IssuesReportComponent,
       EpisodeRequestComponent,
+      DetailsGroupComponent,
       TruncateModule,
       InputSwitchModule,
       MatTreeModule,
diff --git a/src/Ombi/wwwroot/translations/en.json b/src/Ombi/wwwroot/translations/en.json
index 0efb3fe88..4b82d8224 100644
--- a/src/Ombi/wwwroot/translations/en.json
+++ b/src/Ombi/wwwroot/translations/en.json
@@ -216,7 +216,9 @@
         "MarkedAsResolved": "This issue has now been marked as resolved!",
         "MarkedAsInProgress": "This issue has now been marked as in progress!",
         "Delete": "Delete issue",
-        "DeletedIssue": "Issue has been deleted"
+        "DeletedIssue": "Issue has been deleted",
+        "Chat":"Chat",
+        "Requested":"Requested"
     },
     "Filter": {
         "ClearFilter": "Clear Filter",

From 9337311718c7a1930e022e44071852e3076fb785 Mon Sep 17 00:00:00 2001
From: Xirg <xirg.laptop@gmail.com>
Date: Sat, 6 Mar 2021 11:33:02 +0100
Subject: [PATCH 06/63] added icon for apple homescreen icon

the icon is already here, just the <link rel=> tag missing
<link rel="apple-touch-icon" type="image/png" href="images/favicon/apple-touch-icon.png"/>
---
 src/Ombi/ClientApp/src/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index 9b4005ca1..4d077697d 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -14,6 +14,7 @@
     <link href="styles/spinkit.css" rel="stylesheet">
     <link href="styles/11-folding-cube.css" rel="stylesheet">
     <link rel="icon" type="image/png" href="images/favicon/favicon.ico"/>
+    <link rel="apple-touch-icon" type="image/png" href="images/favicon/apple-touch-icon.png"/>
     <script src="styles/please-wait.js"></script>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

From dd3a44b2845cc345d0aba5046049c01fbc07aebb Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Sat, 6 Mar 2021 23:51:53 +0000
Subject: [PATCH 07/63] Fixed #4092

---
 src/Ombi/Controllers/V1/IdentityController.cs | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/Ombi/Controllers/V1/IdentityController.cs b/src/Ombi/Controllers/V1/IdentityController.cs
index dfe13a029..b57a6e890 100644
--- a/src/Ombi/Controllers/V1/IdentityController.cs
+++ b/src/Ombi/Controllers/V1/IdentityController.cs
@@ -633,11 +633,16 @@ namespace Ombi.Controllers.V1
             user.MovieRequestLimit = ui.MovieRequestLimit;
             user.EpisodeRequestLimit = ui.EpisodeRequestLimit;
             user.MusicRequestLimit = ui.MusicRequestLimit;
+            if (ui.Password.HasValue())
+            {
+                user.PasswordHash = UserManager.PasswordHasher.HashPassword(user, ui.Password);
+            }
             if (ui.StreamingCountry.HasValue())
             {
                 user.StreamingCountry = ui.StreamingCountry;
             }
             var updateResult = await UserManager.UpdateAsync(user);
+                
             if (!updateResult.Succeeded)
             {
                 return new OmbiIdentityResult

From 6fda24c98a954a4a872147d7297f95a6aefe3905 Mon Sep 17 00:00:00 2001
From: Jamie <tidusjar@gmail.com>
Date: Sun, 7 Mar 2021 19:18:55 +0000
Subject: [PATCH 08/63] Delete nuget.config

---
 src/Ombi/nuget.config | 6 ------
 1 file changed, 6 deletions(-)
 delete mode 100644 src/Ombi/nuget.config

diff --git a/src/Ombi/nuget.config b/src/Ombi/nuget.config
deleted file mode 100644
index 34508488c..000000000
--- a/src/Ombi/nuget.config
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<configuration>
- <packageSources>
-    <add key="dotnet-core" value="https://dotnet.myget.org/F/dotnet-core/api/v3/index.json" />
- </packageSources>
-</configuration>
\ No newline at end of file

From b1fec7ad3f2e18796999bd7a94bc8ce082b01adf Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 09:01:02 +0000
Subject: [PATCH 09/63] Fixed where you could not delete issues

---
 src/Ombi/ClientApp/src/index.html           | 1 +
 src/Ombi/Controllers/V1/IssuesController.cs | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index 4d077697d..289926e33 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -8,6 +8,7 @@
             background-color: white !important;
         }
     </style>
+    <base href="/">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
     <link href="styles/please-wait.css" rel="stylesheet">
diff --git a/src/Ombi/Controllers/V1/IssuesController.cs b/src/Ombi/Controllers/V1/IssuesController.cs
index d75389c3a..a7e4b42a7 100644
--- a/src/Ombi/Controllers/V1/IssuesController.cs
+++ b/src/Ombi/Controllers/V1/IssuesController.cs
@@ -278,7 +278,7 @@ namespace Ombi.Controllers.V1
         [PowerUser]
         public async Task<bool> DeleteIssue(int id)
         {
-            var issue = await _issues.GetAll().FirstOrDefaultAsync(x => x.Id == id);
+            var issue = await _issues.GetAll().Include(x => x.Comments).FirstOrDefaultAsync(x => x.Id == id);
 
             await _issues.Delete(issue);
             return true;

From 38fc9b23bb9c36430b00030d0a7286dd94ab169c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 09:12:40 +0000
Subject: [PATCH 10/63] Fixed the notification variables for the Alias for
 Issues

---
 .../NotificationMessageCurlys.cs               | 18 +++++++++++++++---
 src/Ombi/Controllers/V1/IssuesController.cs    | 12 +++++++-----
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/Ombi.Notifications/NotificationMessageCurlys.cs b/src/Ombi.Notifications/NotificationMessageCurlys.cs
index 0aea728a4..dcf49138d 100644
--- a/src/Ombi.Notifications/NotificationMessageCurlys.cs
+++ b/src/Ombi.Notifications/NotificationMessageCurlys.cs
@@ -38,7 +38,12 @@ namespace Ombi.Notifications
                 UserName = req?.RequestedUser?.UserName;
             }
 
-            Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            if (Alias.IsNullOrEmpty())
+            {
+                // Can be set if it's an issue
+                Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            }
+
             if (pref != null)
             {
                 UserPreference = pref.Value.HasValue() ? pref.Value : Alias;
@@ -95,7 +100,10 @@ namespace Ombi.Notifications
 
             AvailableDate = req?.MarkedAsAvailable?.ToString("D") ?? string.Empty;
             DenyReason = req?.DeniedReason;
-            Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            if (Alias.IsNullOrEmpty())
+            {
+                Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            }
             if (pref != null)
             {
                 UserPreference = pref.Value.HasValue() ? pref.Value : Alias;
@@ -143,7 +151,10 @@ namespace Ombi.Notifications
                 UserName = req?.RequestedUser?.UserName;
             }
             AvailableDate = req?.MarkedAsAvailable?.ToString("D") ?? string.Empty;
-            Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            if (Alias.IsNullOrEmpty())
+            {
+                Alias = (req?.RequestedUser?.Alias.HasValue() ?? false) ? req?.RequestedUser?.Alias : req?.RequestedUser?.UserName;
+            }
             if (pref != null)
             {
                 UserPreference = pref.Value.HasValue() ? pref.Value : Alias;
@@ -223,6 +234,7 @@ namespace Ombi.Notifications
             IssueSubject = opts.Substitutes.TryGetValue("IssueSubject", out val) ? val : string.Empty;
             NewIssueComment = opts.Substitutes.TryGetValue("NewIssueComment", out val) ? val : string.Empty;
             UserName = opts.Substitutes.TryGetValue("IssueUser", out val) ? val : string.Empty;
+            Alias = opts.Substitutes.TryGetValue("IssueUserAlias", out val) ? val : string.Empty;
             Type = opts.Substitutes.TryGetValue("RequestType", out val) ? val.Humanize() : string.Empty;
         }
 
diff --git a/src/Ombi/Controllers/V1/IssuesController.cs b/src/Ombi/Controllers/V1/IssuesController.cs
index a7e4b42a7..5222cf4e7 100644
--- a/src/Ombi/Controllers/V1/IssuesController.cs
+++ b/src/Ombi/Controllers/V1/IssuesController.cs
@@ -132,7 +132,8 @@ namespace Ombi.Controllers.V1
             i.IssueCategory = null;
             i.CreatedDate = DateTime.UtcNow;
             var username = User.Identity.Name.ToUpper();
-            i.UserReportedId = (await _userManager.Users.FirstOrDefaultAsync(x => x.NormalizedUserName == username)).Id;
+            var reportedUser = await _userManager.Users.FirstOrDefaultAsync(x => x.NormalizedUserName == username);
+            i.UserReportedId = reportedUser.Id;
             await _issues.Add(i);
             var category = await _categories.GetAll().FirstOrDefaultAsync(x => i.IssueCategoryId == x.Id);
             if (category != null)
@@ -151,7 +152,7 @@ namespace Ombi.Controllers.V1
                 
             };
 
-            AddIssueNotificationSubstitutes(notificationModel, i, User.Identity.Name);
+            AddIssueNotificationSubstitutes(notificationModel, i, reportedUser.UserName, reportedUser.UserAlias);
 
             await _notification.Notify(notificationModel);
 
@@ -242,7 +243,7 @@ namespace Ombi.Controllers.V1
             };
 
             var isAdmin = await _userManager.IsInRoleAsync(user, OmbiRoles.Admin) || user.IsSystemUser;
-            AddIssueNotificationSubstitutes(notificationModel, issue, issue.UserReported.UserAlias);
+            AddIssueNotificationSubstitutes(notificationModel, issue, user.UserName, user.UserAlias);
             notificationModel.Substitutes.Add("NewIssueComment", comment.Comment);
             notificationModel.Substitutes.Add("IssueId", comment.IssueId.ToString());
             notificationModel.Substitutes.Add("AdminComment", isAdmin.ToString());
@@ -319,7 +320,7 @@ namespace Ombi.Controllers.V1
                     UserId = issue.UserReported.Id, // This is a resolved notification, so needs to go to the user who raised it
                     
                 };
-                AddIssueNotificationSubstitutes(notificationModel, issue, issue.UserReported?.UserAlias ?? string.Empty);
+                AddIssueNotificationSubstitutes(notificationModel, issue, issue.UserReported?.UserName ?? string.Empty, issue.UserReported.UserAlias);
 
                 await _notification.Notify(notificationModel);
             }
@@ -328,7 +329,7 @@ namespace Ombi.Controllers.V1
             return true;
         }
 
-        private static void AddIssueNotificationSubstitutes(NotificationOptions notificationModel, Issues issue, string issueReportedUsername)
+        private static void AddIssueNotificationSubstitutes(NotificationOptions notificationModel, Issues issue, string issueReportedUsername, string alias)
         {
             notificationModel.Substitutes.Add("Title", issue.Title);
             notificationModel.Substitutes.Add("IssueDescription", issue.Description);
@@ -336,6 +337,7 @@ namespace Ombi.Controllers.V1
             notificationModel.Substitutes.Add("IssueStatus", issue.Status.ToString());
             notificationModel.Substitutes.Add("IssueSubject", issue.Subject);
             notificationModel.Substitutes.Add("IssueUser", issueReportedUsername);
+            notificationModel.Substitutes.Add("IssueUserAlias", alias);
             notificationModel.Substitutes.Add("RequestType", notificationModel.RequestType.ToString());
         }
     }

From a61594dcd6820237916f03b5601fc3b58d82e4b2 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 10:13:24 +0000
Subject: [PATCH 11/63] Fixed the issue where the new mobile app was not
 recieving any notifications

---
 .../Agents/MobileNotification.cs              | 43 +++++++++++--------
 src/Ombi.Notifications/BaseNotification.cs    |  2 +-
 2 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/Ombi.Notifications/Agents/MobileNotification.cs b/src/Ombi.Notifications/Agents/MobileNotification.cs
index 61526802c..6080acdf0 100644
--- a/src/Ombi.Notifications/Agents/MobileNotification.cs
+++ b/src/Ombi.Notifications/Agents/MobileNotification.cs
@@ -131,7 +131,7 @@ namespace Ombi.Notifications.Agents
             };
 
             // Send to user
-            var playerIds = GetUsers(model, NotificationType.IssueResolved);
+            var playerIds = await GetUsers(model, NotificationType.IssueResolved);
 
             await Send(playerIds, notification, settings, model);
         }
@@ -172,7 +172,7 @@ namespace Ombi.Notifications.Agents
             };
 
             // Send to user
-            var playerIds = GetUsers(model, NotificationType.RequestDeclined);
+            var playerIds = await GetUsers(model, NotificationType.RequestDeclined);
             await AddSubscribedUsers(playerIds);
             await Send(playerIds, notification, settings, model);
         }
@@ -192,7 +192,7 @@ namespace Ombi.Notifications.Agents
             };
 
             // Send to user
-            var playerIds = GetUsers(model, NotificationType.RequestApproved);
+            var playerIds = await GetUsers(model, NotificationType.RequestApproved);
 
             await AddSubscribedUsers(playerIds);
             await Send(playerIds, notification, settings, model);
@@ -215,7 +215,7 @@ namespace Ombi.Notifications.Agents
                 Data = data
             };
             // Send to user
-            var playerIds = GetUsers(model, NotificationType.RequestAvailable);
+            var playerIds = await GetUsers(model, NotificationType.RequestAvailable);
 
             await AddSubscribedUsers(playerIds);
             await Send(playerIds, notification, settings, model);
@@ -285,19 +285,23 @@ namespace Ombi.Notifications.Agents
             return playerIds;
         }
 
-        private List<string> GetUsers(NotificationOptions model, NotificationType type)
+        private async Task<List<string>> GetUsers(NotificationOptions model, NotificationType type)
         {
-            var notificationIds = new List<NotificationUserId>();
+            var notificationIds = new List<MobileDevices>();
             if (MovieRequest != null || TvRequest != null)
             {
-                notificationIds = model.RequestType == RequestType.Movie
-                    ? MovieRequest?.RequestedUser?.NotificationUserIds
-                    : TvRequest?.RequestedUser?.NotificationUserIds;
+                var userId = model.RequestType == RequestType.Movie
+                    ? MovieRequest?.RequestedUser?.Id
+                    : TvRequest?.RequestedUser?.Id;
+
+                var userNotificationIds = await _notifications.GetAll().Where(x => x.UserId == userId).ToListAsync();
+                notificationIds.AddRange(userNotificationIds);
             }
             if (model.UserId.HasValue() && (!notificationIds?.Any() ?? true))
             {
-                var user = _userManager.Users.Include(x => x.NotificationUserIds).FirstOrDefault(x => x.Id == model.UserId);
-                notificationIds = user.NotificationUserIds;
+                var user = _userManager.Users.FirstOrDefault(x => x.Id == model.UserId);
+                var userNotificationIds = await _notifications.GetAll().Where(x => x.UserId == model.UserId).ToListAsync();
+                notificationIds.AddRange(userNotificationIds);
             }
 
             if (!notificationIds?.Any() ?? true)
@@ -306,21 +310,21 @@ namespace Ombi.Notifications.Agents
                     $"there are no users to send a notification for {type}, for agent {NotificationAgent.Mobile}");
                 return null;
             }
-            var playerIds = notificationIds.Select(x => x.PlayerId).ToList();
+            var playerIds = notificationIds.Select(x => x.Token).ToList();
             return playerIds;
         }
 
         private async Task<List<string>> GetUsersForIssue(NotificationOptions model, int issueId, NotificationType type)
         {
-            var notificationIds = new List<NotificationUserId>();
+            var notificationIds = new List<MobileDevices>();
 
             var issue = await _issueRepository.GetAll()
                 .FirstOrDefaultAsync(x => x.Id == issueId);
 
             // Get the user that raised the issue to send the notification to
-            var userRaised = await _userManager.Users.Include(x => x.NotificationUserIds).FirstOrDefaultAsync(x => x.Id == issue.UserReportedId);
+            var userRaised = await _userManager.Users.FirstOrDefaultAsync(x => x.Id == issue.UserReportedId);
 
-            notificationIds = userRaised.NotificationUserIds;
+            notificationIds = await _notifications.GetAll().Where(x => x.UserId == userRaised.Id).ToListAsync();
 
             if (!notificationIds?.Any() ?? true)
             {
@@ -328,7 +332,7 @@ namespace Ombi.Notifications.Agents
                     $"there are no users to send a notification for {type}, for agent {NotificationAgent.Mobile}");
                 return null;
             }
-            var playerIds = notificationIds.Select(x => x.PlayerId).ToList();
+            var playerIds = notificationIds.Select(x => x.Token).ToList();
             return playerIds;
         }
 
@@ -338,10 +342,11 @@ namespace Ombi.Notifications.Agents
             {
                 foreach (var user in SubsribedUsers)
                 {
-                    var notificationId = user.NotificationUserIds;
-                    if (notificationId.Any())
+                    var notificationIds = await _notifications.GetAll().Where(x => x.UserId == user.Id).ToListAsync();
+
+                    if (notificationIds.Any())
                     {
-                        playerIds.AddRange(notificationId.Select(x => x.PlayerId));
+                        playerIds.AddRange(notificationIds.Select(x => x.Token));
                     }
                 }
             }
diff --git a/src/Ombi.Notifications/BaseNotification.cs b/src/Ombi.Notifications/BaseNotification.cs
index 465ccd22c..c9404eb2c 100644
--- a/src/Ombi.Notifications/BaseNotification.cs
+++ b/src/Ombi.Notifications/BaseNotification.cs
@@ -191,7 +191,7 @@ namespace Ombi.Notifications
 
         protected IQueryable<OmbiUser> GetSubscriptions(int requestId, RequestType type)
         {
-            var subs = RequestSubscription.GetAll().Include(x => x.User).ThenInclude(x => x.NotificationUserIds).Where(x => x.RequestId == requestId && type == x.RequestType);
+            var subs = RequestSubscription.GetAll().Include(x => x.User).Where(x => x.RequestId == requestId && type == x.RequestType);
             return subs.Select(x => x.User);
         }
 

From f6422cd556d6eda5ede5b06f8e1d9d73215aef3c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 21:34:04 +0000
Subject: [PATCH 12/63] fixed #4071

---
 src/Ombi/ClientApp/src/app/login/login.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/login/login.component.html b/src/Ombi/ClientApp/src/app/login/login.component.html
index 0769a185f..8aa0faf94 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.html
+++ b/src/Ombi/ClientApp/src/app/login/login.component.html
@@ -38,8 +38,8 @@
             <mat-card-content *ngIf="authenticationSettings.enableOAuth && !loginWithOmbi" class="login-buttons">
                 <div>
 
-                    <button id="sign-in" mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
-                    <button id="sign-plex" mat-raised-button color="accent" type="button" (click)="oauth()">
+                    <button id="sign-in" mat-raised-button color="primary" type="submit" data-cy="OmbiButton" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
+                    <button id="sign-plex" mat-raised-button color="accent" type="button" data-cy="oAuthPlexButton" (click)="oauth()">
                         <span *ngIf="!oauthLoading">{{'Login.SignInWithPlex' | translate}}</span>
                         <span *ngIf="oauthLoading"><i class="fas fa-circle-notch fa-spin fa-fw"></i></span>
                     </button>

From 836a5282e09f6f2fef112e78383a4ff8bcbb03c8 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 21:34:34 +0000
Subject: [PATCH 13/63] Missed these files from the previous commit

---
 .../src/app/landingpage/landingpage.component.html     |  2 +-
 .../components/tv/tv-details.component.html            | 10 ++++++++--
 src/Ombi/Properties/launchSettings.json                |  4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/landingpage/landingpage.component.html b/src/Ombi/ClientApp/src/app/landingpage/landingpage.component.html
index 7f5d13c3c..90e1cb599 100644
--- a/src/Ombi/ClientApp/src/app/landingpage/landingpage.component.html
+++ b/src/Ombi/ClientApp/src/app/landingpage/landingpage.component.html
@@ -42,7 +42,7 @@
                 </div>
             </div>
             <div class="col-md-3 offset-md-6 vcenter">
-                <button id="continue" mat-raised-button [routerLink]="['/login', 'true']" color="accent" type="submit">{{ 'Common.ContinueButton' | translate }}</button>
+                <button id="continue" mat-raised-button [routerLink]="['/login', 'true']" color="accent" type="submit" data-cy="continue">{{ 'Common.ContinueButton' | translate }}</button>
             </div>
         </div>
     </div>
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
index 7da2ee6ca..141c48b79 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
@@ -50,13 +50,19 @@
                                     (click)="request()"><i class="fas fa-plus"></i>
                                     {{ 'Common.Request' | translate }}</button>
 
-                                <button *ngIf="tv.fullyAvailable" mat-raised-button class="btn-spacing" color="accent"
+                                <button *ngIf="tv.fullyAvailable && !tv.partlyAvailable" mat-raised-button class="btn-spacing" color="accent"
                                     [disabled]>
                                     <i class="fas fa-check"></i> {{'Common.Available' | translate }}</button>
-                                <button *ngIf="tv.partlyAvailable && !tv.fullyAvailable" mat-raised-button
+                                    <button *ngIf="tv.partlyAvailable && !tv.fullyAvailable" mat-raised-button
                                     class="btn-spacing" color="accent" [disabled]>
                                     <i class="fas fa-check"></i> {{'Common.PartiallyAvailable' | translate }}</button>
 
+                                    <!-- There are unaired episodes-->
+                                    <button *ngIf="tv.partlyAvailable && tv.fullyAvailable" mat-raised-button
+                                        class="btn-spacing" color="accent" [disabled]>
+                                    <i class="fas fa-check"></i> {{'Common.PartiallyAvailable' | translate }}</button>
+                                    <!-- end unaired episodes-->
+
                                 <button mat-raised-button class="btn-spacing" color="danger" *ngIf="issuesEnabled" (click)="issue()">
                                     <i class="fas fa-exclamation"></i> {{
                                     'Requests.ReportIssue' | translate }}</button>
diff --git a/src/Ombi/Properties/launchSettings.json b/src/Ombi/Properties/launchSettings.json
index 0116bc6e8..b3899f8c3 100644
--- a/src/Ombi/Properties/launchSettings.json
+++ b/src/Ombi/Properties/launchSettings.json
@@ -14,7 +14,7 @@
   "profiles": {
     "IIS Express": {
       "commandName": "IISExpress",
-      "commandLineArgs": "--host http://*:3577" ,
+      "commandLineArgs": "--host http://*:3577",
       "launchBrowser": true,
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
@@ -22,7 +22,7 @@
     },
     "Ombi": {
       "commandName": "Project",
-      "commandLineArgs": "--host http://localhost:3577 --baseUrl /ombi/",
+      "commandLineArgs": "--host http://localhost:3577",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       },

From 0efdd3fa60d00e5eadc24b1e42935fde1d764480 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 8 Mar 2021 23:19:05 +0000
Subject: [PATCH 14/63] Small automation changes

---
 .../src/app/login/login.component.html        |  2 +-
 .../src/app/login/login.component.ts          |  6 ++---
 .../tv-information-panel.component.html       |  4 ++--
 .../tv-request-grid.component.html            |  2 +-
 .../components/tv/tv-details.component.html   | 10 ++++-----
 .../usermanagement-user.component.html        | 22 +++++++++----------
 .../usermanagement.component.html             | 12 +++++-----
 7 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/login/login.component.html b/src/Ombi/ClientApp/src/app/login/login.component.html
index 8aa0faf94..0e1107008 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.html
+++ b/src/Ombi/ClientApp/src/app/login/login.component.html
@@ -27,7 +27,7 @@
 
                     <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>
 
-                    <button id="sign-in" mat-raised-button color="accent" type="submit">{{'Login.SignInButton' | translate}}</button>
+                    <button id="sign-in" mat-raised-button color="accent"  data-cy="OmbiButton"  type="submit">{{'Login.SignInButton' | translate}}</button>
 
                     <a [routerLink]="['/reset']" class="forgot-password col-md-12">
                         <b [translate]="'Login.ForgottenPassword'"></b>
diff --git a/src/Ombi/ClientApp/src/app/login/login.component.ts b/src/Ombi/ClientApp/src/app/login/login.component.ts
index 5a85783ae..5245b8239 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.ts
+++ b/src/Ombi/ClientApp/src/app/login/login.component.ts
@@ -73,7 +73,7 @@ export class LoginComponent implements OnDestroy, OnInit {
             });
 
         this.form = this.fb.group({
-            username: [""],
+            username: ["", Validators.required],
             password: [""],
             rememberMe: [false],
         });
@@ -112,7 +112,7 @@ export class LoginComponent implements OnDestroy, OnInit {
     public onSubmit(form: FormGroup) {
         if (form.invalid) {
             this.notify.open(this.errorValidation, "OK", {
-                duration: 3000
+                duration: 300000
             });
             return;
         }
@@ -139,7 +139,7 @@ export class LoginComponent implements OnDestroy, OnInit {
 
                 }, err => {
                 this.notify.open(this.errorBody, "OK", {
-                    duration: 3000
+                    duration: 3000000
                 })
             });
         });
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
index 2997cda3c..3e0cd1952 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
@@ -21,8 +21,8 @@
         </div>
         <hr>
         <div *ngIf="tv.status">
-            <span class="label">{{'MediaDetails.Status' | translate }}:</span>
-                {{tv.status}}
+            <span  class="label">{{'MediaDetails.Status' | translate }}:</span>
+                <span id="status">{{tv.status}}</span>
         </div>
         <span class="label">First Aired:</span>
             {{tv.firstAired | date: 'mediumDate'}}
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
index 91e4b2d8f..d6dbc9cab 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
@@ -67,7 +67,7 @@
  -->
 
 
-<button *ngIf="!tv.fullyAvailable && requestable" mat-fab color="accent" class="floating-fab" [matMenuTriggerFor]="aboveMenu">
+<button *ngIf="!tv.fullyAvailable && requestable" mat-fab color="accent" id="addFabBtn" class="floating-fab" [matMenuTriggerFor]="aboveMenu">
   <mat-icon>add</mat-icon></button>
 <mat-menu #aboveMenu="matMenu" yPosition="above">
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
index 141c48b79..66dc83f3d 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
@@ -46,24 +46,24 @@
                         <!--Next to poster-->
                         <div class="details-button-container">
                             <div class="col-12 media-row">
-                                <button *ngIf="!tv.fullyAvailable" mat-raised-button class="btn-spacing" color="primary"
+                                <button *ngIf="!tv.fullyAvailable" mat-raised-button id="requestBtn" class="btn-spacing" color="primary"
                                     (click)="request()"><i class="fas fa-plus"></i>
                                     {{ 'Common.Request' | translate }}</button>
 
-                                <button *ngIf="tv.fullyAvailable && !tv.partlyAvailable" mat-raised-button class="btn-spacing" color="accent"
+                                <button *ngIf="tv.fullyAvailable && !tv.partlyAvailable" id="availableBtn" mat-raised-button class="btn-spacing" color="accent"
                                     [disabled]>
                                     <i class="fas fa-check"></i> {{'Common.Available' | translate }}</button>
-                                    <button *ngIf="tv.partlyAvailable && !tv.fullyAvailable" mat-raised-button
+                                    <button *ngIf="tv.partlyAvailable && !tv.fullyAvailable" id="partiallyAvailableBtn" mat-raised-button
                                     class="btn-spacing" color="accent" [disabled]>
                                     <i class="fas fa-check"></i> {{'Common.PartiallyAvailable' | translate }}</button>
 
                                     <!-- There are unaired episodes-->
-                                    <button *ngIf="tv.partlyAvailable && tv.fullyAvailable" mat-raised-button
+                                    <button *ngIf="tv.partlyAvailable && tv.fullyAvailable" id="partiallyAvailableBtn" mat-raised-button
                                         class="btn-spacing" color="accent" [disabled]>
                                     <i class="fas fa-check"></i> {{'Common.PartiallyAvailable' | translate }}</button>
                                     <!-- end unaired episodes-->
 
-                                <button mat-raised-button class="btn-spacing" color="danger" *ngIf="issuesEnabled" (click)="issue()">
+                                <button mat-raised-button class="btn-spacing" color="danger" id="reportIssueBtn" *ngIf="issuesEnabled" (click)="issue()">
                                     <i class="fas fa-exclamation"></i> {{
                                     'Requests.ReportIssue' | translate }}</button>
 
diff --git a/src/Ombi/ClientApp/src/app/usermanagement/usermanagement-user.component.html b/src/Ombi/ClientApp/src/app/usermanagement/usermanagement-user.component.html
index 64f5d76d2..74770a3d8 100644
--- a/src/Ombi/ClientApp/src/app/usermanagement/usermanagement-user.component.html
+++ b/src/Ombi/ClientApp/src/app/usermanagement/usermanagement-user.component.html
@@ -4,18 +4,18 @@
       <label class="control-label"><h3>User Details</h3></label>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Username" [(ngModel)]="user.userName" required>
+        <input matInput id="username" placeholder="Username" [(ngModel)]="user.userName" required>
       </mat-form-field>
     </div>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Alias" [(ngModel)]="user.alias"
+        <input id="alias" matInput placeholder="Alias" [(ngModel)]="user.alias"
           matTooltip="This is used as a display value instead of the users username, so think of it as a more friendly username">
       </mat-form-field>
     </div>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Email Address" type="email" [(ngModel)]="user.emailAddress">
+        <input id="emailAddress" matInput placeholder="Email Address" type="email" [(ngModel)]="user.emailAddress">
       </mat-form-field>
     </div>
     <mat-form-field>
@@ -28,12 +28,12 @@
     </mat-form-field>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Password" type="password" [(ngModel)]="user.password" required>
+        <input id="password" matInput placeholder="Password" type="password" [(ngModel)]="user.password" required>
       </mat-form-field>
     </div>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Confirm Password" type="password" [(ngModel)]="confirmPass" required>
+        <input id="confirmPass" matInput placeholder="Confirm Password" type="password" [(ngModel)]="confirmPass" required>
       </mat-form-field>
     </div>
 
@@ -44,17 +44,17 @@
     <label class="control-label"><h3>Request Limits</h3></label>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Movie Request Limit" [(ngModel)]="user.movieRequestLimit">
+        <input id="movieRequestLimit" matInput placeholder="Movie Request Limit" [(ngModel)]="user.movieRequestLimit">
       </mat-form-field>
     </div>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Episode Request Limit" [(ngModel)]="user.episodeRequestLimit">
+        <input id="episodeRequestLimit" matInput placeholder="Episode Request Limit" [(ngModel)]="user.episodeRequestLimit">
       </mat-form-field>
     </div>
     <div>
       <mat-form-field>
-        <input matInput placeholder="Music Request Limit" [(ngModel)]="user.musicRequestLimit">
+        <input id="musicRequestLimit" matInput placeholder="Music Request Limit" [(ngModel)]="user.musicRequestLimit">
       </mat-form-field>
     </div>
     <label class="control-label"><h3>Quality & Root Path Preferences</h3></label>
@@ -117,13 +117,13 @@
     <label class="control-label"><h3>Roles</h3></label>
     <div *ngIf="!edit">
       <div *ngFor="let c of availableClaims">
-        <mat-slide-toggle [(ngModel)]="c.enabled">{{c.value | humanize}}</mat-slide-toggle>
+        <mat-slide-toggle id="role{{c.value}}" [(ngModel)]="c.enabled">{{c.value | humanize}}</mat-slide-toggle>
       </div>
     </div>
 
     <div *ngIf="edit">
       <div *ngFor="let c of user.claims">
-        <mat-slide-toggle [(ngModel)]="c.enabled">{{c.value | humanize}}</mat-slide-toggle>
+        <mat-slide-toggle  id="role{{c.value}}" [(ngModel)]="c.enabled">{{c.value | humanize}}</mat-slide-toggle>
       </div>
     </div>
   </div>
@@ -134,7 +134,7 @@
     <div *ngFor="let pref of notificationPreferences">
       <div>
         <mat-form-field>
-          <input matInput placeholder="{{NotificationAgent[pref.agent] | humanize}}" [(ngModel)]="pref.value">
+          <input id="{{NotificationAgent[pref.agent]}}" matInput placeholder="{{NotificationAgent[pref.agent] | humanize}}" [(ngModel)]="pref.value">
         </mat-form-field>
       </div>
     </div>
diff --git a/src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.html b/src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.html
index b17b35dfd..1dcbf29c0 100644
--- a/src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.html
+++ b/src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.html
@@ -73,10 +73,10 @@
           </ng-container>
           <ng-container matColumnDef="lastLoggedIn">
                 <th mat-header-cell *matHeaderCellDef mat-sort-header>  Last Logged In </th>
-                <td mat-cell *matCellDef="let u"> 
+                <td mat-cell *matCellDef="let u">
                         <span *ngIf="u.lastLoggedIn">
                                         {{u.lastLoggedIn  | amLocal | amDateFormat: 'l LT'}}
-                        </span>                
+                        </span>
                         <span *ngIf="!u.lastLoggedIn">
                                         Not logged in yet!
                         </span> </td>
@@ -92,10 +92,10 @@
                         <span *ngIf="u.userType === 5">Jellyfin User</span>
                 </td>
           </ng-container>
-  
+
           <ng-container matColumnDef="roles">
                 <th mat-header-cell *matHeaderCellDef> Roles </th>
-                <td mat-cell *matCellDef="let element"> 
+                <td mat-cell *matCellDef="let element">
                         <div *ngFor="let claim of element.claims">
                                 <span *ngIf="claim.enabled">{{claim.value}}</span>
                         </div>
@@ -105,7 +105,7 @@
           <ng-container matColumnDef="actions">
                 <th mat-header-cell *matHeaderCellDef> </th>
                 <td mat-cell *matCellDef="let u">
-                        <button mat-raised-button color="accent" [routerLink]="['/usermanagement/user/' + u.id]">Details/Edit</button>
+                        <button id="edit{{u.userName}}" mat-raised-button color="accent" [routerLink]="['/usermanagement/user/' + u.id]">Details/Edit</button>
                 </td>
           </ng-container>
 
@@ -115,7 +115,7 @@
                         <button *ngIf="!u.hasLoggedIn" mat-raised-button color="accent"  (click)="welcomeEmail(u)" [disabled]="!customizationSettings?.applicationUrl">Send Welcome Email</button>
                 </td>
           </ng-container>
-  
+
           <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
           <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
       </table>

From 9670738a5299f0cccc3a31603db23b82b9e87b54 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 08:43:32 +0000
Subject: [PATCH 15/63] Fixed an error with the retry queue when the request
 has been removed

---
 .../Jobs/Ombi/ResendFailedRequests.cs          | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/Ombi.Schedule/Jobs/Ombi/ResendFailedRequests.cs b/src/Ombi.Schedule/Jobs/Ombi/ResendFailedRequests.cs
index 0072ec010..3a9a75835 100644
--- a/src/Ombi.Schedule/Jobs/Ombi/ResendFailedRequests.cs
+++ b/src/Ombi.Schedule/Jobs/Ombi/ResendFailedRequests.cs
@@ -43,6 +43,12 @@ namespace Ombi.Schedule.Jobs.Ombi
                 if (request.Type == RequestType.Movie)
                 {
                     var movieRequest = await _movieRequestRepository.GetAll().FirstOrDefaultAsync(x => x.Id == request.RequestId);
+                    if (movieRequest == null)
+                    {
+                        await _requestQueue.Delete(request);
+                        await _requestQueue.SaveChangesAsync();
+                        continue;
+                    }
                     var result = await _movieSender.Send(movieRequest);
                     if (result.Success)
                     {
@@ -53,6 +59,12 @@ namespace Ombi.Schedule.Jobs.Ombi
                 if (request.Type == RequestType.TvShow)
                 {
                     var tvRequest = await _tvRequestRepository.GetChild().FirstOrDefaultAsync(x => x.Id == request.RequestId);
+                    if (tvRequest == null)
+                    {
+                        await _requestQueue.Delete(request);
+                        await _requestQueue.SaveChangesAsync();
+                        continue;
+                    }
                     var result = await _tvSender.Send(tvRequest);
                     if (result.Success)
                     {
@@ -63,6 +75,12 @@ namespace Ombi.Schedule.Jobs.Ombi
                 if (request.Type == RequestType.Album)
                 {
                     var musicRequest = await _musicRequestRepository.GetAll().FirstOrDefaultAsync(x => x.Id == request.RequestId);
+                    if (musicRequest == null)
+                    {
+                        await _requestQueue.Delete(request);
+                        await _requestQueue.SaveChangesAsync();
+                        continue;
+                    }
                     var result = await _musicSender.Send(musicRequest);
                     if (result.Success)
                     {

From 57dfbd6748199032e97ece11586f9869e4317d04 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 10:23:17 +0000
Subject: [PATCH 16/63] Few more tweaks for automation

---
 .../tv-information-panel.component.html                     | 6 +++---
 .../tv-information-panel/tv-information-panel.component.ts  | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
index 3e0cd1952..85ebf2160 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
@@ -8,13 +8,13 @@
                 <img class="rating-small" src="{{baseUrl}}/images/{{ratings.class === 'rotten' ? 'rotten-rotten.svg' : 'rotten-fresh.svg'}}"> {{ratings.score}}%
             </span>
         </div>
-        <div *ngIf="streams?.length > 0" class="streaming-on-container">
+        <div *ngIf="streams?.length > 0" id="streamingContainer" class="streaming-on-container">
             <hr>
             <div class="streaming-on-content">
                 <span class="label">{{'MediaDetails.StreamingOn' | translate }}:</span>
                 <div>
-                    <span *ngFor="let stream of streams">
-                        <img class="stream-small" [matTooltip]="stream.streamingProvider" src="https://image.tmdb.org/t/p/original{{stream.logo}}">
+                    <span *ngFor="let stream of sortBy('order')">
+                        <img class="stream-small" id="stream{{stream.streamingProvider}}" [matTooltip]="stream.streamingProvider" src="https://image.tmdb.org/t/p/original{{stream.logo}}">
                     </span>
                 </div>
             </div>
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
index 350f76c26..f8b62368d 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.ts
@@ -35,4 +35,8 @@ export class TvInformationPanelComponent implements OnInit {
         });
         this.seasonCount = this.tv.seasonRequests.length;
     }
+
+    public sortBy(prop: string) {
+        return this.streams.sort((a, b) => a[prop] > b[prop] ? 1 : a[prop] === b[prop] ? 0 : -1);
+      }
 }

From d31da0a24992bcfee78f74660e7430e614c7dade Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:01:43 +0000
Subject: [PATCH 17/63] Added automation

---
 .github/workflows/cypress.yml                 |   35 +
 .../app/wizard/welcome/welcome.component.html |   12 +-
 tests/.gitignore                              |   15 +
 tests/cypress.json                            |   19 +
 tests/cypress/config/demo.json                |   20 +
 tests/cypress/config/regression.json          |   25 +
 .../cypress/fixtures/details/tv/response.json | 2730 +++++++++++++++++
 .../details/tv/streamingResponse.json         |   12 +
 tests/cypress/fixtures/example.json           |    5 +
 .../fixtures/login/authenticationSettngs.json |   10 +
 .../fixtures/login/landingPageSettings.json   |   10 +
 .../integration/examples/actions.spec.js      |  299 ++
 .../integration/examples/aliasing.spec.js     |   39 +
 .../integration/examples/assertions.spec.js   |  177 ++
 .../integration/examples/connectors.spec.js   |   97 +
 .../integration/examples/cookies.spec.js      |   77 +
 .../integration/examples/cypress_api.spec.js  |  202 ++
 .../integration/examples/files.spec.js        |   89 +
 .../examples/local_storage.spec.js            |   52 +
 .../integration/examples/location.spec.js     |   32 +
 .../cypress/integration/examples/misc.spec.js |  104 +
 .../integration/examples/navigation.spec.js   |   56 +
 .../examples/network_requests.spec.js         |  163 +
 .../integration/examples/querying.spec.js     |  114 +
 .../examples/spies_stubs_clocks.spec.js       |  205 ++
 .../integration/examples/traversal.spec.js    |  121 +
 .../integration/examples/utilities.spec.js    |  110 +
 .../integration/examples/viewport.spec.js     |   59 +
 .../integration/examples/waiting.spec.js      |   31 +
 .../integration/examples/window.spec.js       |   22 +
 tests/cypress/interfaces/IClaims.ts           |    4 +
 tests/cypress/plugins/index.js                |   21 +
 tests/cypress/support/commands.ts             |   91 +
 tests/cypress/support/index.ts                |   21 +
 tests/cypress/support/request.commands.ts     |   50 +
 .../details/tv/tvdetails-buttons.spec.ts      |   83 +
 .../details/tv/tvdetails-info-panel.spec.ts   |   35 +
 tests/cypress/tests/login/login.spec.ts       |   83 +
 .../usermanagement/usermanagement.spec.ts     |  163 +
 tests/cypress/tests/wizard/01-wizard.spec.ts  |   49 +
 tests/global.d.ts                             |   20 +
 tests/package.json                            |   22 +
 tests/tsconfig.json                           |   15 +
 tests/yarn.lock                               | 1420 +++++++++
 44 files changed, 7013 insertions(+), 6 deletions(-)
 create mode 100644 .github/workflows/cypress.yml
 create mode 100644 tests/.gitignore
 create mode 100644 tests/cypress.json
 create mode 100644 tests/cypress/config/demo.json
 create mode 100644 tests/cypress/config/regression.json
 create mode 100644 tests/cypress/fixtures/details/tv/response.json
 create mode 100644 tests/cypress/fixtures/details/tv/streamingResponse.json
 create mode 100644 tests/cypress/fixtures/example.json
 create mode 100644 tests/cypress/fixtures/login/authenticationSettngs.json
 create mode 100644 tests/cypress/fixtures/login/landingPageSettings.json
 create mode 100644 tests/cypress/integration/examples/actions.spec.js
 create mode 100644 tests/cypress/integration/examples/aliasing.spec.js
 create mode 100644 tests/cypress/integration/examples/assertions.spec.js
 create mode 100644 tests/cypress/integration/examples/connectors.spec.js
 create mode 100644 tests/cypress/integration/examples/cookies.spec.js
 create mode 100644 tests/cypress/integration/examples/cypress_api.spec.js
 create mode 100644 tests/cypress/integration/examples/files.spec.js
 create mode 100644 tests/cypress/integration/examples/local_storage.spec.js
 create mode 100644 tests/cypress/integration/examples/location.spec.js
 create mode 100644 tests/cypress/integration/examples/misc.spec.js
 create mode 100644 tests/cypress/integration/examples/navigation.spec.js
 create mode 100644 tests/cypress/integration/examples/network_requests.spec.js
 create mode 100644 tests/cypress/integration/examples/querying.spec.js
 create mode 100644 tests/cypress/integration/examples/spies_stubs_clocks.spec.js
 create mode 100644 tests/cypress/integration/examples/traversal.spec.js
 create mode 100644 tests/cypress/integration/examples/utilities.spec.js
 create mode 100644 tests/cypress/integration/examples/viewport.spec.js
 create mode 100644 tests/cypress/integration/examples/waiting.spec.js
 create mode 100644 tests/cypress/integration/examples/window.spec.js
 create mode 100644 tests/cypress/interfaces/IClaims.ts
 create mode 100644 tests/cypress/plugins/index.js
 create mode 100644 tests/cypress/support/commands.ts
 create mode 100644 tests/cypress/support/index.ts
 create mode 100644 tests/cypress/support/request.commands.ts
 create mode 100644 tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
 create mode 100644 tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
 create mode 100644 tests/cypress/tests/login/login.spec.ts
 create mode 100644 tests/cypress/tests/usermanagement/usermanagement.spec.ts
 create mode 100644 tests/cypress/tests/wizard/01-wizard.spec.ts
 create mode 100644 tests/global.d.ts
 create mode 100644 tests/package.json
 create mode 100644 tests/tsconfig.json
 create mode 100644 tests/yarn.lock

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
new file mode 100644
index 000000000..1449e6cb4
--- /dev/null
+++ b/.github/workflows/cypress.yml
@@ -0,0 +1,35 @@
+name: .NET
+
+on:
+  push:
+    branches: [ feature/automation ]
+  pull_request:
+    branches: [ feature/automation ]
+
+jobs:
+  automation-tests:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Setup .NET
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 5.0.x
+    - name: Run backend
+      run: dotnet run -p ./src/Ombi -- --host http://*:3575
+    - name: Run Frontend
+      uses: borales/actions-yarn@v2.0.0
+      with:
+        cmd: start --cwd ./src/ombi/clientapp
+
+    - name: Cypress Tests
+      uses: cypress-io/github-action@v2.8.2
+      with:
+        browser: chrome
+        headless: true
+        project: ./tests
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
diff --git a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
index c1189051c..7ca3de4ce 100644
--- a/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
+++ b/src/Ombi/ClientApp/src/app/wizard/welcome/welcome.component.html
@@ -25,7 +25,7 @@
               </div>
             </div>
             <div class="welcome-buttons">
-              <button mat-button matStepperNext class="mat-raised-button mat-accent">Next</button>
+              <button mat-button matStepperNext class="mat-raised-button mat-accent" data-test="nextWelcome">Next</button>
             </div>
           </form>
         </mat-step>
@@ -39,16 +39,16 @@
               <mat-tab label="Jellyfin"><wizard-jellyfin></wizard-jellyfin></mat-tab>
             </mat-tab-group>
               <button mat-button matStepperPrevious class="mat-raised-button mat-error left">Back</button>
-              <button mat-button matStepperNext class="mat-raised-button mat-accent right">Next</button>
+              <button mat-button matStepperNext class="mat-raised-button mat-accent right" data-test="nextMediaServer">Next</button>
           </form>
         </mat-step>
-        <mat-step>
+        <mat-step id="userStep">
           <form>
             <ng-template matStepLabel>Create a local admin</ng-template>
             <wizard-local-admin [user]="localUser"></wizard-local-admin>
             <div>
               <button mat-button matStepperPrevious class="mat-raised-button mat-error left">Back</button>
-              <button mat-button matStepperNext class="mat-raised-button mat-accent right">Next</button>
+              <button mat-button matStepperNext class="mat-raised-button mat-accent right" data-test="nextLocalUser">Next</button>
             </div>
           </form>
         </mat-step>
@@ -58,7 +58,7 @@
             <wizard-ombi [config]="config"></wizard-ombi>
             <div>
               <button mat-button matStepperPrevious class="mat-raised-button mat-error left">Back</button>
-              <button mat-button matStepperNext class="mat-raised-button mat-accent right">Next</button>
+              <button mat-button matStepperNext class="mat-raised-button mat-accent right" data-test="nextOmbiConfig">Next</button>
             </div>
           </form>
         </mat-step>
@@ -77,7 +77,7 @@
             </div>
           </div>
           <div>
-            <button mat-button matStepperPrevious (click)="createUser()" class="mat-raised-button mat-accent right">Finish</button>
+            <button mat-button matStepperPrevious id="finishWizard" (click)="createUser()" class="mat-raised-button mat-accent right">Finish</button>
             <button mat-button (click)="stepper.reset()" class="mat-raised-button mat-error left">Reset</button>
           </div>
         </mat-step>
diff --git a/tests/.gitignore b/tests/.gitignore
new file mode 100644
index 000000000..0361ba0b4
--- /dev/null
+++ b/tests/.gitignore
@@ -0,0 +1,15 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# misc
+.DS_Store
+.idea
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+cypress/videos
+cypress/screenshots
diff --git a/tests/cypress.json b/tests/cypress.json
new file mode 100644
index 000000000..d08128874
--- /dev/null
+++ b/tests/cypress.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://on.cypress.io/cypress.schema.json",
+  "supportFile": "cypress/support/index.ts",
+  "baseUrl": "http://localhost:3577",
+  "integrationFolder": "cypress/tests",
+  "testFiles": "**/*.spec.ts*",
+  "watchForFileChanges": true,
+  "chromeWebSecurity": false,
+  "viewportWidth": 2560,
+  "viewportHeight": 1440,
+  "ignoreTestFiles": [
+    "**/snapshots/*"
+  ],
+  "env": {
+    "username": "a",
+    "password": "a"
+  },
+  "projectId": "o5451s"
+}
diff --git a/tests/cypress/config/demo.json b/tests/cypress/config/demo.json
new file mode 100644
index 000000000..d9fafcab8
--- /dev/null
+++ b/tests/cypress/config/demo.json
@@ -0,0 +1,20 @@
+{
+    "$schema": "https://on.cypress.io/cypress.schema.json",
+    "supportFile": "cypress/support/index.ts",
+    "baseUrl": "https://app.ombi.io/",
+    "integrationFolder": "cypress/tests",
+    "testFiles": "**/*.spec.ts*",
+    "retries": {
+        "runMode": 2,
+        "openMode": 1
+    },
+    "watchForFileChanges": true,
+    "chromeWebSecurity": false,
+    "viewportWidth": 2880,
+    "viewportHeight": 2160,
+    "ignoreTestFiles": ["**/snapshots/*"],
+    "env": {
+        "username": "beta",
+        "password": "beta"
+   }
+}
diff --git a/tests/cypress/config/regression.json b/tests/cypress/config/regression.json
new file mode 100644
index 000000000..213244b8c
--- /dev/null
+++ b/tests/cypress/config/regression.json
@@ -0,0 +1,25 @@
+{
+    "$schema": "https://on.cypress.io/cypress.schema.json",
+    "supportFile": "cypress/support/index.ts",
+    "integrationFolder": "cypress/tests",
+    "testFiles": "**/*.spec.ts*",
+    "retries": {
+        "runMode": 2,
+        "openMode": 1
+    },
+    "watchForFileChanges": true,
+    "chromeWebSecurity": false,
+    "viewportWidth": 2880,
+    "viewportHeight": 2160,
+    "ignoreTestFiles": ["**/snapshots/*"],
+    "screenshotOnRunFailure": false,
+    "video": false,
+    "reporter": "junit",
+    "reporterOptions": {
+        "mochaFile": "results/junit/regression-[hash].xml"
+    },
+    "env": {
+        "username": "beta",
+        "password": "beta"
+   }
+}
diff --git a/tests/cypress/fixtures/details/tv/response.json b/tests/cypress/fixtures/details/tv/response.json
new file mode 100644
index 000000000..ff4f7981d
--- /dev/null
+++ b/tests/cypress/fixtures/details/tv/response.json
@@ -0,0 +1,2730 @@
+{
+  "title": "Game of Thrones",
+  "aliases": null,
+  "banner": "https://static.tvmaze.com/uploads/images/medium_portrait/190/476117.jpg",
+  "seriesId": 82,
+  "status": "Ended",
+  "firstAired": "2011-04-17",
+  "networkId": "8",
+  "runtime": "60",
+  "genre": null,
+  "overview": "Based on the bestselling book series A Song of Ice and Fire by George R.R. Martin, this sprawling new HBO drama is set in a world where summers span decades and winters can last a lifetime. From the scheming south and the savage eastern lands, to the frozen north and ancient Wall that protects the realm from the mysterious darkness beyond, the powerful families of the Seven Kingdoms are locked in a battle for the Iron Throne. This is a story of duplicity and treachery, nobility and honor, conquest and triumph. In the Game of Thrones, you either win or you die.",
+  "lastUpdated": 0,
+  "airsDayOfWeek": null,
+  "airsTime": null,
+  "rating": "9.1",
+  "siteRating": 0,
+  "network": {
+    "id": 8,
+    "name": "HBO",
+    "country": {
+      "name": "United States",
+      "code": "US",
+      "timezone": "America/New_York"
+    }
+  },
+  "images": {
+    "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/190/476117.jpg",
+    "original": "https://static.tvmaze.com/uploads/images/original_untouched/190/476117.jpg"
+  },
+  "cast": [
+    {
+      "person": {
+        "id": 14072,
+        "url": "https://www.tvmaze.com/people/14072/peter-dinklage",
+        "name": "Peter Dinklage",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/74/186607.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/74/186607.jpg"
+        }
+      },
+      "character": {
+        "id": 15604,
+        "url": "https://www.tvmaze.com/characters/15604/game-of-thrones-tyrion-lannister",
+        "name": "Tyrion Lannister",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158804.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158804.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14075,
+        "url": "https://www.tvmaze.com/people/14075/kit-harington",
+        "name": "Kit Harington",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3229.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3229.jpg"
+        }
+      },
+      "character": {
+        "id": 15607,
+        "url": "https://www.tvmaze.com/characters/15607/game-of-thrones-jon-snow",
+        "name": "Jon Snow",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158800.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158800.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14076,
+        "url": "https://www.tvmaze.com/people/14076/lena-headey",
+        "name": "Lena Headey",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/97/244409.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/97/244409.jpg"
+        }
+      },
+      "character": {
+        "id": 15608,
+        "url": "https://www.tvmaze.com/characters/15608/game-of-thrones-queen-cersei-lannister",
+        "name": "Queen Cersei Lannister",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158806.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158806.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14079,
+        "url": "https://www.tvmaze.com/people/14079/emilia-clarke",
+        "name": "Emilia Clarke",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/54/136753.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/54/136753.jpg"
+        }
+      },
+      "character": {
+        "id": 15611,
+        "url": "https://www.tvmaze.com/characters/15611/game-of-thrones-daenerys-targaryen",
+        "name": "Daenerys Targaryen",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158798.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158798.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14080,
+        "url": "https://www.tvmaze.com/people/14080/sophie-turner",
+        "name": "Sophie Turner",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/82/205626.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/82/205626.jpg"
+        }
+      },
+      "character": {
+        "id": 15612,
+        "url": "https://www.tvmaze.com/characters/15612/game-of-thrones-sansa-stark",
+        "name": "Sansa Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158812.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158812.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14081,
+        "url": "https://www.tvmaze.com/people/14081/maisie-williams",
+        "name": "Maisie Williams",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/282/706106.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/282/706106.jpg"
+        }
+      },
+      "character": {
+        "id": 15613,
+        "url": "https://www.tvmaze.com/characters/15613/game-of-thrones-arya-stark",
+        "name": "Arya Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/64/162189.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/64/162189.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14070,
+        "url": "https://www.tvmaze.com/people/14070/nikolaj-coster-waldau",
+        "name": "Nikolaj Coster-Waldau",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/62/155678.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/62/155678.jpg"
+        }
+      },
+      "character": {
+        "id": 15602,
+        "url": "https://www.tvmaze.com/characters/15602/game-of-thrones-ser-jaime-lannister",
+        "name": "Ser Jaime Lannister",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/64/162190.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/64/162190.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14074,
+        "url": "https://www.tvmaze.com/people/14074/iain-glen",
+        "name": "Iain Glen",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3233.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3233.jpg"
+        }
+      },
+      "character": {
+        "id": 15606,
+        "url": "https://www.tvmaze.com/characters/15606/game-of-thrones-ser-jorah-mormont",
+        "name": "Ser Jorah Mormont",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/1457.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/1457.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14069,
+        "url": "https://www.tvmaze.com/people/14069/alfie-allen",
+        "name": "Alfie Allen",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3235.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3235.jpg"
+        }
+      },
+      "character": {
+        "id": 15600,
+        "url": "https://www.tvmaze.com/characters/15600/game-of-thrones-theon-greyjoy",
+        "name": "Theon Greyjoy",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/599.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/599.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14090,
+        "url": "https://www.tvmaze.com/people/14090/john-bradley",
+        "name": "John Bradley",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3242.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3242.jpg"
+        }
+      },
+      "character": {
+        "id": 15623,
+        "url": "https://www.tvmaze.com/characters/15623/game-of-thrones-samwell-tarly",
+        "name": "Samwell Tarly",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/591.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/591.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14085,
+        "url": "https://www.tvmaze.com/people/14085/conleth-hill",
+        "name": "Conleth Hill",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3247.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3247.jpg"
+        }
+      },
+      "character": {
+        "id": 15617,
+        "url": "https://www.tvmaze.com/characters/15617/game-of-thrones-lord-varys",
+        "name": "Lord Varys",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/596.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/596.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14086,
+        "url": "https://www.tvmaze.com/people/14086/gwendoline-christie",
+        "name": "Gwendoline Christie",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/136/340397.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/136/340397.jpg"
+        }
+      },
+      "character": {
+        "id": 15618,
+        "url": "https://www.tvmaze.com/characters/15618/game-of-thrones-brienne-of-tarth",
+        "name": "Brienne of Tarth",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/593.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/593.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14092,
+        "url": "https://www.tvmaze.com/people/14092/liam-cunningham",
+        "name": "Liam Cunningham",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3260.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3260.jpg"
+        }
+      },
+      "character": {
+        "id": 15625,
+        "url": "https://www.tvmaze.com/characters/15625/game-of-thrones-davos-seaworth",
+        "name": "Davos Seaworth",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/594.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/594.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14083,
+        "url": "https://www.tvmaze.com/people/14083/aidan-gillen",
+        "name": "Aidan Gillen",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3240.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3240.jpg"
+        }
+      },
+      "character": {
+        "id": 15615,
+        "url": "https://www.tvmaze.com/characters/15615/game-of-thrones-petyr-littlefinger-baelish",
+        "name": "Petyr \"Littlefinger\" Baelish",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/1463.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/1463.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14082,
+        "url": "https://www.tvmaze.com/people/14082/isaac-hempstead-wright",
+        "name": "Isaac Hempstead-Wright",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3238.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3238.jpg"
+        }
+      },
+      "character": {
+        "id": 15614,
+        "url": "https://www.tvmaze.com/characters/15614/game-of-thrones-bran-stark",
+        "name": "Bran Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158816.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158816.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14394,
+        "url": "https://www.tvmaze.com/people/14394/nathalie-emmanuel",
+        "name": "Nathalie Emmanuel",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/93/234475.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/93/234475.jpg"
+        }
+      },
+      "character": {
+        "id": 15974,
+        "url": "https://www.tvmaze.com/characters/15974/game-of-thrones-missandei",
+        "name": "Missandei",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/611.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/611.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14071,
+        "url": "https://www.tvmaze.com/people/14071/rory-mccann",
+        "name": "Rory McCann",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3236.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3236.jpg"
+        }
+      },
+      "character": {
+        "id": 15603,
+        "url": "https://www.tvmaze.com/characters/15603/game-of-thrones-sandor-clegane",
+        "name": "Sandor Clegane",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158819.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158819.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14088,
+        "url": "https://www.tvmaze.com/people/14088/jerome-flynn",
+        "name": "Jerome Flynn",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3259.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3259.jpg"
+        }
+      },
+      "character": {
+        "id": 15621,
+        "url": "https://www.tvmaze.com/characters/15621/game-of-thrones-bronn",
+        "name": "Bronn",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/592.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/592.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14417,
+        "url": "https://www.tvmaze.com/people/14417/jacob-anderson",
+        "name": "Jacob Anderson",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/8/20737.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/8/20737.jpg"
+        }
+      },
+      "character": {
+        "id": 15997,
+        "url": "https://www.tvmaze.com/characters/15997/game-of-thrones-grey-worm",
+        "name": "Grey Worm",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/172/431759.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/172/431759.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14091,
+        "url": "https://www.tvmaze.com/people/14091/kristofer-hivju",
+        "name": "Kristofer Hivju",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3330.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3330.jpg"
+        }
+      },
+      "character": {
+        "id": 15624,
+        "url": "https://www.tvmaze.com/characters/15624/game-of-thrones-tormund-giantsbane",
+        "name": "Tormund Giantsbane",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3169.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3169.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14084,
+        "url": "https://www.tvmaze.com/people/14084/carice-van-houten",
+        "name": "Carice van Houten",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3261.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3261.jpg"
+        }
+      },
+      "character": {
+        "id": 15616,
+        "url": "https://www.tvmaze.com/characters/15616/game-of-thrones-melisandre",
+        "name": "Melisandre",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/172/431775.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/172/431775.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14065,
+        "url": "https://www.tvmaze.com/people/14065/charles-dance",
+        "name": "Charles Dance",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/168/422293.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/168/422293.jpg"
+        }
+      },
+      "character": {
+        "id": 15596,
+        "url": "https://www.tvmaze.com/characters/15596/game-of-thrones-lord-tywin-lannister",
+        "name": "Lord Tywin Lannister",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/602.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/602.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14066,
+        "url": "https://www.tvmaze.com/people/14066/natalie-dormer",
+        "name": "Natalie Dormer",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/243/608117.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/243/608117.jpg"
+        }
+      },
+      "character": {
+        "id": 15597,
+        "url": "https://www.tvmaze.com/characters/15597/game-of-thrones-queen-margaery-tyrell",
+        "name": "Queen Margaery Tyrell",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529552.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529552.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14073,
+        "url": "https://www.tvmaze.com/people/14073/jack-gleeson",
+        "name": "Jack Gleeson",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3237.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3237.jpg"
+        }
+      },
+      "character": {
+        "id": 15605,
+        "url": "https://www.tvmaze.com/characters/15605/game-of-thrones-prince-joffrey-baratheon",
+        "name": "Prince Joffrey Baratheon",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158821.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158821.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14199,
+        "url": "https://www.tvmaze.com/people/14199/hannah-murray",
+        "name": "Hannah Murray",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/7/18055.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/7/18055.jpg"
+        }
+      },
+      "character": {
+        "id": 15720,
+        "url": "https://www.tvmaze.com/characters/15720/game-of-thrones-gilly",
+        "name": "Gilly",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/192/482446.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/192/482446.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14078,
+        "url": "https://www.tvmaze.com/people/14078/michelle-fairley",
+        "name": "Michelle Fairley",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/186/466394.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/186/466394.jpg"
+        }
+      },
+      "character": {
+        "id": 15610,
+        "url": "https://www.tvmaze.com/characters/15610/game-of-thrones-lady-catelyn-stark",
+        "name": "Lady Catelyn Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158823.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158823.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14404,
+        "url": "https://www.tvmaze.com/people/14404/dean-charles-chapman",
+        "name": "Dean Charles Chapman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/2/5727.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/2/5727.jpg"
+        }
+      },
+      "character": {
+        "id": 15632,
+        "url": "https://www.tvmaze.com/characters/15632/game-of-thrones-tommen-baratheon",
+        "name": "Tommen Baratheon",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/603.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/603.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14089,
+        "url": "https://www.tvmaze.com/people/14089/joe-dempsie",
+        "name": "Joe Dempsie",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/185/462746.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/185/462746.jpg"
+        }
+      },
+      "character": {
+        "id": 15622,
+        "url": "https://www.tvmaze.com/characters/15622/game-of-thrones-gendry",
+        "name": "Gendry",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/589.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/589.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14096,
+        "url": "https://www.tvmaze.com/people/14096/stephen-dillane",
+        "name": "Stephen Dillane",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/68/171092.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/68/171092.jpg"
+        }
+      },
+      "character": {
+        "id": 15629,
+        "url": "https://www.tvmaze.com/characters/15629/game-of-thrones-stannis-baratheon",
+        "name": "Stannis Baratheon",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3245.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3245.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14077,
+        "url": "https://www.tvmaze.com/people/14077/richard-madden",
+        "name": "Richard Madden",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/173/434079.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/173/434079.jpg"
+        }
+      },
+      "character": {
+        "id": 15609,
+        "url": "https://www.tvmaze.com/characters/15609/game-of-thrones-robb-stark",
+        "name": "Robb Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/63/158825.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/63/158825.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14218,
+        "url": "https://www.tvmaze.com/people/14218/michael-mcelhatton",
+        "name": "Michael McElhatton",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/3/8123.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/3/8123.jpg"
+        }
+      },
+      "character": {
+        "id": 15739,
+        "url": "https://www.tvmaze.com/characters/15739/game-of-thrones-lord-roose-bolton",
+        "name": "Lord Roose Bolton",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/609.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/609.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 7267,
+        "url": "https://www.tvmaze.com/people/7267/michiel-huisman",
+        "name": "Michiel Huisman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/8/20724.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/8/20724.jpg"
+        }
+      },
+      "character": {
+        "id": 16007,
+        "url": "https://www.tvmaze.com/characters/16007/game-of-thrones-daario-naharis",
+        "name": "Daario Naharis",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/9/23151.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/9/23151.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14095,
+        "url": "https://www.tvmaze.com/people/14095/sibel-kekilli",
+        "name": "Sibel Kekilli",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3244.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3244.jpg"
+        }
+      },
+      "character": {
+        "id": 15628,
+        "url": "https://www.tvmaze.com/characters/15628/game-of-thrones-shae",
+        "name": "Shae",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529553.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529553.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14087,
+        "url": "https://www.tvmaze.com/people/14087/iwan-rheon",
+        "name": "Iwan Rheon",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/158/396043.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/158/396043.jpg"
+        }
+      },
+      "character": {
+        "id": 15619,
+        "url": "https://www.tvmaze.com/characters/15619/game-of-thrones-ramsay-snow",
+        "name": "Ramsay Snow",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3331.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3331.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14208,
+        "url": "https://www.tvmaze.com/people/14208/tom-wlaschiha",
+        "name": "Tom Wlaschiha",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/4/10120.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/4/10120.jpg"
+        }
+      },
+      "character": {
+        "id": 15730,
+        "url": "https://www.tvmaze.com/characters/15730/game-of-thrones-jaqen-hghar",
+        "name": "Jaqen H'ghar",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529595.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529595.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14094,
+        "url": "https://www.tvmaze.com/people/14094/rose-leslie",
+        "name": "Rose Leslie",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/107/267661.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/107/267661.jpg"
+        }
+      },
+      "character": {
+        "id": 15627,
+        "url": "https://www.tvmaze.com/characters/15627/game-of-thrones-ygritte",
+        "name": "Ygritte",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529550.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529550.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14440,
+        "url": "https://www.tvmaze.com/people/14440/indira-varma",
+        "name": "Indira Varma",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/3/8666.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/3/8666.jpg"
+        }
+      },
+      "character": {
+        "id": 16022,
+        "url": "https://www.tvmaze.com/characters/16022/game-of-thrones-ellaria-sand",
+        "name": "Ellaria Sand",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/9/23152.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/9/23152.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 52759,
+        "url": "https://www.tvmaze.com/people/52759/jonathan-pryce",
+        "name": "Jonathan Pryce",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/92/231635.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/92/231635.jpg"
+        }
+      },
+      "character": {
+        "id": 105050,
+        "url": "https://www.tvmaze.com/characters/105050/game-of-thrones-high-sparrow",
+        "name": "High Sparrow",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/11/28572.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/11/28572.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 7432,
+        "url": "https://www.tvmaze.com/people/7432/sean-bean",
+        "name": "Sean Bean",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3294.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3294.jpg"
+        }
+      },
+      "character": {
+        "id": 15601,
+        "url": "https://www.tvmaze.com/characters/15601/game-of-thrones-lord-eddard-stark",
+        "name": "Lord Eddard Stark",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529531.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529531.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 11349,
+        "url": "https://www.tvmaze.com/people/11349/james-cosmo",
+        "name": "James Cosmo",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/181/453032.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/181/453032.jpg"
+        }
+      },
+      "character": {
+        "id": 15620,
+        "url": "https://www.tvmaze.com/characters/15620/game-of-thrones-lord-commander-jeor-mormont",
+        "name": "Lord Commander Jeor Mormont",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/211/529534.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/211/529534.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14068,
+        "url": "https://www.tvmaze.com/people/14068/mark-addy",
+        "name": "Mark Addy",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3324.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3324.jpg"
+        }
+      },
+      "character": {
+        "id": 15599,
+        "url": "https://www.tvmaze.com/characters/15599/game-of-thrones-king-robert-baratheon",
+        "name": "King Robert Baratheon",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/598.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/598.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    },
+    {
+      "person": {
+        "id": 14067,
+        "url": "https://www.tvmaze.com/people/14067/harry-lloyd",
+        "name": "Harry Lloyd",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/1/3329.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/1/3329.jpg"
+        }
+      },
+      "character": {
+        "id": 15598,
+        "url": "https://www.tvmaze.com/characters/15598/game-of-thrones-viserys-targaryen",
+        "name": "Viserys Targaryen",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/0/600.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/0/600.jpg"
+        }
+      },
+      "self": false,
+      "voice": false
+    }
+  ],
+  "crew": [
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 282,
+        "url": "https://www.tvmaze.com/people/282/david-nutter",
+        "name": "David Nutter",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/182/455179.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/182/455179.jpg"
+        }
+      }
+    },
+    {
+      "type": "Creator",
+      "person": {
+        "id": 14097,
+        "url": "https://www.tvmaze.com/people/14097/db-weiss",
+        "name": "D.B. Weiss",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/58/146139.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/58/146139.jpg"
+        }
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 14097,
+        "url": "https://www.tvmaze.com/people/14097/db-weiss",
+        "name": "D.B. Weiss",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/58/146139.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/58/146139.jpg"
+        }
+      }
+    },
+    {
+      "type": "Creator",
+      "person": {
+        "id": 14098,
+        "url": "https://www.tvmaze.com/people/14098/david-benioff",
+        "name": "David Benioff",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/121/303084.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/121/303084.jpg"
+        }
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 14098,
+        "url": "https://www.tvmaze.com/people/14098/david-benioff",
+        "name": "David Benioff",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/121/303084.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/121/303084.jpg"
+        }
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 14100,
+        "url": "https://www.tvmaze.com/people/14100/guymon-casady",
+        "name": "Guymon Casady",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/214/536938.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/214/536938.jpg"
+        }
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 14101,
+        "url": "https://www.tvmaze.com/people/14101/vince-gerardis",
+        "name": "Vince Gerardis",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/33/84303.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/33/84303.jpg"
+        }
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 14102,
+        "url": "https://www.tvmaze.com/people/14102/ralph-m-vicinanza",
+        "name": "Ralph M. Vicinanza",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 14103,
+        "url": "https://www.tvmaze.com/people/14103/carolyn-strauss",
+        "name": "Carolyn Strauss",
+        "image": null
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 14103,
+        "url": "https://www.tvmaze.com/people/14103/carolyn-strauss",
+        "name": "Carolyn Strauss",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 14104,
+        "url": "https://www.tvmaze.com/people/14104/greg-spence",
+        "name": "Greg Spence",
+        "image": null
+      }
+    },
+    {
+      "type": "Producer",
+      "person": {
+        "id": 14104,
+        "url": "https://www.tvmaze.com/people/14104/greg-spence",
+        "name": "Greg Spence",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 14105,
+        "url": "https://www.tvmaze.com/people/14105/christopher-newman",
+        "name": "Christopher Newman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/199/498557.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/199/498557.jpg"
+        }
+      }
+    },
+    {
+      "type": "Producer",
+      "person": {
+        "id": 14105,
+        "url": "https://www.tvmaze.com/people/14105/christopher-newman",
+        "name": "Christopher Newman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/199/498557.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/199/498557.jpg"
+        }
+      }
+    },
+    {
+      "type": "Consulting Producer",
+      "person": {
+        "id": 14106,
+        "url": "https://www.tvmaze.com/people/14106/thomas-mccarthy",
+        "name": "Thomas McCarthy",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/103/258930.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/103/258930.jpg"
+        }
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 14107,
+        "url": "https://www.tvmaze.com/people/14107/alan-freir",
+        "name": "Alan Freir",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 14107,
+        "url": "https://www.tvmaze.com/people/14107/alan-freir",
+        "name": "Alan Freir",
+        "image": null
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 14108,
+        "url": "https://www.tvmaze.com/people/14108/annick-wolkan",
+        "name": "Annick Wolkan",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 14108,
+        "url": "https://www.tvmaze.com/people/14108/annick-wolkan",
+        "name": "Annick Wolkan",
+        "image": null
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 14109,
+        "url": "https://www.tvmaze.com/people/14109/oliver-butler",
+        "name": "Oliver Butler",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 14109,
+        "url": "https://www.tvmaze.com/people/14109/oliver-butler",
+        "name": "Oliver Butler",
+        "image": null
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 14110,
+        "url": "https://www.tvmaze.com/people/14110/jonathan-brytus",
+        "name": "Jonathan Brytus",
+        "image": null
+      }
+    },
+    {
+      "type": "Casting",
+      "person": {
+        "id": 14142,
+        "url": "https://www.tvmaze.com/people/14142/robert-sterne",
+        "name": "Robert Sterne",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/8/20509.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/8/20509.jpg"
+        }
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 14146,
+        "url": "https://www.tvmaze.com/people/14146/bryan-cogman",
+        "name": "Bryan Cogman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/101/254778.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/101/254778.jpg"
+        }
+      }
+    },
+    {
+      "type": "Supervising Producer",
+      "person": {
+        "id": 14146,
+        "url": "https://www.tvmaze.com/people/14146/bryan-cogman",
+        "name": "Bryan Cogman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/101/254778.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/101/254778.jpg"
+        }
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 14940,
+        "url": "https://www.tvmaze.com/people/14940/miguel-sapochnik",
+        "name": "Miguel Sapochnik",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/104/260096.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/104/260096.jpg"
+        }
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 49831,
+        "url": "https://www.tvmaze.com/people/49831/frank-doelger",
+        "name": "Frank Doelger",
+        "image": null
+      }
+    },
+    {
+      "type": "Executive Producer",
+      "person": {
+        "id": 50704,
+        "url": "https://www.tvmaze.com/people/50704/bernadette-caulfield",
+        "name": "Bernadette Caulfield",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/199/498528.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/199/498528.jpg"
+        }
+      }
+    },
+    {
+      "type": "Re-Recording Mixer",
+      "person": {
+        "id": 59666,
+        "url": "https://www.tvmaze.com/people/59666/mathew-waters",
+        "name": "Mathew Waters",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Executive Producer",
+      "person": {
+        "id": 95525,
+        "url": "https://www.tvmaze.com/people/95525/george-r-r-martin",
+        "name": "George R. R. Martin",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/77/194417.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/77/194417.jpg"
+        }
+      }
+    },
+    {
+      "type": "Based on the Novel Of",
+      "person": {
+        "id": 95525,
+        "url": "https://www.tvmaze.com/people/95525/george-r-r-martin",
+        "name": "George R. R. Martin",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/77/194417.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/77/194417.jpg"
+        }
+      }
+    },
+    {
+      "type": "Supervising Sound Editor",
+      "person": {
+        "id": 97917,
+        "url": "https://www.tvmaze.com/people/97917/tim-kimmel",
+        "name": "Tim Kimmel",
+        "image": null
+      }
+    },
+    {
+      "type": "Music Editor",
+      "person": {
+        "id": 98358,
+        "url": "https://www.tvmaze.com/people/98358/david-klotz",
+        "name": "David Klotz",
+        "image": null
+      }
+    },
+    {
+      "type": "Music",
+      "person": {
+        "id": 98955,
+        "url": "https://www.tvmaze.com/people/98955/ramin-djawadi",
+        "name": "Ramin Djawadi",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/82/207123.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/82/207123.jpg"
+        }
+      }
+    },
+    {
+      "type": "Editor",
+      "person": {
+        "id": 107088,
+        "url": "https://www.tvmaze.com/people/107088/yan-miles",
+        "name": "Yan Miles",
+        "image": null
+      }
+    },
+    {
+      "type": "Casting",
+      "person": {
+        "id": 128925,
+        "url": "https://www.tvmaze.com/people/128925/nina-gold",
+        "name": "Nina Gold",
+        "image": null
+      }
+    },
+    {
+      "type": "Visual Effects Supervisor",
+      "person": {
+        "id": 128926,
+        "url": "https://www.tvmaze.com/people/128926/joe-bauer",
+        "name": "Joe Bauer",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/286/715326.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/286/715326.jpg"
+        }
+      }
+    },
+    {
+      "type": "Visual Effects Producer",
+      "person": {
+        "id": 128927,
+        "url": "https://www.tvmaze.com/people/128927/steve-kullback",
+        "name": "Steve Kullback",
+        "image": null
+      }
+    },
+    {
+      "type": "Costume Designer",
+      "person": {
+        "id": 128928,
+        "url": "https://www.tvmaze.com/people/128928/april-ferry",
+        "name": "April Ferry",
+        "image": null
+      }
+    },
+    {
+      "type": "Editor",
+      "person": {
+        "id": 128929,
+        "url": "https://www.tvmaze.com/people/128929/crispin-green",
+        "name": "Crispin Green",
+        "image": null
+      }
+    },
+    {
+      "type": "Production Designer",
+      "person": {
+        "id": 128930,
+        "url": "https://www.tvmaze.com/people/128930/deborah-riley",
+        "name": "Deborah Riley",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/199/498555.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/199/498555.jpg"
+        }
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 128931,
+        "url": "https://www.tvmaze.com/people/128931/gregory-middleton",
+        "name": "Gregory Middleton",
+        "image": null
+      }
+    },
+    {
+      "type": "Producer",
+      "person": {
+        "id": 128932,
+        "url": "https://www.tvmaze.com/people/128932/lisa-mcatackney",
+        "name": "Lisa McAtackney",
+        "image": null
+      }
+    },
+    {
+      "type": "Editor",
+      "person": {
+        "id": 131299,
+        "url": "https://www.tvmaze.com/people/131299/katie-weiland",
+        "name": "Katie Weiland",
+        "image": null
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 131300,
+        "url": "https://www.tvmaze.com/people/131300/anette-haellmigk",
+        "name": "Anette Haellmigk",
+        "image": null
+      }
+    },
+    {
+      "type": "Editor",
+      "person": {
+        "id": 134987,
+        "url": "https://www.tvmaze.com/people/134987/jesse-parker",
+        "name": "Jesse Parker",
+        "image": null
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 134988,
+        "url": "https://www.tvmaze.com/people/134988/pj-dillon",
+        "name": "P.J. Dillon",
+        "image": null
+      }
+    },
+    {
+      "type": "Costume Designer",
+      "person": {
+        "id": 136603,
+        "url": "https://www.tvmaze.com/people/136603/michele-clapton",
+        "name": "Michele Clapton",
+        "image": null
+      }
+    },
+    {
+      "type": "Editor",
+      "person": {
+        "id": 136604,
+        "url": "https://www.tvmaze.com/people/136604/tim-porter",
+        "name": "Tim Porter",
+        "image": null
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 136605,
+        "url": "https://www.tvmaze.com/people/136605/fabian-wagner",
+        "name": "Fabian Wagner",
+        "image": null
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 137070,
+        "url": "https://www.tvmaze.com/people/137070/robert-mclachlan",
+        "name": "Robert McLachlan",
+        "image": null
+      }
+    },
+    {
+      "type": "Music Supervisor",
+      "person": {
+        "id": 148425,
+        "url": "https://www.tvmaze.com/people/148425/evyen-klean",
+        "name": "Evyen Klean",
+        "image": null
+      }
+    },
+    {
+      "type": "Casting",
+      "person": {
+        "id": 157724,
+        "url": "https://www.tvmaze.com/people/157724/carla-stronge",
+        "name": "Carla Stronge",
+        "image": null
+      }
+    },
+    {
+      "type": "Re-Recording Mixer",
+      "person": {
+        "id": 161594,
+        "url": "https://www.tvmaze.com/people/161594/onnalee-blank",
+        "name": "Onnalee Blank",
+        "image": null
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 175859,
+        "url": "https://www.tvmaze.com/people/175859/allison-hooper",
+        "name": "Allison Hooper",
+        "image": null
+      }
+    },
+    {
+      "type": "Co-Producer",
+      "person": {
+        "id": 176152,
+        "url": "https://www.tvmaze.com/people/176152/dave-hill",
+        "name": "Dave Hill",
+        "image": null
+      }
+    },
+    {
+      "type": "Executive Story Editor",
+      "person": {
+        "id": 176152,
+        "url": "https://www.tvmaze.com/people/176152/dave-hill",
+        "name": "Dave Hill",
+        "image": null
+      }
+    },
+    {
+      "type": "Unit Production Manager",
+      "person": {
+        "id": 183392,
+        "url": "https://www.tvmaze.com/people/183392/lisa-byrne",
+        "name": "Lisa Byrne",
+        "image": null
+      }
+    },
+    {
+      "type": "Line Producer",
+      "person": {
+        "id": 183393,
+        "url": "https://www.tvmaze.com/people/183393/duncan-muggoch",
+        "name": "Duncan Muggoch",
+        "image": null
+      }
+    },
+    {
+      "type": "Producer",
+      "person": {
+        "id": 183393,
+        "url": "https://www.tvmaze.com/people/183393/duncan-muggoch",
+        "name": "Duncan Muggoch",
+        "image": null
+      }
+    },
+    {
+      "type": "Associate Producer",
+      "person": {
+        "id": 183394,
+        "url": "https://www.tvmaze.com/people/183394/alanna-riddell-bond",
+        "name": "Alanna Riddell Bond",
+        "image": null
+      }
+    },
+    {
+      "type": "Re-Recording Mixer",
+      "person": {
+        "id": 183395,
+        "url": "https://www.tvmaze.com/people/183395/mark-paterson",
+        "name": "Mark Paterson",
+        "image": null
+      }
+    },
+    {
+      "type": "Visual Effects Supervisor",
+      "person": {
+        "id": 232975,
+        "url": "https://www.tvmaze.com/people/232975/stefen-fangmeier",
+        "name": "Stefen Fangmeier",
+        "image": null
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 247133,
+        "url": "https://www.tvmaze.com/people/247133/jonathan-freeman",
+        "name": "Jonathan Freeman",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/213/534277.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/213/534277.jpg"
+        }
+      }
+    },
+    {
+      "type": "Director Of Photography",
+      "person": {
+        "id": 275491,
+        "url": "https://www.tvmaze.com/people/275491/david-franco",
+        "name": "David Franco",
+        "image": {
+          "medium": "https://static.tvmaze.com/uploads/images/medium_portrait/262/655879.jpg",
+          "original": "https://static.tvmaze.com/uploads/images/original_untouched/262/655879.jpg"
+        }
+      }
+    }
+  ],
+  "certification": "TV-MA",
+  "trailer": "https://youtube.com/watch?v=bjqEWgDVPe0",
+  "homepage": "https://www.hbo.com/game-of-thrones",
+  "seasonRequests": [
+    {
+      "seasonNumber": 1,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "Winter is Coming",
+          "airDate": "2011-04-18T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4952/game-of-thrones-1x01-winter-is-coming",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/18/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "The Kingsroad",
+          "airDate": "2011-04-25T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4953/game-of-thrones-1x02-the-kingsroad",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/25/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "Lord Snow",
+          "airDate": "2011-05-02T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4954/game-of-thrones-1x03-lord-snow",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/02/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "Cripples, Bastards, and Broken Things",
+          "airDate": "2011-05-09T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4955/game-of-thrones-1x04-cripples-bastards-and-broken-things",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/09/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "The Wolf and the Lion",
+          "airDate": "2011-05-16T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4956/game-of-thrones-1x05-the-wolf-and-the-lion",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/16/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "A Golden Crown",
+          "airDate": "2011-05-23T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4957/game-of-thrones-1x06-a-golden-crown",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/23/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "You Win or You Die",
+          "airDate": "2011-05-30T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4958/game-of-thrones-1x07-you-win-or-you-die",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/30/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "The Pointy End",
+          "airDate": "2011-06-06T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4959/game-of-thrones-1x08-the-pointy-end",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/06/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "Baelor",
+          "airDate": "2011-06-13T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4960/game-of-thrones-1x09-baelor",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/13/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "Fire and Blood",
+          "airDate": "2011-06-20T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4961/game-of-thrones-1x10-fire-and-blood",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/20/2011 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": true,
+      "id": 0
+    },
+    {
+      "seasonNumber": 2,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "The North Remembers",
+          "airDate": "2012-04-02T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4962/game-of-thrones-2x01-the-north-remembers",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/02/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "The Night Lands",
+          "airDate": "2012-04-09T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4963/game-of-thrones-2x02-the-night-lands",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/09/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "What is Dead May Never Die",
+          "airDate": "2012-04-16T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4964/game-of-thrones-2x03-what-is-dead-may-never-die",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/16/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "Garden of Bones",
+          "airDate": "2012-04-23T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4965/game-of-thrones-2x04-garden-of-bones",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/23/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "The Ghost of Harrenhal",
+          "airDate": "2012-04-30T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4966/game-of-thrones-2x05-the-ghost-of-harrenhal",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/30/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "The Old Gods and the New",
+          "airDate": "2012-05-07T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4967/game-of-thrones-2x06-the-old-gods-and-the-new",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/07/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "A Man Without Honor",
+          "airDate": "2012-05-14T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4968/game-of-thrones-2x07-a-man-without-honor",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/14/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "The Prince of Winterfell",
+          "airDate": "2012-05-21T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4969/game-of-thrones-2x08-the-prince-of-winterfell",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/21/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "Blackwater",
+          "airDate": "2012-05-28T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4970/game-of-thrones-2x09-blackwater",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/28/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "Valar Morghulis",
+          "airDate": "2012-06-04T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4971/game-of-thrones-2x10-valar-morghulis",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/04/2012 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 3,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "Valar Dohaeris",
+          "airDate": "2013-04-01T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4972/game-of-thrones-3x01-valar-dohaeris",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/01/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "Dark Wings, Dark Words",
+          "airDate": "2013-04-08T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4973/game-of-thrones-3x02-dark-wings-dark-words",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/08/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "Walk of Punishment",
+          "airDate": "2013-04-15T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4974/game-of-thrones-3x03-walk-of-punishment",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/15/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "And Now His Watch is Ended",
+          "airDate": "2013-04-22T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4975/game-of-thrones-3x04-and-now-his-watch-is-ended",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/22/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "Kissed by Fire",
+          "airDate": "2013-04-29T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4976/game-of-thrones-3x05-kissed-by-fire",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/29/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "The Climb",
+          "airDate": "2013-05-06T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4977/game-of-thrones-3x06-the-climb",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/06/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "The Bear and the Maiden Fair",
+          "airDate": "2013-05-13T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4978/game-of-thrones-3x07-the-bear-and-the-maiden-fair",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/13/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "Second Sons",
+          "airDate": "2013-05-20T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4979/game-of-thrones-3x08-second-sons",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/20/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "The Rains of Castamere",
+          "airDate": "2013-06-03T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4980/game-of-thrones-3x09-the-rains-of-castamere",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/03/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "Mhysa",
+          "airDate": "2013-06-10T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4981/game-of-thrones-3x10-mhysa",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/10/2013 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 4,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "Two Swords",
+          "airDate": "2014-04-07T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4982/game-of-thrones-4x01-two-swords",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/07/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "The Lion and the Rose",
+          "airDate": "2014-04-14T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4983/game-of-thrones-4x02-the-lion-and-the-rose",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/14/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "Breaker of Chains",
+          "airDate": "2014-04-21T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4984/game-of-thrones-4x03-breaker-of-chains",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/21/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "Oathkeeper",
+          "airDate": "2014-04-28T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4985/game-of-thrones-4x04-oathkeeper",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/28/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "First of His Name",
+          "airDate": "2014-05-05T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4986/game-of-thrones-4x05-first-of-his-name",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/05/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "The Laws of Gods and Men",
+          "airDate": "2014-05-12T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4987/game-of-thrones-4x06-the-laws-of-gods-and-men",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/12/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "Mockingbird",
+          "airDate": "2014-05-19T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4988/game-of-thrones-4x07-mockingbird",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/19/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "The Mountain and the Viper",
+          "airDate": "2014-06-02T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4989/game-of-thrones-4x08-the-mountain-and-the-viper",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/02/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "The Watchers on the Wall",
+          "airDate": "2014-06-09T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4990/game-of-thrones-4x09-the-watchers-on-the-wall",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/09/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "The Children",
+          "airDate": "2014-06-16T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/4991/game-of-thrones-4x10-the-children",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/16/2014 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 5,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "The Wars to Come",
+          "airDate": "2015-04-13T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/116522/game-of-thrones-5x01-the-wars-to-come",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/13/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "The House of Black and White",
+          "airDate": "2015-04-20T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/144328/game-of-thrones-5x02-the-house-of-black-and-white",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/20/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "High Sparrow",
+          "airDate": "2015-04-27T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/144329/game-of-thrones-5x03-high-sparrow",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/27/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "Sons of the Harpy",
+          "airDate": "2015-05-04T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/144330/game-of-thrones-5x04-sons-of-the-harpy",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/04/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "Kill the Boy",
+          "airDate": "2015-05-11T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/151777/game-of-thrones-5x05-kill-the-boy",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/11/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "Unbowed, Unbent, Unbroken",
+          "airDate": "2015-05-18T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/152766/game-of-thrones-5x06-unbowed-unbent-unbroken",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/18/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "The Gift",
+          "airDate": "2015-05-25T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/153327/game-of-thrones-5x07-the-gift",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/25/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "Hardhome",
+          "airDate": "2015-06-01T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/155299/game-of-thrones-5x08-hardhome",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/01/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "The Dance of Dragons",
+          "airDate": "2015-06-08T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/160040/game-of-thrones-5x09-the-dance-of-dragons",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/08/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "Mother's Mercy",
+          "airDate": "2015-06-15T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/162186/game-of-thrones-5x10-mothers-mercy",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/15/2015 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 6,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "The Red Woman",
+          "airDate": "2016-04-25T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/560813/game-of-thrones-6x01-the-red-woman",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/25/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "Home",
+          "airDate": "2016-05-02T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/664672/game-of-thrones-6x02-home",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/02/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "Oathbreaker",
+          "airDate": "2016-05-09T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/664673/game-of-thrones-6x03-oathbreaker",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/09/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "Book of the Stranger",
+          "airDate": "2016-05-16T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/664674/game-of-thrones-6x04-book-of-the-stranger",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/16/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "The Door",
+          "airDate": "2016-05-23T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/664675/game-of-thrones-6x05-the-door",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/23/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "Blood of My Blood",
+          "airDate": "2016-05-30T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/664676/game-of-thrones-6x06-blood-of-my-blood",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/30/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "The Broken Man",
+          "airDate": "2016-06-06T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/717449/game-of-thrones-6x07-the-broken-man",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/06/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 8,
+          "title": "No One",
+          "airDate": "2016-06-13T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/729573/game-of-thrones-6x08-no-one",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/13/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 9,
+          "title": "Battle of the Bastards",
+          "airDate": "2016-06-20T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/729574/game-of-thrones-6x09-battle-of-the-bastards",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/20/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 10,
+          "title": "The Winds of Winter",
+          "airDate": "2016-06-27T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/729575/game-of-thrones-6x10-the-winds-of-winter",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "06/27/2016 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 7,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "Dragonstone",
+          "airDate": "2017-07-17T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/937256/game-of-thrones-7x01-dragonstone",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "07/17/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "Stormborn",
+          "airDate": "2017-07-24T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221410/game-of-thrones-7x02-stormborn",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "07/24/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "The Queen's Justice",
+          "airDate": "2017-07-31T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221411/game-of-thrones-7x03-the-queens-justice",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "07/31/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "The Spoils of War",
+          "airDate": "2017-08-07T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221412/game-of-thrones-7x04-the-spoils-of-war",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "08/07/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "Eastwatch",
+          "airDate": "2017-08-14T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221413/game-of-thrones-7x05-eastwatch",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "08/14/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "Beyond the Wall",
+          "airDate": "2017-08-21T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221414/game-of-thrones-7x06-beyond-the-wall",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "08/21/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        },
+        {
+          "episodeNumber": 7,
+          "title": "The Dragon and the Wolf",
+          "airDate": "2017-08-28T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1221415/game-of-thrones-7x07-the-dragon-and-the-wolf",
+          "available": false,
+          "approved": false,
+          "requested": true,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "08/28/2017 02:00:00",
+          "requestStatus": "Common.PendingApproval",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": false,
+      "id": 0
+    },
+    {
+      "seasonNumber": 8,
+      "episodes": [
+        {
+          "episodeNumber": 1,
+          "title": "Winterfell",
+          "airDate": "2019-04-15T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1590943/game-of-thrones-8x01-winterfell",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/15/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 2,
+          "title": "A Knight of the Seven Kingdoms",
+          "airDate": "2019-04-22T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1623964/game-of-thrones-8x02-a-knight-of-the-seven-kingdoms",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/22/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 3,
+          "title": "The Long Night",
+          "airDate": "2019-04-29T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1623965/game-of-thrones-8x03-the-long-night",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "04/29/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 4,
+          "title": "The Last of the Starks",
+          "airDate": "2019-05-06T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1623966/game-of-thrones-8x04-the-last-of-the-starks",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/06/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 5,
+          "title": "The Bells",
+          "airDate": "2019-05-13T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1623967/game-of-thrones-8x05-the-bells",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/13/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        },
+        {
+          "episodeNumber": 6,
+          "title": "The Iron Throne",
+          "airDate": "2019-05-20T02:00:00+01:00",
+          "url": "https://www.tvmaze.com/episodes/1623968/game-of-thrones-8x06-the-iron-throne",
+          "available": true,
+          "approved": true,
+          "requested": false,
+          "seasonId": 0,
+          "season": null,
+          "airDateDisplay": "05/20/2019 02:00:00",
+          "requestStatus": "Common.Available",
+          "id": 0
+        }
+      ],
+      "childRequestId": 0,
+      "childRequest": null,
+      "seasonAvailable": true,
+      "id": 0
+    }
+  ],
+  "requestAll": false,
+  "firstSeason": false,
+  "latestSeason": false,
+  "fullyAvailable": false,
+  "partlyAvailable": false,
+  "type": 0,
+  "id": 121361,
+  "approved": true,
+  "denied": null,
+  "deniedReason": null,
+  "requested": true,
+  "requestId": 5,
+  "available": false,
+  "plexUrl": null,
+  "embyUrl": null,
+  "jellyfinUrl": null,
+  "quality": null,
+  "imdbId": "tt0944947",
+  "theTvDbId": "121361",
+  "theMovieDbId": null,
+  "subscribed": false,
+  "showSubscribe": false
+}
diff --git a/tests/cypress/fixtures/details/tv/streamingResponse.json b/tests/cypress/fixtures/details/tv/streamingResponse.json
new file mode 100644
index 000000000..325ac6ecf
--- /dev/null
+++ b/tests/cypress/fixtures/details/tv/streamingResponse.json
@@ -0,0 +1,12 @@
+[
+  {
+    "order": 6,
+    "streamingProvider": "JamiesNetwork",
+    "logo": "/hYrcCS72d2alfXdGS1QXNEvwYDY.jpg"
+  },
+  {
+    "order": 3,
+    "streamingProvider": "Super1",
+    "logo": "/zLX0ExkHc8xJ9W4u9JgnldDQLKv.jpg"
+  }
+]
diff --git a/tests/cypress/fixtures/example.json b/tests/cypress/fixtures/example.json
new file mode 100644
index 000000000..da18d9352
--- /dev/null
+++ b/tests/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
\ No newline at end of file
diff --git a/tests/cypress/fixtures/login/authenticationSettngs.json b/tests/cypress/fixtures/login/authenticationSettngs.json
new file mode 100644
index 000000000..a3bfe250d
--- /dev/null
+++ b/tests/cypress/fixtures/login/authenticationSettngs.json
@@ -0,0 +1,10 @@
+{
+  "allowNoPassword": false,
+  "requireDigit": false,
+  "requiredLength": 0,
+  "requireLowercase": false,
+  "requireNonAlphanumeric": false,
+  "requireUppercase": false,
+  "enableOAuth": true,
+  "id": 14
+}
diff --git a/tests/cypress/fixtures/login/landingPageSettings.json b/tests/cypress/fixtures/login/landingPageSettings.json
new file mode 100644
index 000000000..e6261df29
--- /dev/null
+++ b/tests/cypress/fixtures/login/landingPageSettings.json
@@ -0,0 +1,10 @@
+{
+  "enabled": false,
+  "noticeEnabled": false,
+  "noticeText": "Hey what's up!\n<br>\n<br>\nThe username and password is beta\n<br>\n<br>\nEnjoy!",
+  "timeLimit": false,
+  "startDateTime": "0001-01-01T00:00:00",
+  "endDateTime": "0001-01-01T00:00:00",
+  "expired": false,
+  "id": 0
+}
diff --git a/tests/cypress/integration/examples/actions.spec.js b/tests/cypress/integration/examples/actions.spec.js
new file mode 100644
index 000000000..092637998
--- /dev/null
+++ b/tests/cypress/integration/examples/actions.spec.js
@@ -0,0 +1,299 @@
+/// <reference types="cypress" />
+
+context('Actions', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/actions')
+  })
+
+  // https://on.cypress.io/interacting-with-elements
+
+  it('.type() - type into a DOM element', () => {
+    // https://on.cypress.io/type
+    cy.get('.action-email')
+      .type('fake@email.com').should('have.value', 'fake@email.com')
+
+      // .type() with special character sequences
+      .type('{leftarrow}{rightarrow}{uparrow}{downarrow}')
+      .type('{del}{selectall}{backspace}')
+
+      // .type() with key modifiers
+      .type('{alt}{option}') //these are equivalent
+      .type('{ctrl}{control}') //these are equivalent
+      .type('{meta}{command}{cmd}') //these are equivalent
+      .type('{shift}')
+
+      // Delay each keypress by 0.1 sec
+      .type('slow.typing@email.com', { delay: 100 })
+      .should('have.value', 'slow.typing@email.com')
+
+    cy.get('.action-disabled')
+      // Ignore error checking prior to type
+      // like whether the input is visible or disabled
+      .type('disabled error checking', { force: true })
+      .should('have.value', 'disabled error checking')
+  })
+
+  it('.focus() - focus on a DOM element', () => {
+    // https://on.cypress.io/focus
+    cy.get('.action-focus').focus()
+      .should('have.class', 'focus')
+      .prev().should('have.attr', 'style', 'color: orange;')
+  })
+
+  it('.blur() - blur off a DOM element', () => {
+    // https://on.cypress.io/blur
+    cy.get('.action-blur').type('About to blur').blur()
+      .should('have.class', 'error')
+      .prev().should('have.attr', 'style', 'color: red;')
+  })
+
+  it('.clear() - clears an input or textarea element', () => {
+    // https://on.cypress.io/clear
+    cy.get('.action-clear').type('Clear this text')
+      .should('have.value', 'Clear this text')
+      .clear()
+      .should('have.value', '')
+  })
+
+  it('.submit() - submit a form', () => {
+    // https://on.cypress.io/submit
+    cy.get('.action-form')
+      .find('[type="text"]').type('HALFOFF')
+
+    cy.get('.action-form').submit()
+      .next().should('contain', 'Your form has been submitted!')
+  })
+
+  it('.click() - click on a DOM element', () => {
+    // https://on.cypress.io/click
+    cy.get('.action-btn').click()
+
+    // You can click on 9 specific positions of an element:
+    //  -----------------------------------
+    // | topLeft        top       topRight |
+    // |                                   |
+    // |                                   |
+    // |                                   |
+    // | left          center        right |
+    // |                                   |
+    // |                                   |
+    // |                                   |
+    // | bottomLeft   bottom   bottomRight |
+    //  -----------------------------------
+
+    // clicking in the center of the element is the default
+    cy.get('#action-canvas').click()
+
+    cy.get('#action-canvas').click('topLeft')
+    cy.get('#action-canvas').click('top')
+    cy.get('#action-canvas').click('topRight')
+    cy.get('#action-canvas').click('left')
+    cy.get('#action-canvas').click('right')
+    cy.get('#action-canvas').click('bottomLeft')
+    cy.get('#action-canvas').click('bottom')
+    cy.get('#action-canvas').click('bottomRight')
+
+    // .click() accepts an x and y coordinate
+    // that controls where the click occurs :)
+
+    cy.get('#action-canvas')
+      .click(80, 75) // click 80px on x coord and 75px on y coord
+      .click(170, 75)
+      .click(80, 165)
+      .click(100, 185)
+      .click(125, 190)
+      .click(150, 185)
+      .click(170, 165)
+
+    // click multiple elements by passing multiple: true
+    cy.get('.action-labels>.label').click({ multiple: true })
+
+    // Ignore error checking prior to clicking
+    cy.get('.action-opacity>.btn').click({ force: true })
+  })
+
+  it('.dblclick() - double click on a DOM element', () => {
+    // https://on.cypress.io/dblclick
+
+    // Our app has a listener on 'dblclick' event in our 'scripts.js'
+    // that hides the div and shows an input on double click
+    cy.get('.action-div').dblclick().should('not.be.visible')
+    cy.get('.action-input-hidden').should('be.visible')
+  })
+
+  it('.rightclick() - right click on a DOM element', () => {
+    // https://on.cypress.io/rightclick
+
+    // Our app has a listener on 'contextmenu' event in our 'scripts.js'
+    // that hides the div and shows an input on right click
+    cy.get('.rightclick-action-div').rightclick().should('not.be.visible')
+    cy.get('.rightclick-action-input-hidden').should('be.visible')
+  })
+
+  it('.check() - check a checkbox or radio element', () => {
+    // https://on.cypress.io/check
+
+    // By default, .check() will check all
+    // matching checkbox or radio elements in succession, one after another
+    cy.get('.action-checkboxes [type="checkbox"]').not('[disabled]')
+      .check().should('be.checked')
+
+    cy.get('.action-radios [type="radio"]').not('[disabled]')
+      .check().should('be.checked')
+
+    // .check() accepts a value argument
+    cy.get('.action-radios [type="radio"]')
+      .check('radio1').should('be.checked')
+
+    // .check() accepts an array of values
+    cy.get('.action-multiple-checkboxes [type="checkbox"]')
+      .check(['checkbox1', 'checkbox2']).should('be.checked')
+
+    // Ignore error checking prior to checking
+    cy.get('.action-checkboxes [disabled]')
+      .check({ force: true }).should('be.checked')
+
+    cy.get('.action-radios [type="radio"]')
+      .check('radio3', { force: true }).should('be.checked')
+  })
+
+  it('.uncheck() - uncheck a checkbox element', () => {
+    // https://on.cypress.io/uncheck
+
+    // By default, .uncheck() will uncheck all matching
+    // checkbox elements in succession, one after another
+    cy.get('.action-check [type="checkbox"]')
+      .not('[disabled]')
+      .uncheck().should('not.be.checked')
+
+    // .uncheck() accepts a value argument
+    cy.get('.action-check [type="checkbox"]')
+      .check('checkbox1')
+      .uncheck('checkbox1').should('not.be.checked')
+
+    // .uncheck() accepts an array of values
+    cy.get('.action-check [type="checkbox"]')
+      .check(['checkbox1', 'checkbox3'])
+      .uncheck(['checkbox1', 'checkbox3']).should('not.be.checked')
+
+    // Ignore error checking prior to unchecking
+    cy.get('.action-check [disabled]')
+      .uncheck({ force: true }).should('not.be.checked')
+  })
+
+  it('.select() - select an option in a <select> element', () => {
+    // https://on.cypress.io/select
+
+    // at first, no option should be selected
+    cy.get('.action-select')
+      .should('have.value', '--Select a fruit--')
+
+    // Select option(s) with matching text content
+    cy.get('.action-select').select('apples')
+    // confirm the apples were selected
+    // note that each value starts with "fr-" in our HTML
+    cy.get('.action-select').should('have.value', 'fr-apples')
+
+    cy.get('.action-select-multiple')
+      .select(['apples', 'oranges', 'bananas'])
+      // when getting multiple values, invoke "val" method first
+      .invoke('val')
+      .should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
+
+    // Select option(s) with matching value
+    cy.get('.action-select').select('fr-bananas')
+      // can attach an assertion right away to the element
+      .should('have.value', 'fr-bananas')
+
+    cy.get('.action-select-multiple')
+      .select(['fr-apples', 'fr-oranges', 'fr-bananas'])
+      .invoke('val')
+      .should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
+
+    // assert the selected values include oranges
+    cy.get('.action-select-multiple')
+      .invoke('val').should('include', 'fr-oranges')
+  })
+
+  it('.scrollIntoView() - scroll an element into view', () => {
+    // https://on.cypress.io/scrollintoview
+
+    // normally all of these buttons are hidden,
+    // because they're not within
+    // the viewable area of their parent
+    // (we need to scroll to see them)
+    cy.get('#scroll-horizontal button')
+      .should('not.be.visible')
+
+    // scroll the button into view, as if the user had scrolled
+    cy.get('#scroll-horizontal button').scrollIntoView()
+      .should('be.visible')
+
+    cy.get('#scroll-vertical button')
+      .should('not.be.visible')
+
+    // Cypress handles the scroll direction needed
+    cy.get('#scroll-vertical button').scrollIntoView()
+      .should('be.visible')
+
+    cy.get('#scroll-both button')
+      .should('not.be.visible')
+
+    // Cypress knows to scroll to the right and down
+    cy.get('#scroll-both button').scrollIntoView()
+      .should('be.visible')
+  })
+
+  it('.trigger() - trigger an event on a DOM element', () => {
+    // https://on.cypress.io/trigger
+
+    // To interact with a range input (slider)
+    // we need to set its value & trigger the
+    // event to signal it changed
+
+    // Here, we invoke jQuery's val() method to set
+    // the value and trigger the 'change' event
+    cy.get('.trigger-input-range')
+      .invoke('val', 25)
+      .trigger('change')
+      .get('input[type=range]').siblings('p')
+      .should('have.text', '25')
+  })
+
+  it('cy.scrollTo() - scroll the window or element to a position', () => {
+    // https://on.cypress.io/scrollto
+
+    // You can scroll to 9 specific positions of an element:
+    //  -----------------------------------
+    // | topLeft        top       topRight |
+    // |                                   |
+    // |                                   |
+    // |                                   |
+    // | left          center        right |
+    // |                                   |
+    // |                                   |
+    // |                                   |
+    // | bottomLeft   bottom   bottomRight |
+    //  -----------------------------------
+
+    // if you chain .scrollTo() off of cy, we will
+    // scroll the entire window
+    cy.scrollTo('bottom')
+
+    cy.get('#scrollable-horizontal').scrollTo('right')
+
+    // or you can scroll to a specific coordinate:
+    // (x axis, y axis) in pixels
+    cy.get('#scrollable-vertical').scrollTo(250, 250)
+
+    // or you can scroll to a specific percentage
+    // of the (width, height) of the element
+    cy.get('#scrollable-both').scrollTo('75%', '25%')
+
+    // control the easing of the scroll (default is 'swing')
+    cy.get('#scrollable-vertical').scrollTo('center', { easing: 'linear' })
+
+    // control the duration of the scroll (in ms)
+    cy.get('#scrollable-both').scrollTo('center', { duration: 2000 })
+  })
+})
diff --git a/tests/cypress/integration/examples/aliasing.spec.js b/tests/cypress/integration/examples/aliasing.spec.js
new file mode 100644
index 000000000..a02fb2bb9
--- /dev/null
+++ b/tests/cypress/integration/examples/aliasing.spec.js
@@ -0,0 +1,39 @@
+/// <reference types="cypress" />
+
+context('Aliasing', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/aliasing')
+  })
+
+  it('.as() - alias a DOM element for later use', () => {
+    // https://on.cypress.io/as
+
+    // Alias a DOM element for use later
+    // We don't have to traverse to the element
+    // later in our code, we reference it with @
+
+    cy.get('.as-table').find('tbody>tr')
+      .first().find('td').first()
+      .find('button').as('firstBtn')
+
+    // when we reference the alias, we place an
+    // @ in front of its name
+    cy.get('@firstBtn').click()
+
+    cy.get('@firstBtn')
+      .should('have.class', 'btn-success')
+      .and('contain', 'Changed')
+  })
+
+  it('.as() - alias a route for later use', () => {
+    // Alias the route to wait for its response
+    cy.intercept('GET', '**/comments/*').as('getComment')
+
+    // we have code that gets a comment when
+    // the button is clicked in scripts.js
+    cy.get('.network-btn').click()
+
+    // https://on.cypress.io/wait
+    cy.wait('@getComment').its('response.statusCode').should('eq', 200)
+  })
+})
diff --git a/tests/cypress/integration/examples/assertions.spec.js b/tests/cypress/integration/examples/assertions.spec.js
new file mode 100644
index 000000000..5ba93d1db
--- /dev/null
+++ b/tests/cypress/integration/examples/assertions.spec.js
@@ -0,0 +1,177 @@
+/// <reference types="cypress" />
+
+context('Assertions', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/assertions')
+  })
+
+  describe('Implicit Assertions', () => {
+    it('.should() - make an assertion about the current subject', () => {
+      // https://on.cypress.io/should
+      cy.get('.assertion-table')
+        .find('tbody tr:last')
+        .should('have.class', 'success')
+        .find('td')
+        .first()
+        // checking the text of the <td> element in various ways
+        .should('have.text', 'Column content')
+        .should('contain', 'Column content')
+        .should('have.html', 'Column content')
+        // chai-jquery uses "is()" to check if element matches selector
+        .should('match', 'td')
+        // to match text content against a regular expression
+        // first need to invoke jQuery method text()
+        // and then match using regular expression
+        .invoke('text')
+        .should('match', /column content/i)
+
+      // a better way to check element's text content against a regular expression
+      // is to use "cy.contains"
+      // https://on.cypress.io/contains
+      cy.get('.assertion-table')
+        .find('tbody tr:last')
+        // finds first <td> element with text content matching regular expression
+        .contains('td', /column content/i)
+        .should('be.visible')
+
+      // for more information about asserting element's text
+      // see https://on.cypress.io/using-cypress-faq#How-do-I-get-an-element’s-text-contents
+    })
+
+    it('.and() - chain multiple assertions together', () => {
+      // https://on.cypress.io/and
+      cy.get('.assertions-link')
+        .should('have.class', 'active')
+        .and('have.attr', 'href')
+        .and('include', 'cypress.io')
+    })
+  })
+
+  describe('Explicit Assertions', () => {
+    // https://on.cypress.io/assertions
+    it('expect - make an assertion about a specified subject', () => {
+      // We can use Chai's BDD style assertions
+      expect(true).to.be.true
+      const o = { foo: 'bar' }
+
+      expect(o).to.equal(o)
+      expect(o).to.deep.equal({ foo: 'bar' })
+      // matching text using regular expression
+      expect('FooBar').to.match(/bar$/i)
+    })
+
+    it('pass your own callback function to should()', () => {
+      // Pass a function to should that can have any number
+      // of explicit assertions within it.
+      // The ".should(cb)" function will be retried
+      // automatically until it passes all your explicit assertions or times out.
+      cy.get('.assertions-p')
+        .find('p')
+        .should(($p) => {
+          // https://on.cypress.io/$
+          // return an array of texts from all of the p's
+          // @ts-ignore TS6133 unused variable
+          const texts = $p.map((i, el) => Cypress.$(el).text())
+
+          // jquery map returns jquery object
+          // and .get() convert this to simple array
+          const paragraphs = texts.get()
+
+          // array should have length of 3
+          expect(paragraphs, 'has 3 paragraphs').to.have.length(3)
+
+          // use second argument to expect(...) to provide clear
+          // message with each assertion
+          expect(paragraphs, 'has expected text in each paragraph').to.deep.eq([
+            'Some text from first p',
+            'More text from second p',
+            'And even more text from third p',
+          ])
+        })
+    })
+
+    it('finds element by class name regex', () => {
+      cy.get('.docs-header')
+        .find('div')
+        // .should(cb) callback function will be retried
+        .should(($div) => {
+          expect($div).to.have.length(1)
+
+          const className = $div[0].className
+
+          expect(className).to.match(/heading-/)
+        })
+        // .then(cb) callback is not retried,
+        // it either passes or fails
+        .then(($div) => {
+          expect($div, 'text content').to.have.text('Introduction')
+        })
+    })
+
+    it('can throw any error', () => {
+      cy.get('.docs-header')
+        .find('div')
+        .should(($div) => {
+          if ($div.length !== 1) {
+            // you can throw your own errors
+            throw new Error('Did not find 1 element')
+          }
+
+          const className = $div[0].className
+
+          if (!className.match(/heading-/)) {
+            throw new Error(`Could not find class "heading-" in ${className}`)
+          }
+        })
+    })
+
+    it('matches unknown text between two elements', () => {
+      /**
+       * Text from the first element.
+       * @type {string}
+      */
+      let text
+
+      /**
+       * Normalizes passed text,
+       * useful before comparing text with spaces and different capitalization.
+       * @param {string} s Text to normalize
+      */
+      const normalizeText = (s) => s.replace(/\s/g, '').toLowerCase()
+
+      cy.get('.two-elements')
+        .find('.first')
+        .then(($first) => {
+          // save text from the first element
+          text = normalizeText($first.text())
+        })
+
+      cy.get('.two-elements')
+        .find('.second')
+        .should(($div) => {
+          // we can massage text before comparing
+          const secondText = normalizeText($div.text())
+
+          expect(secondText, 'second text').to.equal(text)
+        })
+    })
+
+    it('assert - assert shape of an object', () => {
+      const person = {
+        name: 'Joe',
+        age: 20,
+      }
+
+      assert.isObject(person, 'value is object')
+    })
+
+    it('retries the should callback until assertions pass', () => {
+      cy.get('#random-number')
+        .should(($div) => {
+          const n = parseFloat($div.text())
+
+          expect(n).to.be.gte(1).and.be.lte(10)
+        })
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/connectors.spec.js b/tests/cypress/integration/examples/connectors.spec.js
new file mode 100644
index 000000000..ae8799181
--- /dev/null
+++ b/tests/cypress/integration/examples/connectors.spec.js
@@ -0,0 +1,97 @@
+/// <reference types="cypress" />
+
+context('Connectors', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/connectors')
+  })
+
+  it('.each() - iterate over an array of elements', () => {
+    // https://on.cypress.io/each
+    cy.get('.connectors-each-ul>li')
+      .each(($el, index, $list) => {
+        console.log($el, index, $list)
+      })
+  })
+
+  it('.its() - get properties on the current subject', () => {
+    // https://on.cypress.io/its
+    cy.get('.connectors-its-ul>li')
+      // calls the 'length' property yielding that value
+      .its('length')
+      .should('be.gt', 2)
+  })
+
+  it('.invoke() - invoke a function on the current subject', () => {
+    // our div is hidden in our script.js
+    // $('.connectors-div').hide()
+
+    // https://on.cypress.io/invoke
+    cy.get('.connectors-div').should('be.hidden')
+      // call the jquery method 'show' on the 'div.container'
+      .invoke('show')
+      .should('be.visible')
+  })
+
+  it('.spread() - spread an array as individual args to callback function', () => {
+    // https://on.cypress.io/spread
+    const arr = ['foo', 'bar', 'baz']
+
+    cy.wrap(arr).spread((foo, bar, baz) => {
+      expect(foo).to.eq('foo')
+      expect(bar).to.eq('bar')
+      expect(baz).to.eq('baz')
+    })
+  })
+
+  describe('.then()', () => {
+    it('invokes a callback function with the current subject', () => {
+      // https://on.cypress.io/then
+      cy.get('.connectors-list > li')
+        .then(($lis) => {
+          expect($lis, '3 items').to.have.length(3)
+          expect($lis.eq(0), 'first item').to.contain('Walk the dog')
+          expect($lis.eq(1), 'second item').to.contain('Feed the cat')
+          expect($lis.eq(2), 'third item').to.contain('Write JavaScript')
+        })
+    })
+
+    it('yields the returned value to the next command', () => {
+      cy.wrap(1)
+        .then((num) => {
+          expect(num).to.equal(1)
+
+          return 2
+        })
+        .then((num) => {
+          expect(num).to.equal(2)
+        })
+    })
+
+    it('yields the original subject without return', () => {
+      cy.wrap(1)
+        .then((num) => {
+          expect(num).to.equal(1)
+          // note that nothing is returned from this callback
+        })
+        .then((num) => {
+          // this callback receives the original unchanged value 1
+          expect(num).to.equal(1)
+        })
+    })
+
+    it('yields the value yielded by the last Cypress command inside', () => {
+      cy.wrap(1)
+        .then((num) => {
+          expect(num).to.equal(1)
+          // note how we run a Cypress command
+          // the result yielded by this Cypress command
+          // will be passed to the second ".then"
+          cy.wrap(2)
+        })
+        .then((num) => {
+          // this callback receives the value yielded by "cy.wrap(2)"
+          expect(num).to.equal(2)
+        })
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/cookies.spec.js b/tests/cypress/integration/examples/cookies.spec.js
new file mode 100644
index 000000000..31587ff90
--- /dev/null
+++ b/tests/cypress/integration/examples/cookies.spec.js
@@ -0,0 +1,77 @@
+/// <reference types="cypress" />
+
+context('Cookies', () => {
+  beforeEach(() => {
+    Cypress.Cookies.debug(true)
+
+    cy.visit('https://example.cypress.io/commands/cookies')
+
+    // clear cookies again after visiting to remove
+    // any 3rd party cookies picked up such as cloudflare
+    cy.clearCookies()
+  })
+
+  it('cy.getCookie() - get a browser cookie', () => {
+    // https://on.cypress.io/getcookie
+    cy.get('#getCookie .set-a-cookie').click()
+
+    // cy.getCookie() yields a cookie object
+    cy.getCookie('token').should('have.property', 'value', '123ABC')
+  })
+
+  it('cy.getCookies() - get browser cookies', () => {
+    // https://on.cypress.io/getcookies
+    cy.getCookies().should('be.empty')
+
+    cy.get('#getCookies .set-a-cookie').click()
+
+    // cy.getCookies() yields an array of cookies
+    cy.getCookies().should('have.length', 1).should((cookies) => {
+      // each cookie has these properties
+      expect(cookies[0]).to.have.property('name', 'token')
+      expect(cookies[0]).to.have.property('value', '123ABC')
+      expect(cookies[0]).to.have.property('httpOnly', false)
+      expect(cookies[0]).to.have.property('secure', false)
+      expect(cookies[0]).to.have.property('domain')
+      expect(cookies[0]).to.have.property('path')
+    })
+  })
+
+  it('cy.setCookie() - set a browser cookie', () => {
+    // https://on.cypress.io/setcookie
+    cy.getCookies().should('be.empty')
+
+    cy.setCookie('foo', 'bar')
+
+    // cy.getCookie() yields a cookie object
+    cy.getCookie('foo').should('have.property', 'value', 'bar')
+  })
+
+  it('cy.clearCookie() - clear a browser cookie', () => {
+    // https://on.cypress.io/clearcookie
+    cy.getCookie('token').should('be.null')
+
+    cy.get('#clearCookie .set-a-cookie').click()
+
+    cy.getCookie('token').should('have.property', 'value', '123ABC')
+
+    // cy.clearCookies() yields null
+    cy.clearCookie('token').should('be.null')
+
+    cy.getCookie('token').should('be.null')
+  })
+
+  it('cy.clearCookies() - clear browser cookies', () => {
+    // https://on.cypress.io/clearcookies
+    cy.getCookies().should('be.empty')
+
+    cy.get('#clearCookies .set-a-cookie').click()
+
+    cy.getCookies().should('have.length', 1)
+
+    // cy.clearCookies() yields null
+    cy.clearCookies()
+
+    cy.getCookies().should('be.empty')
+  })
+})
diff --git a/tests/cypress/integration/examples/cypress_api.spec.js b/tests/cypress/integration/examples/cypress_api.spec.js
new file mode 100644
index 000000000..ec8ceaeda
--- /dev/null
+++ b/tests/cypress/integration/examples/cypress_api.spec.js
@@ -0,0 +1,202 @@
+/// <reference types="cypress" />
+
+context('Cypress.Commands', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  // https://on.cypress.io/custom-commands
+
+  it('.add() - create a custom command', () => {
+    Cypress.Commands.add('console', {
+      prevSubject: true,
+    }, (subject, method) => {
+      // the previous subject is automatically received
+      // and the commands arguments are shifted
+
+      // allow us to change the console method used
+      method = method || 'log'
+
+      // log the subject to the console
+      // @ts-ignore TS7017
+      console[method]('The subject is', subject)
+
+      // whatever we return becomes the new subject
+      // we don't want to change the subject so
+      // we return whatever was passed in
+      return subject
+    })
+
+    // @ts-ignore TS2339
+    cy.get('button').console('info').then(($button) => {
+      // subject is still $button
+    })
+  })
+})
+
+context('Cypress.Cookies', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  // https://on.cypress.io/cookies
+  it('.debug() - enable or disable debugging', () => {
+    Cypress.Cookies.debug(true)
+
+    // Cypress will now log in the console when
+    // cookies are set or cleared
+    cy.setCookie('fakeCookie', '123ABC')
+    cy.clearCookie('fakeCookie')
+    cy.setCookie('fakeCookie', '123ABC')
+    cy.clearCookie('fakeCookie')
+    cy.setCookie('fakeCookie', '123ABC')
+  })
+
+  it('.preserveOnce() - preserve cookies by key', () => {
+    // normally cookies are reset after each test
+    cy.getCookie('fakeCookie').should('not.be.ok')
+
+    // preserving a cookie will not clear it when
+    // the next test starts
+    cy.setCookie('lastCookie', '789XYZ')
+    Cypress.Cookies.preserveOnce('lastCookie')
+  })
+
+  it('.defaults() - set defaults for all cookies', () => {
+    // now any cookie with the name 'session_id' will
+    // not be cleared before each new test runs
+    Cypress.Cookies.defaults({
+      preserve: 'session_id',
+    })
+  })
+})
+
+context('Cypress.arch', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Get CPU architecture name of underlying OS', () => {
+    // https://on.cypress.io/arch
+    expect(Cypress.arch).to.exist
+  })
+})
+
+context('Cypress.config()', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Get and set configuration options', () => {
+    // https://on.cypress.io/config
+    let myConfig = Cypress.config()
+
+    expect(myConfig).to.have.property('animationDistanceThreshold', 5)
+    expect(myConfig).to.have.property('baseUrl', null)
+    expect(myConfig).to.have.property('defaultCommandTimeout', 4000)
+    expect(myConfig).to.have.property('requestTimeout', 5000)
+    expect(myConfig).to.have.property('responseTimeout', 30000)
+    expect(myConfig).to.have.property('viewportHeight', 660)
+    expect(myConfig).to.have.property('viewportWidth', 1000)
+    expect(myConfig).to.have.property('pageLoadTimeout', 60000)
+    expect(myConfig).to.have.property('waitForAnimations', true)
+
+    expect(Cypress.config('pageLoadTimeout')).to.eq(60000)
+
+    // this will change the config for the rest of your tests!
+    Cypress.config('pageLoadTimeout', 20000)
+
+    expect(Cypress.config('pageLoadTimeout')).to.eq(20000)
+
+    Cypress.config('pageLoadTimeout', 60000)
+  })
+})
+
+context('Cypress.dom', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  // https://on.cypress.io/dom
+  it('.isHidden() - determine if a DOM element is hidden', () => {
+    let hiddenP = Cypress.$('.dom-p p.hidden').get(0)
+    let visibleP = Cypress.$('.dom-p p.visible').get(0)
+
+    // our first paragraph has css class 'hidden'
+    expect(Cypress.dom.isHidden(hiddenP)).to.be.true
+    expect(Cypress.dom.isHidden(visibleP)).to.be.false
+  })
+})
+
+context('Cypress.env()', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  // We can set environment variables for highly dynamic values
+
+  // https://on.cypress.io/environment-variables
+  it('Get environment variables', () => {
+    // https://on.cypress.io/env
+    // set multiple environment variables
+    Cypress.env({
+      host: 'veronica.dev.local',
+      api_server: 'http://localhost:8888/v1/',
+    })
+
+    // get environment variable
+    expect(Cypress.env('host')).to.eq('veronica.dev.local')
+
+    // set environment variable
+    Cypress.env('api_server', 'http://localhost:8888/v2/')
+    expect(Cypress.env('api_server')).to.eq('http://localhost:8888/v2/')
+
+    // get all environment variable
+    expect(Cypress.env()).to.have.property('host', 'veronica.dev.local')
+    expect(Cypress.env()).to.have.property('api_server', 'http://localhost:8888/v2/')
+  })
+})
+
+context('Cypress.log', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Control what is printed to the Command Log', () => {
+    // https://on.cypress.io/cypress-log
+  })
+})
+
+context('Cypress.platform', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Get underlying OS name', () => {
+    // https://on.cypress.io/platform
+    expect(Cypress.platform).to.be.exist
+  })
+})
+
+context('Cypress.version', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Get current version of Cypress being run', () => {
+    // https://on.cypress.io/version
+    expect(Cypress.version).to.be.exist
+  })
+})
+
+context('Cypress.spec', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/cypress-api')
+  })
+
+  it('Get current spec information', () => {
+    // https://on.cypress.io/spec
+    // wrap the object so we can inspect it easily by clicking in the command log
+    cy.wrap(Cypress.spec).should('include.keys', ['name', 'relative', 'absolute'])
+  })
+})
diff --git a/tests/cypress/integration/examples/files.spec.js b/tests/cypress/integration/examples/files.spec.js
new file mode 100644
index 000000000..01a53235e
--- /dev/null
+++ b/tests/cypress/integration/examples/files.spec.js
@@ -0,0 +1,89 @@
+/// <reference types="cypress" />
+
+/// JSON fixture file can be loaded directly using
+// the built-in JavaScript bundler
+// @ts-ignore
+const requiredExample = require('../../fixtures/example')
+
+context('Files', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/files')
+  })
+
+  beforeEach(() => {
+    // load example.json fixture file and store
+    // in the test context object
+    cy.fixture('example.json').as('example')
+  })
+
+  it('cy.fixture() - load a fixture', () => {
+    // https://on.cypress.io/fixture
+
+    // Instead of writing a response inline you can
+    // use a fixture file's content.
+
+    // when application makes an Ajax request matching "GET **/comments/*"
+    // Cypress will intercept it and reply with the object in `example.json` fixture
+    cy.intercept('GET', '**/comments/*', { fixture: 'example.json' }).as('getComment')
+
+    // we have code that gets a comment when
+    // the button is clicked in scripts.js
+    cy.get('.fixture-btn').click()
+
+    cy.wait('@getComment').its('response.body')
+      .should('have.property', 'name')
+      .and('include', 'Using fixtures to represent data')
+  })
+
+  it('cy.fixture() or require - load a fixture', function () {
+    // we are inside the "function () { ... }"
+    // callback and can use test context object "this"
+    // "this.example" was loaded in "beforeEach" function callback
+    expect(this.example, 'fixture in the test context')
+      .to.deep.equal(requiredExample)
+
+    // or use "cy.wrap" and "should('deep.equal', ...)" assertion
+    // @ts-ignore
+    cy.wrap(this.example, 'fixture vs require')
+      .should('deep.equal', requiredExample)
+  })
+
+  it('cy.readFile() - read file contents', () => {
+    // https://on.cypress.io/readfile
+
+    // You can read a file and yield its contents
+    // The filePath is relative to your project's root.
+    cy.readFile('cypress.json').then((json) => {
+      expect(json).to.be.an('object')
+    })
+  })
+
+  it('cy.writeFile() - write to a file', () => {
+    // https://on.cypress.io/writefile
+
+    // You can write to a file
+
+    // Use a response from a request to automatically
+    // generate a fixture file for use later
+    cy.request('https://jsonplaceholder.cypress.io/users')
+      .then((response) => {
+        cy.writeFile('cypress/fixtures/users.json', response.body)
+      })
+
+    cy.fixture('users').should((users) => {
+      expect(users[0].name).to.exist
+    })
+
+    // JavaScript arrays and objects are stringified
+    // and formatted into text.
+    cy.writeFile('cypress/fixtures/profile.json', {
+      id: 8739,
+      name: 'Jane',
+      email: 'jane@example.com',
+    })
+
+    cy.fixture('profile').should((profile) => {
+      expect(profile.name).to.eq('Jane')
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/local_storage.spec.js b/tests/cypress/integration/examples/local_storage.spec.js
new file mode 100644
index 000000000..5f83b8de7
--- /dev/null
+++ b/tests/cypress/integration/examples/local_storage.spec.js
@@ -0,0 +1,52 @@
+/// <reference types="cypress" />
+
+context('Local Storage', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/local-storage')
+  })
+  // Although local storage is automatically cleared
+  // in between tests to maintain a clean state
+  // sometimes we need to clear the local storage manually
+
+  it('cy.clearLocalStorage() - clear all data in local storage', () => {
+    // https://on.cypress.io/clearlocalstorage
+    cy.get('.ls-btn').click().should(() => {
+      expect(localStorage.getItem('prop1')).to.eq('red')
+      expect(localStorage.getItem('prop2')).to.eq('blue')
+      expect(localStorage.getItem('prop3')).to.eq('magenta')
+    })
+
+    // clearLocalStorage() yields the localStorage object
+    cy.clearLocalStorage().should((ls) => {
+      expect(ls.getItem('prop1')).to.be.null
+      expect(ls.getItem('prop2')).to.be.null
+      expect(ls.getItem('prop3')).to.be.null
+    })
+
+    // Clear key matching string in Local Storage
+    cy.get('.ls-btn').click().should(() => {
+      expect(localStorage.getItem('prop1')).to.eq('red')
+      expect(localStorage.getItem('prop2')).to.eq('blue')
+      expect(localStorage.getItem('prop3')).to.eq('magenta')
+    })
+
+    cy.clearLocalStorage('prop1').should((ls) => {
+      expect(ls.getItem('prop1')).to.be.null
+      expect(ls.getItem('prop2')).to.eq('blue')
+      expect(ls.getItem('prop3')).to.eq('magenta')
+    })
+
+    // Clear keys matching regex in Local Storage
+    cy.get('.ls-btn').click().should(() => {
+      expect(localStorage.getItem('prop1')).to.eq('red')
+      expect(localStorage.getItem('prop2')).to.eq('blue')
+      expect(localStorage.getItem('prop3')).to.eq('magenta')
+    })
+
+    cy.clearLocalStorage(/prop1|2/).should((ls) => {
+      expect(ls.getItem('prop1')).to.be.null
+      expect(ls.getItem('prop2')).to.be.null
+      expect(ls.getItem('prop3')).to.eq('magenta')
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/location.spec.js b/tests/cypress/integration/examples/location.spec.js
new file mode 100644
index 000000000..299867da0
--- /dev/null
+++ b/tests/cypress/integration/examples/location.spec.js
@@ -0,0 +1,32 @@
+/// <reference types="cypress" />
+
+context('Location', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/location')
+  })
+
+  it('cy.hash() - get the current URL hash', () => {
+    // https://on.cypress.io/hash
+    cy.hash().should('be.empty')
+  })
+
+  it('cy.location() - get window.location', () => {
+    // https://on.cypress.io/location
+    cy.location().should((location) => {
+      expect(location.hash).to.be.empty
+      expect(location.href).to.eq('https://example.cypress.io/commands/location')
+      expect(location.host).to.eq('example.cypress.io')
+      expect(location.hostname).to.eq('example.cypress.io')
+      expect(location.origin).to.eq('https://example.cypress.io')
+      expect(location.pathname).to.eq('/commands/location')
+      expect(location.port).to.eq('')
+      expect(location.protocol).to.eq('https:')
+      expect(location.search).to.be.empty
+    })
+  })
+
+  it('cy.url() - get the current URL', () => {
+    // https://on.cypress.io/url
+    cy.url().should('eq', 'https://example.cypress.io/commands/location')
+  })
+})
diff --git a/tests/cypress/integration/examples/misc.spec.js b/tests/cypress/integration/examples/misc.spec.js
new file mode 100644
index 000000000..7222bf4bd
--- /dev/null
+++ b/tests/cypress/integration/examples/misc.spec.js
@@ -0,0 +1,104 @@
+/// <reference types="cypress" />
+
+context('Misc', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/misc')
+  })
+
+  it('.end() - end the command chain', () => {
+    // https://on.cypress.io/end
+
+    // cy.end is useful when you want to end a chain of commands
+    // and force Cypress to re-query from the root element
+    cy.get('.misc-table').within(() => {
+      // ends the current chain and yields null
+      cy.contains('Cheryl').click().end()
+
+      // queries the entire table again
+      cy.contains('Charles').click()
+    })
+  })
+
+  it('cy.exec() - execute a system command', () => {
+    // execute a system command.
+    // so you can take actions necessary for
+    // your test outside the scope of Cypress.
+    // https://on.cypress.io/exec
+
+    // we can use Cypress.platform string to
+    // select appropriate command
+    // https://on.cypress/io/platform
+    cy.log(`Platform ${Cypress.platform} architecture ${Cypress.arch}`)
+
+    // on CircleCI Windows build machines we have a failure to run bash shell
+    // https://github.com/cypress-io/cypress/issues/5169
+    // so skip some of the tests by passing flag "--env circle=true"
+    const isCircleOnWindows = Cypress.platform === 'win32' && Cypress.env('circle')
+
+    if (isCircleOnWindows) {
+      cy.log('Skipping test on CircleCI')
+
+      return
+    }
+
+    // cy.exec problem on Shippable CI
+    // https://github.com/cypress-io/cypress/issues/6718
+    const isShippable = Cypress.platform === 'linux' && Cypress.env('shippable')
+
+    if (isShippable) {
+      cy.log('Skipping test on ShippableCI')
+
+      return
+    }
+
+    cy.exec('echo Jane Lane')
+      .its('stdout').should('contain', 'Jane Lane')
+
+    if (Cypress.platform === 'win32') {
+      cy.exec('print cypress.json')
+        .its('stderr').should('be.empty')
+    } else {
+      cy.exec('cat cypress.json')
+        .its('stderr').should('be.empty')
+
+      cy.exec('pwd')
+        .its('code').should('eq', 0)
+    }
+  })
+
+  it('cy.focused() - get the DOM element that has focus', () => {
+    // https://on.cypress.io/focused
+    cy.get('.misc-form').find('#name').click()
+    cy.focused().should('have.id', 'name')
+
+    cy.get('.misc-form').find('#description').click()
+    cy.focused().should('have.id', 'description')
+  })
+
+  context('Cypress.Screenshot', function () {
+    it('cy.screenshot() - take a screenshot', () => {
+      // https://on.cypress.io/screenshot
+      cy.screenshot('my-image')
+    })
+
+    it('Cypress.Screenshot.defaults() - change default config of screenshots', function () {
+      Cypress.Screenshot.defaults({
+        blackout: ['.foo'],
+        capture: 'viewport',
+        clip: { x: 0, y: 0, width: 200, height: 200 },
+        scale: false,
+        disableTimersAndAnimations: true,
+        screenshotOnRunFailure: true,
+        onBeforeScreenshot () { },
+        onAfterScreenshot () { },
+      })
+    })
+  })
+
+  it('cy.wrap() - wrap an object', () => {
+    // https://on.cypress.io/wrap
+    cy.wrap({ foo: 'bar' })
+      .should('have.property', 'foo')
+      .and('include', 'bar')
+  })
+})
diff --git a/tests/cypress/integration/examples/navigation.spec.js b/tests/cypress/integration/examples/navigation.spec.js
new file mode 100644
index 000000000..b85a46890
--- /dev/null
+++ b/tests/cypress/integration/examples/navigation.spec.js
@@ -0,0 +1,56 @@
+/// <reference types="cypress" />
+
+context('Navigation', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io')
+    cy.get('.navbar-nav').contains('Commands').click()
+    cy.get('.dropdown-menu').contains('Navigation').click()
+  })
+
+  it('cy.go() - go back or forward in the browser\'s history', () => {
+    // https://on.cypress.io/go
+
+    cy.location('pathname').should('include', 'navigation')
+
+    cy.go('back')
+    cy.location('pathname').should('not.include', 'navigation')
+
+    cy.go('forward')
+    cy.location('pathname').should('include', 'navigation')
+
+    // clicking back
+    cy.go(-1)
+    cy.location('pathname').should('not.include', 'navigation')
+
+    // clicking forward
+    cy.go(1)
+    cy.location('pathname').should('include', 'navigation')
+  })
+
+  it('cy.reload() - reload the page', () => {
+    // https://on.cypress.io/reload
+    cy.reload()
+
+    // reload the page without using the cache
+    cy.reload(true)
+  })
+
+  it('cy.visit() - visit a remote url', () => {
+    // https://on.cypress.io/visit
+
+    // Visit any sub-domain of your current domain
+
+    // Pass options to the visit
+    cy.visit('https://example.cypress.io/commands/navigation', {
+      timeout: 50000, // increase total time for the visit to resolve
+      onBeforeLoad (contentWindow) {
+        // contentWindow is the remote page's window object
+        expect(typeof contentWindow === 'object').to.be.true
+      },
+      onLoad (contentWindow) {
+        // contentWindow is the remote page's window object
+        expect(typeof contentWindow === 'object').to.be.true
+      },
+    })
+    })
+})
diff --git a/tests/cypress/integration/examples/network_requests.spec.js b/tests/cypress/integration/examples/network_requests.spec.js
new file mode 100644
index 000000000..11213a0e8
--- /dev/null
+++ b/tests/cypress/integration/examples/network_requests.spec.js
@@ -0,0 +1,163 @@
+/// <reference types="cypress" />
+
+context('Network Requests', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/network-requests')
+  })
+
+  // Manage HTTP requests in your app
+
+  it('cy.request() - make an XHR request', () => {
+    // https://on.cypress.io/request
+    cy.request('https://jsonplaceholder.cypress.io/comments')
+      .should((response) => {
+        expect(response.status).to.eq(200)
+        // the server sometimes gets an extra comment posted from another machine
+        // which gets returned as 1 extra object
+        expect(response.body).to.have.property('length').and.be.oneOf([500, 501])
+        expect(response).to.have.property('headers')
+        expect(response).to.have.property('duration')
+      })
+  })
+
+  it('cy.request() - verify response using BDD syntax', () => {
+    cy.request('https://jsonplaceholder.cypress.io/comments')
+    .then((response) => {
+      // https://on.cypress.io/assertions
+      expect(response).property('status').to.equal(200)
+      expect(response).property('body').to.have.property('length').and.be.oneOf([500, 501])
+      expect(response).to.include.keys('headers', 'duration')
+    })
+  })
+
+  it('cy.request() with query parameters', () => {
+    // will execute request
+    // https://jsonplaceholder.cypress.io/comments?postId=1&id=3
+    cy.request({
+      url: 'https://jsonplaceholder.cypress.io/comments',
+      qs: {
+        postId: 1,
+        id: 3,
+      },
+    })
+    .its('body')
+    .should('be.an', 'array')
+    .and('have.length', 1)
+    .its('0') // yields first element of the array
+    .should('contain', {
+      postId: 1,
+      id: 3,
+    })
+  })
+
+  it('cy.request() - pass result to the second request', () => {
+    // first, let's find out the userId of the first user we have
+    cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
+      .its('body') // yields the response object
+      .its('0') // yields the first element of the returned list
+      // the above two commands its('body').its('0')
+      // can be written as its('body.0')
+      // if you do not care about TypeScript checks
+      .then((user) => {
+        expect(user).property('id').to.be.a('number')
+        // make a new post on behalf of the user
+        cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
+          userId: user.id,
+          title: 'Cypress Test Runner',
+          body: 'Fast, easy and reliable testing for anything that runs in a browser.',
+        })
+      })
+      // note that the value here is the returned value of the 2nd request
+      // which is the new post object
+      .then((response) => {
+        expect(response).property('status').to.equal(201) // new entity created
+        expect(response).property('body').to.contain({
+          title: 'Cypress Test Runner',
+        })
+
+        // we don't know the exact post id - only that it will be > 100
+        // since JSONPlaceholder has built-in 100 posts
+        expect(response.body).property('id').to.be.a('number')
+          .and.to.be.gt(100)
+
+        // we don't know the user id here - since it was in above closure
+        // so in this test just confirm that the property is there
+        expect(response.body).property('userId').to.be.a('number')
+      })
+  })
+
+  it('cy.request() - save response in the shared test context', () => {
+    // https://on.cypress.io/variables-and-aliases
+    cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
+      .its('body').its('0') // yields the first element of the returned list
+      .as('user') // saves the object in the test context
+      .then(function () {
+        // NOTE 👀
+        //  By the time this callback runs the "as('user')" command
+        //  has saved the user object in the test context.
+        //  To access the test context we need to use
+        //  the "function () { ... }" callback form,
+        //  otherwise "this" points at a wrong or undefined object!
+        cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
+          userId: this.user.id,
+          title: 'Cypress Test Runner',
+          body: 'Fast, easy and reliable testing for anything that runs in a browser.',
+        })
+        .its('body').as('post') // save the new post from the response
+      })
+      .then(function () {
+        // When this callback runs, both "cy.request" API commands have finished
+        // and the test context has "user" and "post" objects set.
+        // Let's verify them.
+        expect(this.post, 'post has the right user id').property('userId').to.equal(this.user.id)
+      })
+  })
+
+  it('cy.intercept() - route responses to matching requests', () => {
+    // https://on.cypress.io/intercept
+
+    let message = 'whoa, this comment does not exist'
+
+    // Listen to GET to comments/1
+    cy.intercept('GET', '**/comments/*').as('getComment')
+
+    // we have code that gets a comment when
+    // the button is clicked in scripts.js
+    cy.get('.network-btn').click()
+
+    // https://on.cypress.io/wait
+    cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
+
+    // Listen to POST to comments
+    cy.intercept('POST', '**/comments').as('postComment')
+
+    // we have code that posts a comment when
+    // the button is clicked in scripts.js
+    cy.get('.network-post').click()
+    cy.wait('@postComment').should(({ request, response }) => {
+      expect(request.body).to.include('email')
+      expect(request.headers).to.have.property('content-type')
+      expect(response && response.body).to.have.property('name', 'Using POST in cy.intercept()')
+    })
+
+    // Stub a response to PUT comments/ ****
+    cy.intercept({
+      method: 'PUT',
+      url: '**/comments/*',
+    }, {
+      statusCode: 404,
+      body: { error: message },
+      headers: { 'access-control-allow-origin': '*' },
+      delayMs: 500,
+    }).as('putComment')
+
+    // we have code that puts a comment when
+    // the button is clicked in scripts.js
+    cy.get('.network-put').click()
+
+    cy.wait('@putComment')
+
+    // our 404 statusCode logic in scripts.js executed
+    cy.get('.network-put-comment').should('contain', message)
+  })
+})
diff --git a/tests/cypress/integration/examples/querying.spec.js b/tests/cypress/integration/examples/querying.spec.js
new file mode 100644
index 000000000..00970480f
--- /dev/null
+++ b/tests/cypress/integration/examples/querying.spec.js
@@ -0,0 +1,114 @@
+/// <reference types="cypress" />
+
+context('Querying', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/querying')
+  })
+
+  // The most commonly used query is 'cy.get()', you can
+  // think of this like the '$' in jQuery
+
+  it('cy.get() - query DOM elements', () => {
+    // https://on.cypress.io/get
+
+    cy.get('#query-btn').should('contain', 'Button')
+
+    cy.get('.query-btn').should('contain', 'Button')
+
+    cy.get('#querying .well>button:first').should('contain', 'Button')
+    //              ↲
+    // Use CSS selectors just like jQuery
+
+    cy.get('[data-test-id="test-example"]').should('have.class', 'example')
+
+    // 'cy.get()' yields jQuery object, you can get its attribute
+    // by invoking `.attr()` method
+    cy.get('[data-test-id="test-example"]')
+      .invoke('attr', 'data-test-id')
+      .should('equal', 'test-example')
+
+    // or you can get element's CSS property
+    cy.get('[data-test-id="test-example"]')
+      .invoke('css', 'position')
+      .should('equal', 'static')
+
+    // or use assertions directly during 'cy.get()'
+    // https://on.cypress.io/assertions
+    cy.get('[data-test-id="test-example"]')
+      .should('have.attr', 'data-test-id', 'test-example')
+      .and('have.css', 'position', 'static')
+  })
+
+  it('cy.contains() - query DOM elements with matching content', () => {
+    // https://on.cypress.io/contains
+    cy.get('.query-list')
+      .contains('bananas')
+      .should('have.class', 'third')
+
+    // we can pass a regexp to `.contains()`
+    cy.get('.query-list')
+      .contains(/^b\w+/)
+      .should('have.class', 'third')
+
+    cy.get('.query-list')
+      .contains('apples')
+      .should('have.class', 'first')
+
+    // passing a selector to contains will
+    // yield the selector containing the text
+    cy.get('#querying')
+      .contains('ul', 'oranges')
+      .should('have.class', 'query-list')
+
+    cy.get('.query-button')
+      .contains('Save Form')
+      .should('have.class', 'btn')
+  })
+
+  it('.within() - query DOM elements within a specific element', () => {
+    // https://on.cypress.io/within
+    cy.get('.query-form').within(() => {
+      cy.get('input:first').should('have.attr', 'placeholder', 'Email')
+      cy.get('input:last').should('have.attr', 'placeholder', 'Password')
+    })
+  })
+
+  it('cy.root() - query the root DOM element', () => {
+    // https://on.cypress.io/root
+
+    // By default, root is the document
+    cy.root().should('match', 'html')
+
+    cy.get('.query-ul').within(() => {
+      // In this within, the root is now the ul DOM element
+      cy.root().should('have.class', 'query-ul')
+    })
+  })
+
+  it('best practices - selecting elements', () => {
+    // https://on.cypress.io/best-practices#Selecting-Elements
+    cy.get('[data-cy=best-practices-selecting-elements]').within(() => {
+      // Worst - too generic, no context
+      cy.get('button').click()
+
+      // Bad. Coupled to styling. Highly subject to change.
+      cy.get('.btn.btn-large').click()
+
+      // Average. Coupled to the `name` attribute which has HTML semantics.
+      cy.get('[name=submission]').click()
+
+      // Better. But still coupled to styling or JS event listeners.
+      cy.get('#main').click()
+
+      // Slightly better. Uses an ID but also ensures the element
+      // has an ARIA role attribute
+      cy.get('#main[role=button]').click()
+
+      // Much better. But still coupled to text content that may change.
+      cy.contains('Submit').click()
+
+      // Best. Insulated from all changes.
+      cy.get('[data-cy=submit]').click()
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/spies_stubs_clocks.spec.js b/tests/cypress/integration/examples/spies_stubs_clocks.spec.js
new file mode 100644
index 000000000..18b643ecd
--- /dev/null
+++ b/tests/cypress/integration/examples/spies_stubs_clocks.spec.js
@@ -0,0 +1,205 @@
+/// <reference types="cypress" />
+// remove no check once Cypress.sinon is typed
+// https://github.com/cypress-io/cypress/issues/6720
+
+context('Spies, Stubs, and Clock', () => {
+  it('cy.spy() - wrap a method in a spy', () => {
+    // https://on.cypress.io/spy
+    cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+    const obj = {
+      foo () {},
+    }
+
+    const spy = cy.spy(obj, 'foo').as('anyArgs')
+
+    obj.foo()
+
+    expect(spy).to.be.called
+  })
+
+  it('cy.spy() retries until assertions pass', () => {
+    cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+    const obj = {
+      /**
+       * Prints the argument passed
+       * @param x {any}
+      */
+      foo (x) {
+        console.log('obj.foo called with', x)
+      },
+    }
+
+    cy.spy(obj, 'foo').as('foo')
+
+    setTimeout(() => {
+      obj.foo('first')
+    }, 500)
+
+    setTimeout(() => {
+      obj.foo('second')
+    }, 2500)
+
+    cy.get('@foo').should('have.been.calledTwice')
+  })
+
+  it('cy.stub() - create a stub and/or replace a function with stub', () => {
+    // https://on.cypress.io/stub
+    cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+
+    const obj = {
+      /**
+       * prints both arguments to the console
+       * @param a {string}
+       * @param b {string}
+      */
+      foo (a, b) {
+        console.log('a', a, 'b', b)
+      },
+    }
+
+    const stub = cy.stub(obj, 'foo').as('foo')
+
+    obj.foo('foo', 'bar')
+
+    expect(stub).to.be.called
+  })
+
+  it('cy.clock() - control time in the browser', () => {
+    // https://on.cypress.io/clock
+
+    // create the date in UTC so its always the same
+    // no matter what local timezone the browser is running in
+    const now = new Date(Date.UTC(2017, 2, 14)).getTime()
+
+    cy.clock(now)
+    cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+    cy.get('#clock-div').click()
+      .should('have.text', '1489449600')
+  })
+
+  it('cy.tick() - move time in the browser', () => {
+    // https://on.cypress.io/tick
+
+    // create the date in UTC so its always the same
+    // no matter what local timezone the browser is running in
+    const now = new Date(Date.UTC(2017, 2, 14)).getTime()
+
+    cy.clock(now)
+    cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
+    cy.get('#tick-div').click()
+      .should('have.text', '1489449600')
+
+    cy.tick(10000) // 10 seconds passed
+    cy.get('#tick-div').click()
+      .should('have.text', '1489449610')
+  })
+
+  it('cy.stub() matches depending on arguments', () => {
+    // see all possible matchers at
+    // https://sinonjs.org/releases/latest/matchers/
+    const greeter = {
+      /**
+       * Greets a person
+       * @param {string} name
+      */
+      greet (name) {
+        return `Hello, ${name}!`
+      },
+    }
+
+    cy.stub(greeter, 'greet')
+      .callThrough() // if you want non-matched calls to call the real method
+      .withArgs(Cypress.sinon.match.string).returns('Hi')
+      .withArgs(Cypress.sinon.match.number).throws(new Error('Invalid name'))
+
+    expect(greeter.greet('World')).to.equal('Hi')
+    // @ts-ignore
+    expect(() => greeter.greet(42)).to.throw('Invalid name')
+    expect(greeter.greet).to.have.been.calledTwice
+
+    // non-matched calls goes the actual method
+    // @ts-ignore
+    expect(greeter.greet()).to.equal('Hello, undefined!')
+  })
+
+  it('matches call arguments using Sinon matchers', () => {
+    // see all possible matchers at
+    // https://sinonjs.org/releases/latest/matchers/
+    const calculator = {
+      /**
+       * returns the sum of two arguments
+       * @param a {number}
+       * @param b {number}
+      */
+      add (a, b) {
+        return a + b
+      },
+    }
+
+    const spy = cy.spy(calculator, 'add').as('add')
+
+    expect(calculator.add(2, 3)).to.equal(5)
+
+    // if we want to assert the exact values used during the call
+    expect(spy).to.be.calledWith(2, 3)
+
+    // let's confirm "add" method was called with two numbers
+    expect(spy).to.be.calledWith(Cypress.sinon.match.number, Cypress.sinon.match.number)
+
+    // alternatively, provide the value to match
+    expect(spy).to.be.calledWith(Cypress.sinon.match(2), Cypress.sinon.match(3))
+
+    // match any value
+    expect(spy).to.be.calledWith(Cypress.sinon.match.any, 3)
+
+    // match any value from a list
+    expect(spy).to.be.calledWith(Cypress.sinon.match.in([1, 2, 3]), 3)
+
+    /**
+     * Returns true if the given number is event
+     * @param {number} x
+     */
+    const isEven = (x) => x % 2 === 0
+
+    // expect the value to pass a custom predicate function
+    // the second argument to "sinon.match(predicate, message)" is
+    // shown if the predicate does not pass and assertion fails
+    expect(spy).to.be.calledWith(Cypress.sinon.match(isEven, 'isEven'), 3)
+
+    /**
+     * Returns a function that checks if a given number is larger than the limit
+     * @param {number} limit
+     * @returns {(x: number) => boolean}
+     */
+    const isGreaterThan = (limit) => (x) => x > limit
+
+    /**
+     * Returns a function that checks if a given number is less than the limit
+     * @param {number} limit
+     * @returns {(x: number) => boolean}
+     */
+    const isLessThan = (limit) => (x) => x < limit
+
+    // you can combine several matchers using "and", "or"
+    expect(spy).to.be.calledWith(
+      Cypress.sinon.match.number,
+      Cypress.sinon.match(isGreaterThan(2), '> 2').and(Cypress.sinon.match(isLessThan(4), '< 4')),
+    )
+
+    expect(spy).to.be.calledWith(
+      Cypress.sinon.match.number,
+      Cypress.sinon.match(isGreaterThan(200), '> 200').or(Cypress.sinon.match(3)),
+    )
+
+    // matchers can be used from BDD assertions
+    cy.get('@add').should('have.been.calledWith',
+      Cypress.sinon.match.number, Cypress.sinon.match(3))
+
+    // you can alias matchers for shorter test code
+    const { match: M } = Cypress.sinon
+
+    cy.get('@add').should('have.been.calledWith', M.number, M(3))
+  })
+})
diff --git a/tests/cypress/integration/examples/traversal.spec.js b/tests/cypress/integration/examples/traversal.spec.js
new file mode 100644
index 000000000..0a3b9d330
--- /dev/null
+++ b/tests/cypress/integration/examples/traversal.spec.js
@@ -0,0 +1,121 @@
+/// <reference types="cypress" />
+
+context('Traversal', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/traversal')
+  })
+
+  it('.children() - get child DOM elements', () => {
+    // https://on.cypress.io/children
+    cy.get('.traversal-breadcrumb')
+      .children('.active')
+      .should('contain', 'Data')
+  })
+
+  it('.closest() - get closest ancestor DOM element', () => {
+    // https://on.cypress.io/closest
+    cy.get('.traversal-badge')
+      .closest('ul')
+      .should('have.class', 'list-group')
+  })
+
+  it('.eq() - get a DOM element at a specific index', () => {
+    // https://on.cypress.io/eq
+    cy.get('.traversal-list>li')
+      .eq(1).should('contain', 'siamese')
+  })
+
+  it('.filter() - get DOM elements that match the selector', () => {
+    // https://on.cypress.io/filter
+    cy.get('.traversal-nav>li')
+      .filter('.active').should('contain', 'About')
+  })
+
+  it('.find() - get descendant DOM elements of the selector', () => {
+    // https://on.cypress.io/find
+    cy.get('.traversal-pagination')
+      .find('li').find('a')
+      .should('have.length', 7)
+  })
+
+  it('.first() - get first DOM element', () => {
+    // https://on.cypress.io/first
+    cy.get('.traversal-table td')
+      .first().should('contain', '1')
+  })
+
+  it('.last() - get last DOM element', () => {
+    // https://on.cypress.io/last
+    cy.get('.traversal-buttons .btn')
+      .last().should('contain', 'Submit')
+  })
+
+  it('.next() - get next sibling DOM element', () => {
+    // https://on.cypress.io/next
+    cy.get('.traversal-ul')
+      .contains('apples').next().should('contain', 'oranges')
+  })
+
+  it('.nextAll() - get all next sibling DOM elements', () => {
+    // https://on.cypress.io/nextall
+    cy.get('.traversal-next-all')
+      .contains('oranges')
+      .nextAll().should('have.length', 3)
+  })
+
+  it('.nextUntil() - get next sibling DOM elements until next el', () => {
+    // https://on.cypress.io/nextuntil
+    cy.get('#veggies')
+      .nextUntil('#nuts').should('have.length', 3)
+  })
+
+  it('.not() - remove DOM elements from set of DOM elements', () => {
+    // https://on.cypress.io/not
+    cy.get('.traversal-disabled .btn')
+      .not('[disabled]').should('not.contain', 'Disabled')
+  })
+
+  it('.parent() - get parent DOM element from DOM elements', () => {
+    // https://on.cypress.io/parent
+    cy.get('.traversal-mark')
+      .parent().should('contain', 'Morbi leo risus')
+  })
+
+  it('.parents() - get parent DOM elements from DOM elements', () => {
+    // https://on.cypress.io/parents
+    cy.get('.traversal-cite')
+      .parents().should('match', 'blockquote')
+  })
+
+  it('.parentsUntil() - get parent DOM elements from DOM elements until el', () => {
+    // https://on.cypress.io/parentsuntil
+    cy.get('.clothes-nav')
+      .find('.active')
+      .parentsUntil('.clothes-nav')
+      .should('have.length', 2)
+  })
+
+  it('.prev() - get previous sibling DOM element', () => {
+    // https://on.cypress.io/prev
+    cy.get('.birds').find('.active')
+      .prev().should('contain', 'Lorikeets')
+  })
+
+  it('.prevAll() - get all previous sibling DOM elements', () => {
+    // https://on.cypress.io/prevall
+    cy.get('.fruits-list').find('.third')
+      .prevAll().should('have.length', 2)
+  })
+
+  it('.prevUntil() - get all previous sibling DOM elements until el', () => {
+    // https://on.cypress.io/prevuntil
+    cy.get('.foods-list').find('#nuts')
+      .prevUntil('#veggies').should('have.length', 3)
+  })
+
+  it('.siblings() - get all sibling DOM elements', () => {
+    // https://on.cypress.io/siblings
+    cy.get('.traversal-pills .active')
+      .siblings().should('have.length', 2)
+  })
+})
diff --git a/tests/cypress/integration/examples/utilities.spec.js b/tests/cypress/integration/examples/utilities.spec.js
new file mode 100644
index 000000000..24e61a6a7
--- /dev/null
+++ b/tests/cypress/integration/examples/utilities.spec.js
@@ -0,0 +1,110 @@
+/// <reference types="cypress" />
+
+context('Utilities', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/utilities')
+  })
+
+  it('Cypress._ - call a lodash method', () => {
+    // https://on.cypress.io/_
+    cy.request('https://jsonplaceholder.cypress.io/users')
+      .then((response) => {
+        let ids = Cypress._.chain(response.body).map('id').take(3).value()
+
+        expect(ids).to.deep.eq([1, 2, 3])
+      })
+  })
+
+  it('Cypress.$ - call a jQuery method', () => {
+    // https://on.cypress.io/$
+    let $li = Cypress.$('.utility-jquery li:first')
+
+    cy.wrap($li)
+      .should('not.have.class', 'active')
+      .click()
+      .should('have.class', 'active')
+  })
+
+  it('Cypress.Blob - blob utilities and base64 string conversion', () => {
+    // https://on.cypress.io/blob
+    cy.get('.utility-blob').then(($div) => {
+      // https://github.com/nolanlawson/blob-util#imgSrcToDataURL
+      // get the dataUrl string for the javascript-logo
+      return Cypress.Blob.imgSrcToDataURL('https://example.cypress.io/assets/img/javascript-logo.png', undefined, 'anonymous')
+      .then((dataUrl) => {
+        // create an <img> element and set its src to the dataUrl
+        let img = Cypress.$('<img />', { src: dataUrl })
+
+        // need to explicitly return cy here since we are initially returning
+        // the Cypress.Blob.imgSrcToDataURL promise to our test
+        // append the image
+        $div.append(img)
+
+        cy.get('.utility-blob img').click()
+          .should('have.attr', 'src', dataUrl)
+      })
+    })
+  })
+
+  it('Cypress.minimatch - test out glob patterns against strings', () => {
+    // https://on.cypress.io/minimatch
+    let matching = Cypress.minimatch('/users/1/comments', '/users/*/comments', {
+      matchBase: true,
+    })
+
+    expect(matching, 'matching wildcard').to.be.true
+
+    matching = Cypress.minimatch('/users/1/comments/2', '/users/*/comments', {
+      matchBase: true,
+    })
+
+    expect(matching, 'comments').to.be.false
+
+    // ** matches against all downstream path segments
+    matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/**', {
+      matchBase: true,
+    })
+
+    expect(matching, 'comments').to.be.true
+
+    // whereas * matches only the next path segment
+
+    matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/*', {
+      matchBase: false,
+    })
+
+    expect(matching, 'comments').to.be.false
+  })
+
+  it('Cypress.Promise - instantiate a bluebird promise', () => {
+    // https://on.cypress.io/promise
+    let waited = false
+
+    /**
+     * @return Bluebird<string>
+     */
+    function waitOneSecond () {
+      // return a promise that resolves after 1 second
+      // @ts-ignore TS2351 (new Cypress.Promise)
+      return new Cypress.Promise((resolve, reject) => {
+        setTimeout(() => {
+          // set waited to true
+          waited = true
+
+          // resolve with 'foo' string
+          resolve('foo')
+        }, 1000)
+      })
+    }
+
+    cy.then(() => {
+      // return a promise to cy.then() that
+      // is awaited until it resolves
+      // @ts-ignore TS7006
+      return waitOneSecond().then((str) => {
+        expect(str).to.eq('foo')
+        expect(waited).to.be.true
+      })
+    })
+  })
+})
diff --git a/tests/cypress/integration/examples/viewport.spec.js b/tests/cypress/integration/examples/viewport.spec.js
new file mode 100644
index 000000000..dbcd7eedd
--- /dev/null
+++ b/tests/cypress/integration/examples/viewport.spec.js
@@ -0,0 +1,59 @@
+/// <reference types="cypress" />
+
+context('Viewport', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/viewport')
+  })
+
+  it('cy.viewport() - set the viewport size and dimension', () => {
+    // https://on.cypress.io/viewport
+
+    cy.get('#navbar').should('be.visible')
+    cy.viewport(320, 480)
+
+    // the navbar should have collapse since our screen is smaller
+    cy.get('#navbar').should('not.be.visible')
+    cy.get('.navbar-toggle').should('be.visible').click()
+    cy.get('.nav').find('a').should('be.visible')
+
+    // lets see what our app looks like on a super large screen
+    cy.viewport(2999, 2999)
+
+    // cy.viewport() accepts a set of preset sizes
+    // to easily set the screen to a device's width and height
+
+    // We added a cy.wait() between each viewport change so you can see
+    // the change otherwise it is a little too fast to see :)
+
+    cy.viewport('macbook-15')
+    cy.wait(200)
+    cy.viewport('macbook-13')
+    cy.wait(200)
+    cy.viewport('macbook-11')
+    cy.wait(200)
+    cy.viewport('ipad-2')
+    cy.wait(200)
+    cy.viewport('ipad-mini')
+    cy.wait(200)
+    cy.viewport('iphone-6+')
+    cy.wait(200)
+    cy.viewport('iphone-6')
+    cy.wait(200)
+    cy.viewport('iphone-5')
+    cy.wait(200)
+    cy.viewport('iphone-4')
+    cy.wait(200)
+    cy.viewport('iphone-3')
+    cy.wait(200)
+
+    // cy.viewport() accepts an orientation for all presets
+    // the default orientation is 'portrait'
+    cy.viewport('ipad-2', 'portrait')
+    cy.wait(200)
+    cy.viewport('iphone-4', 'landscape')
+    cy.wait(200)
+
+    // The viewport will be reset back to the default dimensions
+    // in between tests (the  default can be set in cypress.json)
+  })
+})
diff --git a/tests/cypress/integration/examples/waiting.spec.js b/tests/cypress/integration/examples/waiting.spec.js
new file mode 100644
index 000000000..c8f0d7c67
--- /dev/null
+++ b/tests/cypress/integration/examples/waiting.spec.js
@@ -0,0 +1,31 @@
+/// <reference types="cypress" />
+
+context('Waiting', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/waiting')
+  })
+  // BE CAREFUL of adding unnecessary wait times.
+  // https://on.cypress.io/best-practices#Unnecessary-Waiting
+
+  // https://on.cypress.io/wait
+  it('cy.wait() - wait for a specific amount of time', () => {
+    cy.get('.wait-input1').type('Wait 1000ms after typing')
+    cy.wait(1000)
+    cy.get('.wait-input2').type('Wait 1000ms after typing')
+    cy.wait(1000)
+    cy.get('.wait-input3').type('Wait 1000ms after typing')
+    cy.wait(1000)
+  })
+
+  it('cy.wait() - wait for a specific route', () => {
+    // Listen to GET to comments/1
+    cy.intercept('GET', '**/comments/*').as('getComment')
+
+    // we have code that gets a comment when
+    // the button is clicked in scripts.js
+    cy.get('.network-btn').click()
+
+    // wait for GET comments/1
+    cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
+  })
+})
diff --git a/tests/cypress/integration/examples/window.spec.js b/tests/cypress/integration/examples/window.spec.js
new file mode 100644
index 000000000..f94b64971
--- /dev/null
+++ b/tests/cypress/integration/examples/window.spec.js
@@ -0,0 +1,22 @@
+/// <reference types="cypress" />
+
+context('Window', () => {
+  beforeEach(() => {
+    cy.visit('https://example.cypress.io/commands/window')
+  })
+
+  it('cy.window() - get the global window object', () => {
+    // https://on.cypress.io/window
+    cy.window().should('have.property', 'top')
+  })
+
+  it('cy.document() - get the document object', () => {
+    // https://on.cypress.io/document
+    cy.document().should('have.property', 'charset').and('eq', 'UTF-8')
+  })
+
+  it('cy.title() - get the title', () => {
+    // https://on.cypress.io/title
+    cy.title().should('include', 'Kitchen Sink')
+  })
+})
diff --git a/tests/cypress/interfaces/IClaims.ts b/tests/cypress/interfaces/IClaims.ts
new file mode 100644
index 000000000..184e958bd
--- /dev/null
+++ b/tests/cypress/interfaces/IClaims.ts
@@ -0,0 +1,4 @@
+export interface IClaims {
+    value: string;
+    enabled: boolean;
+}
\ No newline at end of file
diff --git a/tests/cypress/plugins/index.js b/tests/cypress/plugins/index.js
new file mode 100644
index 000000000..aa9918d21
--- /dev/null
+++ b/tests/cypress/plugins/index.js
@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}
diff --git a/tests/cypress/support/commands.ts b/tests/cypress/support/commands.ts
new file mode 100644
index 000000000..bc0a77df4
--- /dev/null
+++ b/tests/cypress/support/commands.ts
@@ -0,0 +1,91 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
+
+Cypress.Commands.add("landingSettings", (enabled) => {
+    cy.fixture('login/landingPageSettings').then((settings)  => {
+        settings.enabled = enabled;
+        cy.intercept("GET", "**/Settings/LandingPage", settings).as("landingPageSettingsDisabled");
+      })
+})
+
+Cypress.Commands.add('login', (username, password) => {
+    cy.clearLocalStorage();
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/token',
+        body: {
+            username: username,
+            password: password,
+        }
+    })
+        .then((resp) => {
+            window.localStorage.setItem('id_token', resp.body.access_token);
+        });
+  });
+
+  Cypress.Commands.add('login', () => {
+    cy.clearLocalStorage();
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/token',
+        body: {
+            username: Cypress.env('username'),
+            password: Cypress.env('password'),
+        }
+    })
+        .then((resp) => {
+            window.localStorage.setItem('id_token', resp.body.access_token);
+        });
+  });
+
+Cypress.Commands.add('removeLogin', () => {
+  window.localStorage.removeItem('id_token');
+});
+
+Cypress.Commands.add('verifyNotification', (text) => {
+    cy.contains(text);
+});
+
+Cypress.Commands.add('createUser', (username, password, claims) => {
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/identity',
+        body: {
+            UserName: username,
+            Password: password,
+            Claims: claims,
+        },
+        headers: {
+            'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
+        }
+    })
+})
+
+Cypress.Commands.add('generateUniqueId', () => {
+    const uniqueSeed = Date.now().toString();
+    const id = Cypress._.uniqueId(uniqueSeed);
+    return id;
+});
\ No newline at end of file
diff --git a/tests/cypress/support/index.ts b/tests/cypress/support/index.ts
new file mode 100644
index 000000000..9f14c128b
--- /dev/null
+++ b/tests/cypress/support/index.ts
@@ -0,0 +1,21 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+import './request.commands';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/tests/cypress/support/request.commands.ts b/tests/cypress/support/request.commands.ts
new file mode 100644
index 000000000..4c936a4bc
--- /dev/null
+++ b/tests/cypress/support/request.commands.ts
@@ -0,0 +1,50 @@
+
+Cypress.Commands.add('requestGenericMovie', () => {
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/request/movie',
+        body: {
+            TheMovieDbId: 299536
+        },
+        headers: {
+            'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
+        }
+    })
+})
+
+Cypress.Commands.add('requestMovie', (movieId) => {
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/request/movie',
+        body: {
+            TheMovieDbId: movieId
+        },
+        headers: {
+            'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
+        }
+    })
+})
+
+Cypress.Commands.add('requestAllTv', (tvId) => {
+    cy.request({
+        method: 'POST',
+        url: '/api/v1/request/tv',
+        body: {
+            TvDbId: tvId,
+            RequestAll: true
+        },
+        headers: {
+            'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
+        }
+    });
+})
+
+Cypress.Commands.add('removeAllMovieRequests', () => {
+    cy.request({
+        method: 'DELETE',
+        url: '/api/v1/request/movie/all',
+        headers: {
+            'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
+        }
+    });
+})
\ No newline at end of file
diff --git a/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
new file mode 100644
index 000000000..d4adc7972
--- /dev/null
+++ b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
@@ -0,0 +1,83 @@
+describe("TV Details Buttons", function () {
+  beforeEach(() => {
+    cy.login();
+  });
+
+  it("Fully Available Request", () => {
+
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        body.fullyAvailable = true;
+        body.partlyAvailable = false;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+
+    cy.wait('@detailsResponse');
+
+    cy.get('#availableBtn').should('be.visible');
+    cy.get('#requestBtn').should('not.exist');
+    cy.get('#addFabBtn').should('not.exist');
+  });
+
+  it("Partially Available Request", () => {
+
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        body.fullyAvailable = false;
+        body.partlyAvailable = true;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+
+    cy.wait('@detailsResponse');
+
+    cy.get('#availableBtn').should('not.exist');
+    cy.get('#requestBtn').should('be.visible');
+    cy.get('#addFabBtn').should('be.visible');
+    cy.get('#partiallyAvailableBtn').should('be.visible');
+  });
+
+  it("Not Available Request", () => {
+
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        body.fullyAvailable = false;
+        body.partlyAvailable = false;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+    cy.wait('@detailsResponse');
+
+    cy.get('#availableBtn').should('not.exist');
+    cy.get('#requestBtn').should('be.visible');
+    cy.get('#addFabBtn').should('be.visible');
+    cy.get('#partiallyAvailableBtn').should('not.exist');
+  });
+
+
+  it("Issues Enabled", () => {
+    cy.intercept("GET", "Settings/issuesenabled", 'true');
+
+    cy.visit("/details/tv/121361");
+
+    cy.get('#reportIssueBtn').should('be.visible');
+  });
+
+  it("Issues Disabled", () => {
+    cy.intercept("GET", "Settings/issuesenabled", 'false');
+
+    cy.visit("/details/tv/121361");
+
+    cy.get('#reportIssueBtn').should('not.exist');
+  });
+});
diff --git a/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts b/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
new file mode 100644
index 000000000..f7e78cf80
--- /dev/null
+++ b/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
@@ -0,0 +1,35 @@
+describe('TV Details Information Panel',() => {
+    beforeEach(() => {
+        cy.login();
+    });
+
+    it('Status should be ended',() => {
+        cy.visit('/details/tv/121361');
+        cy.get('#status').contains("Ended")
+      });
+
+
+      it('Streaming Data should display',() => {
+        cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
+
+        cy.visit('/details/tv/121361');
+        cy.wait('@streamingResponse')
+
+        cy.get('#streamSuper1').should('be.visible');
+        cy.get('#streamJamiesNetwork').should('be.visible');
+      });
+
+
+    it.only('Streaming Data should be in correct order',() => {
+      cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
+
+      cy.visit('/details/tv/121361');
+      cy.wait('@streamingResponse')
+
+      cy.get('.stream-small').then((items) => {
+        const results = items.map((index, html) => Cypress.$(html).attr('id')).get();
+        console.log(results);
+          return results;
+      }).should('deep.eq', ['streamSuper1',"streamJamiesNetwork"]);
+    });
+});
\ No newline at end of file
diff --git a/tests/cypress/tests/login/login.spec.ts b/tests/cypress/tests/login/login.spec.ts
new file mode 100644
index 000000000..c36bab479
--- /dev/null
+++ b/tests/cypress/tests/login/login.spec.ts
@@ -0,0 +1,83 @@
+describe("Login Tests", () => {
+
+  it("Landing Page is enabled, should redirect", () => {
+
+    cy.landingSettings(true);
+    cy.visit("");
+    cy.location("pathname").should("eq", "/landingpage");
+    cy.get("[data-cy=continue]").click();
+    cy.location("pathname").should("contains", "/login");
+  });
+
+  it("Landing Page is disabled, should not redirect", () => {
+
+    cy.landingSettings(false);
+    cy.visit("");
+
+    cy.location("pathname").should("eq", "/login");
+  });
+
+  it("Plex OAuth Enabled, should be button", () => {
+    cy.landingSettings(false);
+    cy.fixture('login/authenticationSettngs').then((settings)  => {
+        settings.enableOAuth = true;
+        cy.intercept('GET', '/Settings/Authentication', settings).as('authSettings')
+      })
+
+    cy.visit("");
+
+    cy.get("[data-cy=oAuthPlexButton]").should('be.visible');
+    cy.get("[data-cy=OmbiButton]").should('be.visible');
+  });
+
+  it("Plex OAuth Diabled, Should show local form", () => {
+    cy.landingSettings(false);
+    cy.fixture('login/authenticationSettngs').then((settings)  => {
+        settings.enableOAuth = false;
+        cy.intercept('GET', '/Settings/Authentication', settings).as('authSettings')
+      })
+
+    cy.visit("");
+
+    cy.get("[data-cy=OmbiButton]").should('be.visible');
+
+    cy.get('#username-field').should('be.visible');
+    cy.get('#password-field').should('be.visible');
+  });
+
+  it('Invalid Password',() => {
+    cy.landingSettings(false);
+    cy.visit('/');
+    cy.contains('Sign in');
+
+    cy.get('#username-field').type('automation');
+    cy.get('#password-field').type('incorrectpw');
+
+    cy.get('[data-cy=OmbiButton]').click();
+    cy.verifyNotification('Incorrect username');
+  });
+
+  it('Invalid Username',() => {
+    cy.landingSettings(false);
+    cy.visit('/');
+    cy.contains('Sign in');
+
+    cy.get('#username-field').type('bad username');
+    cy.get('#password-field').type('incorrectpw');
+
+    cy.get('[data-cy=OmbiButton]').click();
+    cy.verifyNotification('Incorrect username');
+  });
+
+  it('Correct Login',() => {
+    cy.landingSettings(false);
+    cy.visit('/');
+    cy.contains('Sign in');
+
+    cy.get('#username-field').type(Cypress.env('username'));
+    cy.get('#password-field').type(Cypress.env('password'));
+
+    cy.get('[data-cy=OmbiButton]').click();
+    cy.url().should('include', '/discover')
+  });
+});
diff --git a/tests/cypress/tests/usermanagement/usermanagement.spec.ts b/tests/cypress/tests/usermanagement/usermanagement.spec.ts
new file mode 100644
index 000000000..fa7b63e0f
--- /dev/null
+++ b/tests/cypress/tests/usermanagement/usermanagement.spec.ts
@@ -0,0 +1,163 @@
+
+describe('User Management Page', () => {
+    beforeEach(() => {
+      cy.login();
+      cy.createUser('userToDelete', 'password', [{
+        value: "requestmovie",
+        Enabled: "true",
+      }]);
+
+      cy.createUser('userToEdit', 'password', [{
+        value: "disabled",
+        Enabled: "true",
+      }]);
+
+      cy.visit('/usermanagement');
+    });
+
+    it('Loads users table', () => {
+      cy.contains("User Management");
+      cy.contains("Add User To Ombi");
+    });
+
+    it('Creates basic user', () => {
+      cy.get('[data-test=adduserbtn').click();
+      cy.url().should('include', '/user');
+
+      cy.generateUniqueId().then(username => {
+        // Setup the form
+        cy.get('#username').type(username);
+        cy.get('#alias').type("alias1");
+        cy.get('#emailAddress').type(username + "@emailaddress.com");
+        cy.get('#password').type("password");
+        cy.get('#confirmPass').type("password");
+
+        // setup the roles
+        cy.contains('Roles').click()
+        cy.get('#roleRequestTv').click();
+        cy.get('#roleRequestMovie').click();
+
+        // submit user
+        cy.get('[data-test=createuserbtn]').click();
+
+        cy.verifyNotification('has been created successfully');
+
+        // Also check if the user is in the table
+        cy.contains(username);
+        });
+    });
+
+    it('Tries to create user without roles', () => {
+      cy.get('[data-test=adduserbtn').click();
+      cy.url().should('include', '/user');
+
+      // Setup the form
+      cy.get('#username').type("user1");
+      cy.get('#alias').type("alias1");
+      cy.get('#emailAddress').type("user1@emailaddress.com");
+      cy.get('#password').type("password");
+      cy.get('#confirmPass').type("password");
+
+      // submit user
+      cy.get('[data-test=createuserbtn]').click();
+
+      cy.verifyNotification('Please assign a role');
+
+    });
+
+    it('Tries to create user when passwords do not match', () => {
+      cy.get('[data-test=adduserbtn').click();
+      cy.url().should('include', '/user');
+
+      // Setup the form
+      cy.get('#username').type("user1");
+      cy.get('#alias').type("alias1");
+      cy.get('#emailAddress').type("user1@emailaddress.com");
+      cy.get('#password').type("password");
+      cy.get('#confirmPass').type("pass22word");
+
+      // submit user
+      cy.get('[data-test=createuserbtn]').click();
+
+      cy.verifyNotification('Passwords do not match');
+    });
+
+    it('Delete a user', () => {
+      cy.get('#edituserToDelete').click();
+      cy.get('#username').should('have.value', 'userToDelete');
+      cy.get('[data-test=deletebtn]').click();
+      cy.verifyNotification('The user userToDelete was deleted');
+    })
+
+
+    it('Add request limits to a user', () => {
+      cy.get('#edituserToEdit').click();
+
+      cy.contains('Request Limits').click();
+      cy.get('#movieRequestLimit').clear().type('2');
+      cy.get('#musicRequestLimit').clear().type('3');
+      cy.get('#episodeRequestLimit').clear().type('4');
+
+      // submit user
+      cy.get('[data-test=updatebtn]').click();
+
+      cy.verifyNotification('successfully');
+
+      // Verify that the limits are set
+      cy.get('#edituserToEdit').click();
+      cy.contains('Request Limits').click();
+      cy.get('#movieRequestLimit').should('have.attr', 'ng-reflect-model', '2')
+      cy.get('#musicRequestLimit').should('have.attr', 'ng-reflect-model', '3')
+      cy.get('#episodeRequestLimit').should('have.attr', 'ng-reflect-model', '4')
+
+    });
+
+    it('Add notification preferences to user', () => {
+
+      cy.get('#edituserToEdit').click();
+
+      cy.contains('Notification Preferences').click();
+      cy.get('#Discord').clear().type("Discord");
+      cy.get('#Pushbullet').clear().type("Pushbullet");
+      cy.get('#Pushover').clear().type("Pushover");
+      cy.get('#Telegram').clear().type("Telegram");
+      cy.get('#Slack').clear().type("Slack");
+      cy.get('#Mattermost').clear().type("Mattermost");
+      cy.get('#Gotify').clear().type("Gotify");
+      cy.get('#WhatsApp').clear().type("Whatsapp");
+
+      // submit user
+      cy.get('[data-test=updatebtn]').click();
+
+      cy.verifyNotification('successfully');
+
+      // Verify that the limits are set 
+      cy.get('#edituserToEdit').click();
+      cy.contains('Notification Preferences').click();
+      cy.get('#Discord').should('have.attr', 'ng-reflect-model', "Discord");
+      cy.get('#Pushbullet').should('have.attr', 'ng-reflect-model', "Pushbullet");
+      cy.get('#Pushover').should('have.attr', 'ng-reflect-model', "Pushover");
+      cy.get('#Telegram').should('have.attr', 'ng-reflect-model', "Telegram");
+      cy.get('#Slack').should('have.attr', 'ng-reflect-model', "Slack");
+      cy.get('#Mattermost').should('have.attr', 'ng-reflect-model', "Mattermost");
+      cy.get('#Gotify').should('have.attr', 'ng-reflect-model', "Gotify");
+      cy.get('#WhatsApp').should('have.attr', 'ng-reflect-model', "Whatsapp");
+
+    });
+
+    it('Modify roles', () => {
+
+      cy.get('#edituserToEdit').click();
+
+      cy.contains('Roles').click();
+      cy.get('#rolePowerUser').click();
+
+      // submit user
+      cy.get('[data-test=updatebtn]').click();
+
+      cy.verifyNotification('successfully');
+
+      cy.get('#edituserToEdit').click();
+      cy.get('#rolePowerUser').should('have.attr',  'ng-reflect-model', 'true');
+    });
+  });
\ No newline at end of file
diff --git a/tests/cypress/tests/wizard/01-wizard.spec.ts b/tests/cypress/tests/wizard/01-wizard.spec.ts
new file mode 100644
index 000000000..663b28075
--- /dev/null
+++ b/tests/cypress/tests/wizard/01-wizard.spec.ts
@@ -0,0 +1,49 @@
+describe("Wizard Setup", () => {
+
+  it("Wizard should be first page", () => {
+    cy.visit("");
+    cy.location("pathname").should("contains", "/Wizard");
+  });
+
+
+  it("Finsh with no local user", () => {
+    cy.visit("");
+    cy.get("[data-test=nextWelcome]").click();
+    cy.get("[data-test=nextMediaServer]").click();
+    cy.get("[data-test=nextLocalUser]").click();
+    cy.get("[data-test=nextOmbiConfig]").click();
+    cy.get("#finishWizard").click();
+
+    cy.verifyNotification("Username '' is invalid, can only contain letters or digits.")
+
+    // Verify we end back up on the user page
+    cy.get('mat-step-header').then((items) => {
+
+      const results = items.filter((index, html) => {
+        var attributes = Cypress.$(html).attr('ng-reflect-index');
+        return attributes === "2"; // 2nd index
+      }).get()[0];
+
+      console.log(results);
+
+      var attr = Cypress.$(results).attr('ng-reflect-selected');
+      assert.equal(attr, 'true');
+    });
+
+  });
+
+  it.only("Compete Wizard", () => {
+    cy.visit("");
+    cy.get("[data-test=nextWelcome]").click();
+    cy.get("[data-test=nextMediaServer]").click();
+
+    cy.get('#adminUsername').type(Cypress.env("username"));
+    cy.get('#adminPassword').type(Cypress.env("password"));
+
+    cy.get("[data-test=nextLocalUser]").click();
+    cy.get("[data-test=nextOmbiConfig]").click();
+    cy.get("#finishWizard").click();
+
+    cy.location("pathname").should("contains", "/login");
+  });
+});
diff --git a/tests/global.d.ts b/tests/global.d.ts
new file mode 100644
index 000000000..4a81b2e86
--- /dev/null
+++ b/tests/global.d.ts
@@ -0,0 +1,20 @@
+/// <reference types="cypress" />
+
+
+declare namespace Cypress {
+    interface Chainable {
+
+        landingSettings(enabled: boolean): Chainable<any>;
+        login(username: string, password: string): Chainable<any>;
+        login(): Chainable<any>;
+        removeLogin(): Chainable<any>;
+        verifyNotification(text: string): Chainable<any>;
+        createUser(username: string, password: string, claims: any[]): Chainable<any>;
+        generateUniqueId(): Chainable<string>;
+
+        requestGenericMovie(): Chainable<any>;
+        requestMovie(movieId: number): Chainable<any>;
+        requestAllTv(tvId: number): Chainable<any>;
+        removeAllMovieRequests(): Chainable<any>;
+    }
+}
diff --git a/tests/package.json b/tests/package.json
new file mode 100644
index 000000000..3a499c121
--- /dev/null
+++ b/tests/package.json
@@ -0,0 +1,22 @@
+{
+  "devDependencies": {
+    "cypress": "^6.6.0",
+    "cypress-wait-until": "^1.7.1",
+    "typescript": "^4.2.3"
+  },
+  "name": "ombiautomation",
+  "version": "1.0.0",
+  "main": "index.js",
+  "repository": "https://github.com/ombi-app/ombi.automation",
+  "author": "TidusJar",
+  "scripts": {
+    "cypress:version": "cypress version",
+    "cypress:verify": "cypress verify",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run",
+    "types": "tsc --noEmit",
+    "e2e": "cypress run",
+    "regression": "cypress run --config-file cypress/config/regression.json",
+    "demo:open": "cypress open --config-file cypress/config/demo.json"
+  }
+}
diff --git a/tests/tsconfig.json b/tests/tsconfig.json
new file mode 100644
index 000000000..90099e602
--- /dev/null
+++ b/tests/tsconfig.json
@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "lib": ["es2018", "dom"],
+        "types": ["cypress", "cypress-wait-until", "cypress-image-snapshot"],
+        "baseUrl": "./cypress",
+        "paths": {
+            "@/*": ["./*"]
+        }
+    },
+    "include": [
+        "**/*.ts",
+        "support/*.ts"
+    ]
+}
\ No newline at end of file
diff --git a/tests/yarn.lock b/tests/yarn.lock
new file mode 100644
index 000000000..3933df5cd
--- /dev/null
+++ b/tests/yarn.lock
@@ -0,0 +1,1420 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@cypress/listr-verbose-renderer@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@cypress/listr-verbose-renderer/-/listr-verbose-renderer-0.4.1.tgz#a77492f4b11dcc7c446a34b3e28721afd33c642a"
+  integrity sha1-p3SS9LEdzHxEajSz4ochr9M8ZCo=
+  dependencies:
+    chalk "^1.1.3"
+    cli-cursor "^1.0.2"
+    date-fns "^1.27.2"
+    figures "^1.7.0"
+
+"@cypress/request@^2.88.5":
+  version "2.88.5"
+  resolved "https://registry.yarnpkg.com/@cypress/request/-/request-2.88.5.tgz#8d7ecd17b53a849cfd5ab06d5abe7d84976375d7"
+  integrity sha512-TzEC1XMi1hJkywWpRfD2clreTa/Z+lOrXDCxxBTBPEcY5azdPi56A6Xw+O4tWJnaJH3iIE7G5aDXZC6JgRZLcA==
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
+    forever-agent "~0.6.1"
+    form-data "~2.3.2"
+    har-validator "~5.1.3"
+    http-signature "~1.2.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.19"
+    oauth-sign "~0.9.0"
+    performance-now "^2.1.0"
+    qs "~6.5.2"
+    safe-buffer "^5.1.2"
+    tough-cookie "~2.5.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.3.2"
+
+"@cypress/xvfb@^1.2.4":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@cypress/xvfb/-/xvfb-1.2.4.tgz#2daf42e8275b39f4aa53c14214e557bd14e7748a"
+  integrity sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==
+  dependencies:
+    debug "^3.1.0"
+    lodash.once "^4.1.1"
+
+"@samverschueren/stream-to-observable@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.1.tgz#a21117b19ee9be70c379ec1877537ef2e1c63301"
+  integrity sha512-c/qwwcHyafOQuVQJj0IlBjf5yYgBI7YPJ77k4fOJYesb41jio65eaJODRUmfYKhTOFBrIZ66kgvGPlNbjuoRdQ==
+  dependencies:
+    any-observable "^0.3.0"
+
+"@types/node@12.12.50":
+  version "12.12.50"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.50.tgz#e9b2e85fafc15f2a8aa8fdd41091b983da5fd6ee"
+  integrity sha512-5ImO01Fb8YsEOYpV+aeyGYztcYcjGsBvN4D7G5r1ef2cuQOpymjWNQi5V0rKHE6PC2ru3HkoUr/Br2/8GUA84w==
+
+"@types/sinonjs__fake-timers@^6.0.1":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-6.0.2.tgz#3a84cf5ec3249439015e14049bd3161419bf9eae"
+  integrity sha512-dIPoZ3g5gcx9zZEszaxLSVTvMReD3xxyyDnQUjA6IYDG9Ba2AV0otMPs+77sG9ojB4Qr2N2Vk5RnKeuA0X/0bg==
+
+"@types/sizzle@^2.3.2":
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.2.tgz#a811b8c18e2babab7d542b3365887ae2e4d9de47"
+  integrity sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg==
+
+ajv@^6.12.3:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ansi-escapes@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
+  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+
+ansi-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
+  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
+
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+any-observable@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/any-observable/-/any-observable-0.3.0.tgz#af933475e5806a67d0d7df090dd5e8bef65d119b"
+  integrity sha512-/FQM1EDkTsf63Ub2C6O7GuYFDsSXUwsaZDurV0np41ocwq0jthUAYCmhBX9f+KwlaCgIuWyr/4WlUQUBfKfZog==
+
+arch@^2.1.2:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
+asn1@~0.2.3:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
+  integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
+  dependencies:
+    safer-buffer "~2.1.0"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
+
+async@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.0.tgz#b3a2685c5ebb641d3de02d161002c60fc9f85720"
+  integrity sha512-TR2mEZFVOj2pLStYxLht7TyfuRzaydfpxr3k9RpHIzMgw7A64dzsdqCxH1WJyQdoe8T10nDXd9wnEigmiuHIZw==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
+
+aws4@^1.8.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
+  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
+  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
+  dependencies:
+    tweetnacl "^0.14.3"
+
+blob-util@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/blob-util/-/blob-util-2.0.2.tgz#3b4e3c281111bb7f11128518006cdc60b403a1eb"
+  integrity sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==
+
+bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
+cachedir@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/cachedir/-/cachedir-2.3.0.tgz#0c75892a052198f0b21c7c1804d8331edfcae0e8"
+  integrity sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+
+chalk@^1.0.0, chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chalk@^2.4.1:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0, chalk@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+check-more-types@^2.24.0:
+  version "2.24.0"
+  resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
+  integrity sha1-FCD/sQ/URNz8ebQ4kbv//TKoRgA=
+
+ci-info@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
+  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
+
+cli-cursor@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"
+  integrity sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc=
+  dependencies:
+    restore-cursor "^1.0.1"
+
+cli-cursor@^2.0.0, cli-cursor@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
+  integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=
+  dependencies:
+    restore-cursor "^2.0.0"
+
+cli-table3@~0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.0.tgz#b7b1bc65ca8e7b5cef9124e13dc2b21e2ce4faee"
+  integrity sha512-gnB85c3MGC7Nm9I/FkiasNBOKjOiO1RNuXXarQms37q4QMpWdlbBgD/VnOStA2faG1dpXMv31RFApjX1/QdgWQ==
+  dependencies:
+    object-assign "^4.1.0"
+    string-width "^4.2.0"
+  optionalDependencies:
+    colors "^1.1.2"
+
+cli-truncate@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-0.2.1.tgz#9f15cfbb0705005369216c626ac7d05ab90dd574"
+  integrity sha1-nxXPuwcFAFNpIWxiasfQWrkN1XQ=
+  dependencies:
+    slice-ansi "0.0.4"
+    string-width "^1.0.1"
+
+code-point-at@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
+  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+colors@^1.1.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
+  integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
+
+combined-stream@^1.0.6, combined-stream@~1.0.6:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
+  integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
+
+common-tags@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
+  integrity sha512-6P6g0uetGpW/sdyUy/iQQCbFF0kWVMSIVSyYz7Zgjcgh8mgw8PQzDNZeyZ5DQ2gM7LBoZPHmnjz8rUthkBG5tw==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+
+concat-stream@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+core-util-is@1.0.2, core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
+cross-spawn@^7.0.0:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+cypress-wait-until@^1.7.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/cypress-wait-until/-/cypress-wait-until-1.7.1.tgz#3789cd18affdbb848e3cfc1f918353c7ba1de6f8"
+  integrity sha512-8DL5IsBTbAxBjfYgCzdbohPq/bY+IKc63fxtso1C8RWhLnQkZbVESyaclNr76jyxfId6uyzX8+Xnt0ZwaXNtkA==
+
+cypress@^6.6.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-6.6.0.tgz#659c64cdb06e51b6be18fdac39d8f192deb54fa0"
+  integrity sha512-+Xx3Zn653LJHUsCb9h1Keql2jlazbr1ROmbY6DFJMmXKLgXP4ez9cE403W93JNGRbZK0Tng3R/oP8mvd9XAPVg==
+  dependencies:
+    "@cypress/listr-verbose-renderer" "^0.4.1"
+    "@cypress/request" "^2.88.5"
+    "@cypress/xvfb" "^1.2.4"
+    "@types/node" "12.12.50"
+    "@types/sinonjs__fake-timers" "^6.0.1"
+    "@types/sizzle" "^2.3.2"
+    arch "^2.1.2"
+    blob-util "2.0.2"
+    bluebird "^3.7.2"
+    cachedir "^2.3.0"
+    chalk "^4.1.0"
+    check-more-types "^2.24.0"
+    cli-table3 "~0.6.0"
+    commander "^5.1.0"
+    common-tags "^1.8.0"
+    dayjs "^1.9.3"
+    debug "4.3.2"
+    eventemitter2 "^6.4.2"
+    execa "^4.0.2"
+    executable "^4.1.1"
+    extract-zip "^1.7.0"
+    fs-extra "^9.0.1"
+    getos "^3.2.1"
+    is-ci "^2.0.0"
+    is-installed-globally "^0.3.2"
+    lazy-ass "^1.6.0"
+    listr "^0.14.3"
+    lodash "^4.17.19"
+    log-symbols "^4.0.0"
+    minimist "^1.2.5"
+    moment "^2.29.1"
+    ospath "^1.2.2"
+    pretty-bytes "^5.4.1"
+    ramda "~0.27.1"
+    request-progress "^3.0.0"
+    supports-color "^7.2.0"
+    tmp "~0.2.1"
+    untildify "^4.0.0"
+    url "^0.11.0"
+    yauzl "^2.10.0"
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
+  dependencies:
+    assert-plus "^1.0.0"
+
+date-fns@^1.27.2:
+  version "1.30.1"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.30.1.tgz#2e71bf0b119153dbb4cc4e88d9ea5acfb50dc05c"
+  integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==
+
+dayjs@^1.9.3:
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.4.tgz#8e544a9b8683f61783f570980a8a80eaf54ab1e2"
+  integrity sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw==
+
+debug@4.3.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
+  dependencies:
+    ms "2.1.2"
+
+debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@^3.1.0:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
+
+ecc-jsbn@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
+  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
+  dependencies:
+    jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
+
+elegant-spinner@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
+  integrity sha1-2wQ1IcldfjA/2PNFvtwzSc+wcp4=
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+
+eventemitter2@^6.4.2:
+  version "6.4.4"
+  resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.4.tgz#aa96e8275c4dbeb017a5d0e03780c65612a1202b"
+  integrity sha512-HLU3NDY6wARrLCEwyGKRBvuWYyvW6mHYv72SJJAH3iJN3a6eVUvkjFkcxah1bcTgGVBBrFdIopBJPhCQFMLyXw==
+
+execa@^4.0.2:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
+  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
+  dependencies:
+    cross-spawn "^7.0.0"
+    get-stream "^5.0.0"
+    human-signals "^1.1.1"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.0"
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+    strip-final-newline "^2.0.0"
+
+executable@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
+  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
+  dependencies:
+    pify "^2.2.0"
+
+exit-hook@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
+  integrity sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g=
+
+extend@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
+extract-zip@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+extsprintf@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
+
+extsprintf@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
+  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
+
+fast-deep-equal@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
+  dependencies:
+    pend "~1.2.0"
+
+figures@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
+  integrity sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=
+  dependencies:
+    escape-string-regexp "^1.0.5"
+    object-assign "^4.1.0"
+
+figures@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
+  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+
+form-data@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
+  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+get-stream@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+getos@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/getos/-/getos-3.2.1.tgz#0134d1f4e00eb46144c5a9c0ac4dc087cbb27dc5"
+  integrity sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==
+  dependencies:
+    async "^3.2.0"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
+  dependencies:
+    assert-plus "^1.0.0"
+
+glob@^7.1.3:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-dirs@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-2.1.0.tgz#e9046a49c806ff04d6c1825e196c8f0091e8df4d"
+  integrity sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==
+  dependencies:
+    ini "1.3.7"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
+
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
+
+har-validator@~5.1.3:
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
+  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
+  dependencies:
+    ajv "^6.12.3"
+    har-schema "^2.0.0"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
+  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
+human-signals@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
+  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
+
+indent-string@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.2.0.tgz#4a5fd6d27cc332f37e5419a504dbb837105c9289"
+  integrity sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok=
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@^2.0.3, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@1.3.7:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.7.tgz#a09363e1911972ea16d7a8851005d84cf09a9a84"
+  integrity sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==
+
+is-ci@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
+  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
+  dependencies:
+    ci-info "^2.0.0"
+
+is-fullwidth-code-point@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
+  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
+  dependencies:
+    number-is-nan "^1.0.0"
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-installed-globally@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.3.2.tgz#fd3efa79ee670d1187233182d5b0a1dd00313141"
+  integrity sha512-wZ8x1js7Ia0kecP/CHM/3ABkAmujX7WPvQk6uu3Fly/Mk44pySulQpnHG46OMjHGXApINnV4QhY3SWnECO2z5g==
+  dependencies:
+    global-dirs "^2.0.1"
+    is-path-inside "^3.0.1"
+
+is-observable@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-observable/-/is-observable-1.1.0.tgz#b3e986c8f44de950867cab5403f5a3465005975e"
+  integrity sha512-NqCa4Sa2d+u7BWc6CukaObG3Fh+CU9bvixbpcXYhy2VvYS7vVGIdAgnIS5Ks3A/cqk4rebLJ9s8zBstT2aKnIA==
+  dependencies:
+    symbol-observable "^1.1.0"
+
+is-path-inside@^3.0.1:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-promise@^2.1.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
+  integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
+
+is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+  integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
+
+is-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
+  integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
+
+is-typedarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsprim@^1.2.2:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
+  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.2.3"
+    verror "1.10.0"
+
+lazy-ass@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
+  integrity sha1-eZllXoZGwX8In90YfRUNMyTVRRM=
+
+listr-silent-renderer@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz#924b5a3757153770bf1a8e3fbf74b8bbf3f9242e"
+  integrity sha1-kktaN1cVN3C/Go4/v3S4u/P5JC4=
+
+listr-update-renderer@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/listr-update-renderer/-/listr-update-renderer-0.5.0.tgz#4ea8368548a7b8aecb7e06d8c95cb45ae2ede6a2"
+  integrity sha512-tKRsZpKz8GSGqoI/+caPmfrypiaq+OQCbd+CovEC24uk1h952lVj5sC7SqyFUm+OaJ5HN/a1YLt5cit2FMNsFA==
+  dependencies:
+    chalk "^1.1.3"
+    cli-truncate "^0.2.1"
+    elegant-spinner "^1.0.1"
+    figures "^1.7.0"
+    indent-string "^3.0.0"
+    log-symbols "^1.0.2"
+    log-update "^2.3.0"
+    strip-ansi "^3.0.1"
+
+listr-verbose-renderer@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/listr-verbose-renderer/-/listr-verbose-renderer-0.5.0.tgz#f1132167535ea4c1261102b9f28dac7cba1e03db"
+  integrity sha512-04PDPqSlsqIOaaaGZ+41vq5FejI9auqTInicFRndCBgE3bXG8D6W1I+mWhk+1nqbHmyhla/6BUrd5OSiHwKRXw==
+  dependencies:
+    chalk "^2.4.1"
+    cli-cursor "^2.1.0"
+    date-fns "^1.27.2"
+    figures "^2.0.0"
+
+listr@^0.14.3:
+  version "0.14.3"
+  resolved "https://registry.yarnpkg.com/listr/-/listr-0.14.3.tgz#2fea909604e434be464c50bddba0d496928fa586"
+  integrity sha512-RmAl7su35BFd/xoMamRjpIE4j3v+L28o8CT5YhAXQJm1fD+1l9ngXY8JAQRJ+tFK2i5njvi0iRUKV09vPwA0iA==
+  dependencies:
+    "@samverschueren/stream-to-observable" "^0.3.0"
+    is-observable "^1.1.0"
+    is-promise "^2.1.0"
+    is-stream "^1.1.0"
+    listr-silent-renderer "^1.1.1"
+    listr-update-renderer "^0.5.0"
+    listr-verbose-renderer "^0.5.0"
+    p-map "^2.0.0"
+    rxjs "^6.3.3"
+
+lodash.once@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
+  integrity sha1-DdOXEhPHxW34gJd9UEyI+0cal6w=
+
+lodash@^4.17.19:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+log-symbols@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
+  integrity sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=
+  dependencies:
+    chalk "^1.0.0"
+
+log-symbols@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.0.0.tgz#69b3cc46d20f448eccdb75ea1fa733d9e821c920"
+  integrity sha512-FN8JBzLx6CzeMrB0tg6pqlGU1wCrXW+ZXGH481kfsBqer0hToTIiHdjH4Mq8xJUbvATujKCvaREGWpGUionraA==
+  dependencies:
+    chalk "^4.0.0"
+
+log-update@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/log-update/-/log-update-2.3.0.tgz#88328fd7d1ce7938b29283746f0b1bc126b24708"
+  integrity sha1-iDKP19HOeTiykoN0bwsbwSayRwg=
+  dependencies:
+    ansi-escapes "^3.0.0"
+    cli-cursor "^2.0.0"
+    wrap-ansi "^3.0.1"
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+mime-db@1.46.0:
+  version "1.46.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.46.0.tgz#6267748a7f799594de3cbc8cde91def349661cee"
+  integrity sha512-svXaP8UQRZ5K7or+ZmfNhg2xX3yKDMUzqadsSqi4NCH/KomcH75MAMYAGVlvXn4+b/xOPhS3I2uHKRUzvjY7BQ==
+
+mime-types@^2.1.12, mime-types@~2.1.19:
+  version "2.1.29"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.29.tgz#1d4ab77da64b91f5f72489df29236563754bb1b2"
+  integrity sha512-Y/jMt/S5sR9OaqteJtslsFZKWOIIqMACsJSiHghlCAyhf7jfVYjKBmLiX8OgpWeW+fjJ2b+Az69aPFPkUOY6xQ==
+  dependencies:
+    mime-db "1.46.0"
+
+mimic-fn@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
+  integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+
+mkdirp@^0.5.4:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
+moment@^2.29.1:
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+  integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+npm-run-path@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+number-is-nan@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
+  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
+
+oauth-sign@~0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
+  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
+
+object-assign@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+onetime@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
+  integrity sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=
+
+onetime@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
+  integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
+  dependencies:
+    mimic-fn "^1.0.0"
+
+onetime@^5.1.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+ospath@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/ospath/-/ospath-1.2.2.tgz#1276639774a3f8ef2572f7fe4280e0ea4550c07b"
+  integrity sha1-EnZjl3Sj+O8lcvf+QoDg6kVQwHs=
+
+p-map@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
+  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+
+pify@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
+pretty-bytes@^5.4.1:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+psl@^1.1.28:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
+  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+  integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
+
+punycode@^2.1.0, punycode@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+
+qs@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
+  integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
+
+querystring@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+  integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
+
+ramda@~0.27.1:
+  version "0.27.1"
+  resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.27.1.tgz#66fc2df3ef873874ffc2da6aa8984658abacf5c9"
+  integrity sha512-PgIdVpn5y5Yns8vqb8FzBUEYn98V3xcPgawAkkgj0YJ0qDsnHCiNmZYfOGMgOvoB0eWFLpYbhxUR3mxfDIMvpw==
+
+readable-stream@^2.2.2:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+request-progress@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/request-progress/-/request-progress-3.0.0.tgz#4ca754081c7fec63f505e4faa825aa06cd669dbe"
+  integrity sha1-TKdUCBx/7GP1BeT6qCWqBs1mnb4=
+  dependencies:
+    throttleit "^1.0.0"
+
+restore-cursor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541"
+  integrity sha1-NGYfRohjJ/7SmRR5FSJS35LapUE=
+  dependencies:
+    exit-hook "^1.0.0"
+    onetime "^1.0.0"
+
+restore-cursor@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
+  integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368=
+  dependencies:
+    onetime "^2.0.0"
+    signal-exit "^3.0.2"
+
+rimraf@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+rxjs@^6.3.3:
+  version "6.6.6"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.6.tgz#14d8417aa5a07c5e633995b525e1e3c0dec03b70"
+  integrity sha512-/oTwee4N4iWzAMAL9xdGKjkEHmIwupR3oXbQjCKywF1BeFohswF3vZdogbmEF6pZkOsXTzWkrZszrWpQTByYVg==
+  dependencies:
+    tslib "^1.9.0"
+
+safe-buffer@^5.0.1, safe-buffer@^5.1.2:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+signal-exit@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
+  integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
+
+slice-ansi@0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
+  integrity sha1-7b+JA/ZvfOL46v1s7tZeJkyDGzU=
+
+sshpk@^1.7.0:
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
+  integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
+    ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
+    jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
+    tweetnacl "~0.14.0"
+
+string-width@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
+  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
+  dependencies:
+    code-point-at "^1.0.0"
+    is-fullwidth-code-point "^1.0.0"
+    strip-ansi "^3.0.0"
+
+string-width@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
+  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
+  dependencies:
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^4.0.0"
+
+string-width@^4.2.0:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
+  integrity sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-ansi@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
+  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
+  dependencies:
+    ansi-regex "^3.0.0"
+
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
+  dependencies:
+    ansi-regex "^5.0.0"
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0, supports-color@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+symbol-observable@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
+  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
+
+throttleit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.0.tgz#9e785836daf46743145a5984b6268d828528ac6c"
+  integrity sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=
+
+tmp@~0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
+  integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
+  dependencies:
+    rimraf "^3.0.0"
+
+tough-cookie@~2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
+  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
+  dependencies:
+    psl "^1.1.28"
+    punycode "^2.1.1"
+
+tslib@^1.9.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+typescript@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.3.tgz#39062d8019912d43726298f09493d598048c1ce3"
+  integrity sha512-qOcYwxaByStAWrBf4x0fibwZvMRG+r4cQoTjbPtUlrWjBHbmCAww1i448U0GJ+3cNNEtebDteo/cHOR3xJ4wEw==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+url@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+uuid@^3.3.2:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
+  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wrap-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-3.0.1.tgz#288a04d87eda5c286e060dfe8f135ce8d007f8ba"
+  integrity sha1-KIoE2H7aXChuBg3+jxNc6NAH+Lo=
+  dependencies:
+    string-width "^2.1.1"
+    strip-ansi "^4.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"

From 4fce0c362e14b836df4afa1f1fda337eb2b2eadb Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:16:02 +0000
Subject: [PATCH 18/63] start backend

---
 .github/workflows/cypress.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 1449e6cb4..623c38234 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -17,13 +17,13 @@ jobs:
       uses: actions/setup-dotnet@v1
       with:
         dotnet-version: 5.0.x
-    - name: Run backend
-      run: dotnet run -p ./src/Ombi -- --host http://*:3575
-    - name: Run Frontend
-      uses: borales/actions-yarn@v2.0.0
+    - uses: actions/setup-node@v2
       with:
-        cmd: start --cwd ./src/ombi/clientapp
-
+        node-version: '14'
+    - name: Start Server
+      run: |
+          dotnet run -p ./src/Ombi -- --host http://*:3577 &
+          yarn start --cwd ./src/ombi/clientapp
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From acaac1285c280e228c32df5388aa58158c67eac5 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:18:23 +0000
Subject: [PATCH 19/63] again

---
 .github/workflows/cypress.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 623c38234..61e737f22 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -1,4 +1,4 @@
-name: .NET
+name: Automation Tests
 
 on:
   push:
@@ -23,7 +23,7 @@ jobs:
     - name: Start Server
       run: |
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
-          yarn start --cwd ./src/ombi/clientapp
+          yarn --cwd ./src/ombi/clientapp start
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From 7afefef295b88e5dad70e6ded28535af6e52ca39 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:20:18 +0000
Subject: [PATCH 20/63] moar

---
 .github/workflows/cypress.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 61e737f22..799c7e371 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -22,8 +22,9 @@ jobs:
         node-version: '14'
     - name: Start Server
       run: |
+          ls &
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
-          yarn --cwd ./src/ombi/clientapp start
+          yarn --cwd ~/src/ombi/clientapp start
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From cc69371b9eb429c0b050032995675944c9ecd4fd Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:21:51 +0000
Subject: [PATCH 21/63] again

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 799c7e371..3d13d283c 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -24,7 +24,7 @@ jobs:
       run: |
           ls &
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
-          yarn --cwd ~/src/ombi/clientapp start
+          yarn --cwd /src/ombi/clientapp start
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From 3d4efed622b5ac9cba03a3ed15db9d0fd186ba22 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:23:32 +0000
Subject: [PATCH 22/63] ..

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 3d13d283c..27cb2f01e 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -24,7 +24,7 @@ jobs:
       run: |
           ls &
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
-          yarn --cwd /src/ombi/clientapp start
+          yarn --cwd ./src/Ombi/ClientApp start
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From 0032042941dca13507257bb432022d235cf109b1 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:26:11 +0000
Subject: [PATCH 23/63] include ng cli

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 27cb2f01e..2785e3d90 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -22,7 +22,7 @@ jobs:
         node-version: '14'
     - name: Start Server
       run: |
-          ls &
+          yarn global add @angular/cli &
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
           yarn --cwd ./src/Ombi/ClientApp start
     - name: Cypress Tests

From 5bf2459b46df5728bc25cba1a962d1ecd2ac2aa5 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:29:03 +0000
Subject: [PATCH 24/63] split out the UI deps

---
 .github/workflows/cypress.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 2785e3d90..b6cd1e317 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -20,9 +20,11 @@ jobs:
     - uses: actions/setup-node@v2
       with:
         node-version: '14'
-    - name: Start Server
+    - name: Install Deps
       run: |
           yarn global add @angular/cli &
+    - name: Start Server
+      run: |
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
           yarn --cwd ./src/Ombi/ClientApp start
     - name: Cypress Tests

From 174cc6a99ac251986a81064f00ccd2fe76c51128 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:30:54 +0000
Subject: [PATCH 25/63] something

---
 .github/workflows/cypress.yml | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index b6cd1e317..9fdb689d8 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -21,8 +21,7 @@ jobs:
       with:
         node-version: '14'
     - name: Install Deps
-      run: |
-          yarn global add @angular/cli &
+      run: yarn global add @angular/cli
     - name: Start Server
       run: |
           dotnet run -p ./src/Ombi -- --host http://*:3577 &

From 1f756abe24c3f7611864e26c7c4a305e1bf22158 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 15:33:50 +0000
Subject: [PATCH 26/63] .

---
 .github/workflows/cypress.yml | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 9fdb689d8..a07d27aee 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -20,8 +20,10 @@ jobs:
     - uses: actions/setup-node@v2
       with:
         node-version: '14'
-    - name: Install Deps
-      run: yarn global add @angular/cli
+
+    - name: Install FrontEnd Deps
+      run: yarn --cwd ./src/Ombi/ClientApp install
+
     - name: Start Server
       run: |
           dotnet run -p ./src/Ombi -- --host http://*:3577 &

From b9e260dc099ab62e9f81e17b8d58fb5509733d66 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:01:02 +0000
Subject: [PATCH 27/63] screen shiz

---
 .github/workflows/cypress.yml | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index a07d27aee..0c23c5d0e 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -26,8 +26,17 @@ jobs:
 
     - name: Start Server
       run: |
+          screen &
           dotnet run -p ./src/Ombi -- --host http://*:3577 &
+          screen -r &
+          screen &
           yarn --cwd ./src/Ombi/ClientApp start
+          screen -r
+
+    - name: Sleep while BE & FE run
+      uses: jakejarvis/wait-action@master
+      with:
+        time: '7m'
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:

From fa416e1773bb947de259606facb2118b8ce2afb1 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:06:12 +0000
Subject: [PATCH 28/63] nohup hup hup

---
 .github/workflows/cypress.yml | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 0c23c5d0e..413bfcae7 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -24,25 +24,21 @@ jobs:
     - name: Install FrontEnd Deps
       run: yarn --cwd ./src/Ombi/ClientApp install
 
-    - name: Start Server
+    - name: Start Backend
       run: |
-          screen &
-          dotnet run -p ./src/Ombi -- --host http://*:3577 &
-          screen -r &
-          screen &
-          yarn --cwd ./src/Ombi/ClientApp start
-          screen -r
-
-    - name: Sleep while BE & FE run
-      uses: jakejarvis/wait-action@master
-      with:
-        time: '7m'
+          nohup run -p ./src/Ombi -- --host http://*:3577
+
+    - name: Start Frontend
+      run: |
+          nohup yarn --cwd ./src/Ombi/ClientApp start
+
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
         browser: chrome
         headless: true
         project: ./tests
+        wait-on: http://localhost:3577/
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

From 5e8e23a3c4ed33d33f6cc65495521a0c7868f778 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:07:02 +0000
Subject: [PATCH 29/63] missed &

---
 .github/workflows/cypress.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 413bfcae7..0edffadb5 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -26,11 +26,11 @@ jobs:
 
     - name: Start Backend
       run: |
-          nohup run -p ./src/Ombi -- --host http://*:3577
+          nohup run -p ./src/Ombi -- --host http://*:3577 &
 
     - name: Start Frontend
       run: |
-          nohup yarn --cwd ./src/Ombi/ClientApp start
+          nohup yarn --cwd ./src/Ombi/ClientApp start &
 
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2

From 472763c0d30ca664b6586b93b51139d9b3c1223c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:15:23 +0000
Subject: [PATCH 30/63] stuff

---
 .github/workflows/cypress.yml | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 0edffadb5..32eeef115 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -21,9 +21,22 @@ jobs:
       with:
         node-version: '14'
 
-    - name: Install FrontEnd Deps
+    - uses: actions/cache@v2
+      with:
+        path: './src/Ombi/ClientApp/node_modules'
+        key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
+    - uses: actions/cache@v2
+      with:
+        path: './tests/node_modules'
+        key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
+    - name: Install Frontend Deps
       run: yarn --cwd ./src/Ombi/ClientApp install
 
+    - name: Install Automation Deps
+      run: yarn --cwd ./tests install
+
     - name: Start Backend
       run: |
           nohup run -p ./src/Ombi -- --host http://*:3577 &

From 4f3723e486bf655efc278549951686549099362c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:27:34 +0000
Subject: [PATCH 31/63] tests

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 32eeef115..bab34e8fc 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -50,7 +50,7 @@ jobs:
       with:
         browser: chrome
         headless: true
-        project: ./tests
+        working-directory: tests
         wait-on: http://localhost:3577/
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

From d189a3418833114c40abfcdcbddcfed33c45d50a Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:27:57 +0000
Subject: [PATCH 32/63] missed dotnet

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index bab34e8fc..e74a115f5 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -39,7 +39,7 @@ jobs:
 
     - name: Start Backend
       run: |
-          nohup run -p ./src/Ombi -- --host http://*:3577 &
+          nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
 
     - name: Start Frontend
       run: |

From 42665e14d962d3c4bb6af228faa414418c550813 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:29:31 +0000
Subject: [PATCH 33/63] cache all the node modules

---
 .github/workflows/cypress.yml | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index e74a115f5..590168d15 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -23,12 +23,7 @@ jobs:
 
     - uses: actions/cache@v2
       with:
-        path: './src/Ombi/ClientApp/node_modules'
-        key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
-    - uses: actions/cache@v2
-      with:
-        path: './tests/node_modules'
+        path: '**/node_modules'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
 
     - name: Install Frontend Deps

From a0f7924c6826d43dd069186651b45a7a8dc5211f Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:36:54 +0000
Subject: [PATCH 34/63] stuff

---
 .github/workflows/cypress.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 590168d15..d784711c5 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -47,6 +47,8 @@ jobs:
         headless: true
         working-directory: tests
         wait-on: http://localhost:3577/
+        # 7 minutes
+        wait-on-timeout: 240
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

From bf09cd58294f13f79e7195464e799666bb8e14e5 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:42:56 +0000
Subject: [PATCH 35/63] upped timeout

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index d784711c5..fa902faf6 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -48,7 +48,7 @@ jobs:
         working-directory: tests
         wait-on: http://localhost:3577/
         # 7 minutes
-        wait-on-timeout: 240
+        wait-on-timeout: 420
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

From 93e9dccceabcea05eae1b81c8cac66bca07cd8dd Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 16:55:40 +0000
Subject: [PATCH 36/63] Rename

---
 tests/cypress/config/regression.json                        | 6 ++----
 tests/cypress/tests/{wizard => 01-wizard}/01-wizard.spec.ts | 0
 2 files changed, 2 insertions(+), 4 deletions(-)
 rename tests/cypress/tests/{wizard => 01-wizard}/01-wizard.spec.ts (100%)

diff --git a/tests/cypress/config/regression.json b/tests/cypress/config/regression.json
index 213244b8c..92c1b4045 100644
--- a/tests/cypress/config/regression.json
+++ b/tests/cypress/config/regression.json
@@ -9,8 +9,6 @@
     },
     "watchForFileChanges": true,
     "chromeWebSecurity": false,
-    "viewportWidth": 2880,
-    "viewportHeight": 2160,
     "ignoreTestFiles": ["**/snapshots/*"],
     "screenshotOnRunFailure": false,
     "video": false,
@@ -19,7 +17,7 @@
         "mochaFile": "results/junit/regression-[hash].xml"
     },
     "env": {
-        "username": "beta",
-        "password": "beta"
+        "username": "a",
+        "password": "a"
    }
 }
diff --git a/tests/cypress/tests/wizard/01-wizard.spec.ts b/tests/cypress/tests/01-wizard/01-wizard.spec.ts
similarity index 100%
rename from tests/cypress/tests/wizard/01-wizard.spec.ts
rename to tests/cypress/tests/01-wizard/01-wizard.spec.ts

From 6e086311b6c33347f7703cf5bd5ceeb2bdb3c9ee Mon Sep 17 00:00:00 2001
From: Jamie <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 18:24:12 +0000
Subject: [PATCH 37/63] Updated

---
 tests/cypress/tests/01-wizard/01-wizard.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/cypress/tests/01-wizard/01-wizard.spec.ts b/tests/cypress/tests/01-wizard/01-wizard.spec.ts
index 663b28075..0bd60b10d 100644
--- a/tests/cypress/tests/01-wizard/01-wizard.spec.ts
+++ b/tests/cypress/tests/01-wizard/01-wizard.spec.ts
@@ -32,7 +32,7 @@ describe("Wizard Setup", () => {
 
   });
 
-  it.only("Compete Wizard", () => {
+  it("Compete Wizard", () => {
     cy.visit("");
     cy.get("[data-test=nextWelcome]").click();
     cy.get("[data-test=nextMediaServer]").click();

From 9c72276e117195198a233eefa8c33d482cba16b2 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 20:04:51 +0000
Subject: [PATCH 38/63] enable dashboard reporting

---
 .github/workflows/cypress.yml                                 | 2 ++
 .../tv-information-panel/tv-information-panel.component.html  | 2 +-
 .../app/media-details/components/tv/tv-details.component.html | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index fa902faf6..582368f0a 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -43,6 +43,7 @@ jobs:
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
+        record: true
         browser: chrome
         headless: true
         working-directory: tests
@@ -50,5 +51,6 @@ jobs:
         # 7 minutes
         wait-on-timeout: 420
       env:
+        CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
index 85ebf2160..97ef73e96 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-information-panel/tv-information-panel.component.html
@@ -22,7 +22,7 @@
         <hr>
         <div *ngIf="tv.status">
             <span  class="label">{{'MediaDetails.Status' | translate }}:</span>
-                <span id="status">{{tv.status}}</span>
+                <span id="status"> {{tv.status}}</span>
         </div>
         <span class="label">First Aired:</span>
             {{tv.firstAired | date: 'mediumDate'}}
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
index 66dc83f3d..f869b31a2 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
@@ -117,11 +117,11 @@
                             <div class="issuesPanel">
                                 <issues-panel [providerId]="tv.theTvDbId" [isAdmin]="isAdmin"></issues-panel>
                             </div>
-                            <mat-accordion>
+                            <mat-accordion id="requests-panel">
                                 <mat-expansion-panel>
                                     <mat-expansion-panel-header>
                                         <mat-panel-title>
-                                            Requests
+                                            {{'Requests.Title' | translate}}
                                         </mat-panel-title>
                                     </mat-expansion-panel-header>
                                     <tv-requests-panel [tvRequest]="tvRequest" [isAdmin]="isAdmin"></tv-requests-panel>

From c7d3f4a6fbed515337663f289470f39e7a563f32 Mon Sep 17 00:00:00 2001
From: Jamie <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 20:10:27 +0000
Subject: [PATCH 39/63] added automation badge

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index d81c9a67d..ccc3fbcde 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@ ____
 [![Github All Releases](https://img.shields.io/github/downloads/tidusjar/Ombi/total.svg)](https://github.com/ombi-app/Ombi)
 [![firsttimersonly](http://img.shields.io/badge/first--timers--only-friendly-blue.svg)](http://www.firsttimersonly.com/)
 [![Crowdin](https://d322cqt584bo4o.cloudfront.net/ombi/localized.svg)](https://crowdin.com/project/ombi)
+[![Ombi Automation](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/o5451s&style=flat-square&logo=cypress)](https://dashboard.cypress.io/projects/o5451s/runs)
 
 [![Patreon](https://img.shields.io/badge/patreon-donate-yellow.svg)](https://patreon.com/tidusjar/Ombi)
 [![Paypal](https://img.shields.io/badge/paypal-donate-yellow.svg)](https://paypal.me/PlexRequestsNet)

From 5ef8aff6773480441789d110334ec7c38e83ddf4 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Tue, 9 Mar 2021 21:51:33 +0000
Subject: [PATCH 40/63] More tests around the requests grid

---
 .../src/app/interfaces/IRequestModel.ts       |   1 +
 .../tv-request-grid.component.html            |  16 +-
 .../tv-request-grid.component.ts              |  22 +++
 .../tv-requests-panel.component.html          |   1 +
 .../tv-requests-panel.component.ts            |   9 +
 .../components/tv/tv-details.component.html   |   2 +-
 tests/cypress/config/regression.json          |   6 +-
 tests/cypress/support/commands.ts             |  15 +-
 .../tv/tvdetails-requests-grid.spec.ts        | 169 ++++++++++++++++++
 tests/global.d.ts                             |   3 +
 tests/package.json                            |   4 +
 11 files changed, 235 insertions(+), 13 deletions(-)
 create mode 100644 tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts

diff --git a/src/Ombi/ClientApp/src/app/interfaces/IRequestModel.ts b/src/Ombi/ClientApp/src/app/interfaces/IRequestModel.ts
index 1ee92f336..1499c8b88 100644
--- a/src/Ombi/ClientApp/src/app/interfaces/IRequestModel.ts
+++ b/src/Ombi/ClientApp/src/app/interfaces/IRequestModel.ts
@@ -161,6 +161,7 @@ export interface IEpisodesRequests {
   available: boolean;
   requested: boolean;
   approved: boolean;
+  requestStatus: string;
   selected: boolean; // This is for the UI only
 }
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
index d6dbc9cab..00ed3c385 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.html
@@ -3,7 +3,7 @@
       <mat-tab *ngFor="let season of tv.seasonRequests">
 
         <ng-template mat-tab-label>
-          <div class="{{getStatusClass(season)}} top-right">
+          <div attr.data-test="classStatus{{season.seasonNumber}}" class="{{getStatusClass(season)}} top-right">
           <span>{{ 'Requests.Season' | translate }} {{season.seasonNumber}}</span>
         </div>
         </ng-template>
@@ -12,13 +12,13 @@
 
           <ng-container matColumnDef="select">
             <th mat-header-cell *matHeaderCellDef>
-              <mat-checkbox *ngIf="isSeasonCheckable(season)" (change)="$event ? masterToggle(season.episodes) : null"
+              <mat-checkbox attr.data-test="masterCheckbox{{season.seasonNumber}}" *ngIf="isSeasonCheckable(season)" (change)="$event ? masterToggle(season.episodes) : null"
                             [checked]="selection.hasValue() && isAllSelected(season.episodes)"
                             [indeterminate]="selection.hasValue() && !isAllSelected(season.episodes)">
               </mat-checkbox>
             </th>
             <td mat-cell *matCellDef="let row">
-              <mat-checkbox *ngIf="!row.available && !row.requested && !row.approved" (click)="$event.stopPropagation()"
+              <mat-checkbox attr.data-test="episodeCheckbox{{season.seasonNumber}}{{row.episodeNumber}}" *ngIf="!row.available && !row.requested && !row.approved" (click)="$event.stopPropagation()"
                             (change)="$event ? selection.toggle(row) : null"
                             [checked]="selection.isSelected(row)">
               </mat-checkbox>
@@ -43,7 +43,7 @@
           <ng-container matColumnDef="status">
             <th mat-header-cell *matHeaderCellDef> {{ 'Requests.GridStatus' | translate }} </th>
             <td mat-cell *matCellDef="let ep">
-              <div class="{{getEpisodeStatusClass(ep)}} top-right">
+              <div attr.data-test="episodeStatus{{season.seasonNumber}}{{ep.episodeNumber}}" class="{{getEpisodeStatusClass(ep)}} top-right">
                 <span>{{ep.requestStatus | translate}}</span>
               </div>
             </td>
@@ -71,11 +71,11 @@
   <mat-icon>add</mat-icon></button>
 <mat-menu #aboveMenu="matMenu" yPosition="above">
 
-  <button mat-menu-item (click)="requestAllSeasons()">{{'Search.TvShows.AllSeasons' | translate }}</button>
+  <button id="requestAll" mat-menu-item (click)="requestAllSeasons()">{{'Search.TvShows.AllSeasons' | translate }}</button>
 
-  <button mat-menu-item (click)="requestFirstSeason()">{{ 'Search.TvShows.FirstSeason' | translate }}</button>
+  <button id="requestFirst" mat-menu-item (click)="requestFirstSeason()">{{ 'Search.TvShows.FirstSeason' | translate }}</button>
 
-  <button mat-menu-item (click)="requestLatestSeason()">{{ 'Search.TvShows.LatestSeason' | translate }}</button>
+  <button id="requestLatest" mat-menu-item (click)="requestLatestSeason()">{{ 'Search.TvShows.LatestSeason' | translate }}</button>
 
-  <button mat-menu-item (click)="submitRequests()">{{ 'Common.Request' | translate }}</button>
+  <button id="requestSelected" mat-menu-item (click)="submitRequests()">{{ 'Common.Request' | translate }}</button>
 </mat-menu>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.ts
index b6b57f1dd..fbeeccb3b 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-request-grid/tv-request-grid.component.ts
@@ -50,6 +50,7 @@ export class TvRequestGridComponent {
                 season.episodes.forEach(ep => {
                     if (this.selection.isSelected(ep)) {
                         ep.requested = true;
+                        ep.requestStatus = "Common.PendingApproval";
                         seasonsViewModel.episodes.push({ episodeNumber: ep.episodeNumber });
                     }
                 });
@@ -65,6 +66,27 @@ export class TvRequestGridComponent {
 
             this.selection.clear();
 
+            if (this.tv.firstSeason) {
+                this.tv.seasonRequests[0].episodes.forEach(ep => {
+                    ep.requested = true;
+                    ep.requestStatus = "Common.PendingApproval";
+                });
+            }
+            if (this.tv.requestAll) {
+                this.tv.seasonRequests.forEach(season => {
+                    season.episodes.forEach(ep => {
+                        ep.requested = true;
+                        ep.requestStatus = "Common.PendingApproval";
+                    });
+                });
+            }
+            if (this.requestLatestSeason) {
+                this.tv.seasonRequests[this.tv.seasonRequests.length - 1].episodes.forEach(ep => {
+                    ep.requested = true;
+                    ep.requestStatus = "Common.PendingApproval";
+                });
+            }
+
         } else {
             this.notificationService.send(requestResult.errorMessage ? requestResult.errorMessage : requestResult.message);
         }
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.html
index c8588b1c7..d4974c1ef 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.html
@@ -70,6 +70,7 @@
     <button *ngIf="!request.available" mat-raised-button color="warn" (click)="changeAvailability(request, true);">{{ 'Requests.MarkAvailable' | translate }}</button>
     <button *ngIf="request.available" mat-raised-button color="warn" (click)="changeAvailability(request, false);">{{ 'Requests.MarkUnavailable' | translate }}</button>
     <button *ngIf="!request.denied" mat-raised-button color="danger" (click)="deny(request);">{{ 'Requests.Deny' | translate }}</button>
+    <button mat-raised-button color="danger" (click)="delete(request);">{{ 'Requests.RequestPanel.Delete' | translate }}</button>
 </div>
 
 
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.ts b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.ts
index 201d4c274..c7b0711b6 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.ts
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/panels/tv-requests/tv-requests-panel.component.ts
@@ -40,6 +40,15 @@ export class TvRequestsPanelComponent {
         }
     }
 
+    public async delete(request: IChildRequests) {
+        const result = await this.requestService.deleteChild(request.id).toPromise();
+
+        if (result) {
+            this.tvRequest.splice(this.tvRequest.indexOf(request),1);
+            this.messageService.send("Request has been Deleted", "Ok");
+        }
+    }
+
     public changeAvailability(request: IChildRequests, available: boolean) {
         request.available = available;
         request.seasonRequests.forEach((season) => {
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
index f869b31a2..44ab21b3f 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/tv/tv-details.component.html
@@ -105,7 +105,7 @@
                         </div>
 
                         <div class="col-12 col-md-10">
-                            <tv-request-grid [tvRequest]="tvRequest" [isAdmin]="isAdmin" [tv]="tv"></tv-request-grid>
+                            <tv-request-grid id="requests-grid" [tvRequest]="tvRequest" [isAdmin]="isAdmin" [tv]="tv"></tv-request-grid>
                         </div>
 
                         <div class="col-12 col-md-2">
diff --git a/tests/cypress/config/regression.json b/tests/cypress/config/regression.json
index 92c1b4045..d5ed9941c 100644
--- a/tests/cypress/config/regression.json
+++ b/tests/cypress/config/regression.json
@@ -1,6 +1,7 @@
 {
     "$schema": "https://on.cypress.io/cypress.schema.json",
     "supportFile": "cypress/support/index.ts",
+    "baseUrl": "http://localhost:3577",
     "integrationFolder": "cypress/tests",
     "testFiles": "**/*.spec.ts*",
     "retries": {
@@ -8,10 +9,11 @@
         "openMode": 1
     },
     "watchForFileChanges": true,
+    "projectId": "o5451s",
+    "viewportWidth": 2560,
+    "viewportHeight": 1440,
     "chromeWebSecurity": false,
     "ignoreTestFiles": ["**/snapshots/*"],
-    "screenshotOnRunFailure": false,
-    "video": false,
     "reporter": "junit",
     "reporterOptions": {
         "mochaFile": "results/junit/regression-[hash].xml"
diff --git a/tests/cypress/support/commands.ts b/tests/cypress/support/commands.ts
index bc0a77df4..7b6151d6f 100644
--- a/tests/cypress/support/commands.ts
+++ b/tests/cypress/support/commands.ts
@@ -32,7 +32,6 @@ Cypress.Commands.add("landingSettings", (enabled) => {
 })
 
 Cypress.Commands.add('login', (username, password) => {
-    cy.clearLocalStorage();
     cy.request({
         method: 'POST',
         url: '/api/v1/token',
@@ -88,4 +87,16 @@ Cypress.Commands.add('generateUniqueId', () => {
     const uniqueSeed = Date.now().toString();
     const id = Cypress._.uniqueId(uniqueSeed);
     return id;
-});
\ No newline at end of file
+});
+
+Cypress.Commands.add("getByData", (selector, ...args) => {
+    return cy.get(`[data-test=${selector}]`, ...args);
+  });
+
+Cypress.Commands.add("getByData", (selector) => {
+    return cy.get(`[data-test=${selector}]`);
+  });
+
+  Cypress.Commands.add("getByDataLike", (selector) => {
+    return cy.get(`[data-test*=${selector}]`);
+  });
\ No newline at end of file
diff --git a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
new file mode 100644
index 000000000..1cd7a97b5
--- /dev/null
+++ b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
@@ -0,0 +1,169 @@
+describe("TV Requests Grid", function () {
+  beforeEach(() => {
+    cy.login();
+  });
+
+  it("Season not available", () => {
+    cy.visit("/details/tv/121361");
+
+    cy.getByData("classStatus1").should("not.have.class", "available");
+    cy.getByData("classStatus1").should("not.have.class", "requested");
+    cy.getByData("classStatus1").should("not.have.class", "approved");
+
+    cy.getByData("masterCheckbox1").should("be.visible");
+    cy.getByDataLike("episodeCheckbox1").each((element) => {
+      expect(element.length).to.be.greaterThan(0);
+    });
+  });
+
+  it("Season is requested", () => {
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const requests = body.seasonRequests[0].episodes;
+        requests.forEach((req) => {
+          req.requested = true;
+          req.approved = false;
+          req.requestStatus = "Common.PendingApproval";
+        });
+        body.seasonRequests[0].episodes = requests;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+
+    cy.wait("@detailsResponse");
+
+    cy.getByData("classStatus1").should("not.have.class", "available");
+    cy.getByData("classStatus1").should("have.class", "requested");
+    cy.getByData("classStatus1").should("not.have.class", "approved");
+
+    // checkboxes
+    cy.getByData("masterCheckbox1").should("not.exist");
+    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+
+    cy.getByDataLike("episodeStatus1").each((element) => {
+      expect(element.hasClass("requested")).to.be.true;
+      expect(element.text()).contain('Pending Approval');
+    });
+  });
+
+  it("Season is approved", () => {
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const requests = body.seasonRequests[0].episodes;
+        requests.forEach((req) => {
+          req.approved = true;
+          req.requested = true;
+          req.requestStatus = "Common.Approved";
+        });
+        body.seasonRequests[0].episodes = requests;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+
+    cy.wait("@detailsResponse");
+
+    cy.getByData("classStatus1").should("not.have.class", "available");
+    cy.getByData("classStatus1").should("not.have.class", "requested");
+    cy.getByData("classStatus1").should("have.class", "approved");
+
+    // checkboxes
+    cy.getByData("masterCheckbox1").should("not.exist");
+    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+
+    cy.getByDataLike("episodeStatus1").each((element) => {
+      expect(element.hasClass("approved")).to.be.true;
+      expect(element.text()).contain('Approved');
+    });
+  });
+
+  it("Season is available", () => {
+    cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const requests = body.seasonRequests[0].episodes;
+        requests.forEach((req) => {
+          req.available = true;
+          req.requestStatus = "Common.Available";
+        });
+        body.seasonRequests[0].episodes = requests;
+        res.send(body);
+      });
+    }).as("detailsResponse");
+
+    cy.visit("/details/tv/121361");
+
+    cy.wait("@detailsResponse");
+
+    cy.getByData("classStatus1").should("have.class", "available");
+    cy.getByData("classStatus1").should("not.have.class", "requested");
+    cy.getByData("classStatus1").should("not.have.class", "approved");
+
+    // checkboxes
+    cy.getByData("masterCheckbox1").should("not.exist");
+    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+
+    cy.getByDataLike("episodeStatus1").each((element) => {
+      expect(element.hasClass("available")).to.be.true;
+      expect(element.text()).contain('Available');
+    });
+  });
+
+  it("Request no episodes", () => {
+    cy.visit("/details/tv/121361");
+
+    cy.get('#addFabBtn').click();
+    cy.get('#requestSelected').click();
+
+    cy.verifyNotification('You need to select some episodes!');
+  });
+
+  it("Request single episodes", () => {
+    cy.visit("/details/tv/121361");
+    const episodeCheckbox = 'episodeCheckbox11';
+
+    cy.getByData(episodeCheckbox).click();
+    cy.get('#addFabBtn').click();
+    cy.get('#requestSelected').click();
+
+    cy.verifyNotification('Request for Game of Thrones has been added successfully');
+
+    cy.getByData('episodeStatus11')
+      .should('contain.text', 'Pending Approval')
+      .should('have.class', 'requested')
+  });
+
+
+  it("Request First Season", () => {
+    cy.visit("/details/tv/121361");
+
+    cy.get('#addFabBtn').click();
+    cy.get('#requestFirst').click();
+
+    cy.verifyNotification('Request for Game of Thrones has been added successfully');
+
+    cy.getByDataLike('episodeStatus1')
+      .should('contain.text', 'Pending Approval')
+      .should('have.class', 'requested')
+  });
+
+  it.only("Request Latest Season", () => {
+    cy.visit("/details/tv/121361");
+
+    cy.get('#addFabBtn').click();
+    cy.get('#requestLatest').click();
+
+    cy.verifyNotification('Request for Game of Thrones has been added successfully');
+
+    cy.getByData("classStatus8").click();
+    cy.getByData("classStatus8").should("have.class", "requested");
+    cy.getByDataLike('episodeStatus8')
+      .should('contain.text', 'Pending Approval')
+      .should('have.class', 'requested')
+  });
+});
diff --git a/tests/global.d.ts b/tests/global.d.ts
index 4a81b2e86..70a3050e1 100644
--- a/tests/global.d.ts
+++ b/tests/global.d.ts
@@ -11,6 +11,9 @@ declare namespace Cypress {
         verifyNotification(text: string): Chainable<any>;
         createUser(username: string, password: string, claims: any[]): Chainable<any>;
         generateUniqueId(): Chainable<string>;
+        getByData(selector: string, args: any[]): Chainable<any>;
+        getByData(selector: string): Chainable<any>;
+        getByDataLike(selector: string): Chainable<any>;
 
         requestGenericMovie(): Chainable<any>;
         requestMovie(movieId: number): Chainable<any>;
diff --git a/tests/package.json b/tests/package.json
index 3a499c121..078b12181 100644
--- a/tests/package.json
+++ b/tests/package.json
@@ -9,6 +9,10 @@
   "main": "index.js",
   "repository": "https://github.com/ombi-app/ombi.automation",
   "author": "TidusJar",
+  "retries": {
+    "runMode": 2,
+    "openMode": 1
+  },
   "scripts": {
     "cypress:version": "cypress version",
     "cypress:verify": "cypress verify",

From dd060cf78c3d43bee5574279e90982ceca47760c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 08:19:26 +0000
Subject: [PATCH 41/63] changes

---
 .github/workflows/cypress.yml                 | 36 +++++++++++++++----
 .../tv/tvdetails-requests-grid.spec.ts        |  2 +-
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 582368f0a..038d2823f 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -2,12 +2,12 @@ name: Automation Tests
 
 on:
   push:
-    branches: [ feature/automation ]
+    branches: [ feature/ui-automation ]
   pull_request:
-    branches: [ feature/automation ]
+    branches: [ feature/ui-automation ]
 
 jobs:
-  automation-tests:
+  install:
 
     runs-on: ubuntu-latest
 
@@ -32,25 +32,49 @@ jobs:
     - name: Install Automation Deps
       run: yarn --cwd ./tests install
 
+  cypress-tests:
+
+    runs-on: ubuntu-latest
+    needs: install
+    strategy:
+      fail-fast: false
+      matrix:
+        # run copies of the current job in parallel
+        containers: [1, 2]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+
+    - uses: actions/cache@v2
+      with:
+        path: '**/node_modules'
+        key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
     - name: Start Backend
       run: |
           nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
 
     - name: Start Frontend
       run: |
-          nohup yarn --cwd ./src/Ombi/ClientApp start &
+           nohup yarn --cwd ./src/Ombi/ClientApp run start:nomap &
 
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
+        install: false
         record: true
         browser: chrome
         headless: true
         working-directory: tests
+        group: "UI - Chrome"
         wait-on: http://localhost:3577/
-        # 7 minutes
-        wait-on-timeout: 420
+        parallel: true
+        # 8 minutes
+        wait-on-timeout: 1200
       env:
         CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
+
+
diff --git a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
index 1cd7a97b5..02a20d75e 100644
--- a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
@@ -152,7 +152,7 @@ describe("TV Requests Grid", function () {
       .should('have.class', 'requested')
   });
 
-  it.only("Request Latest Season", () => {
+  it("Request Latest Season", () => {
     cy.visit("/details/tv/121361");
 
     cy.get('#addFabBtn').click();

From ddc91843fbc73638f74150f0262551f0a74acb8e Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 08:39:33 +0000
Subject: [PATCH 42/63] put it all back

---
 .github/workflows/cypress.yml | 41 ++++++-----------------------------
 1 file changed, 7 insertions(+), 34 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 038d2823f..d6a7a0037 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -2,12 +2,12 @@ name: Automation Tests
 
 on:
   push:
-    branches: [ feature/ui-automation ]
+    branches: [ feature/automation ]
   pull_request:
-    branches: [ feature/ui-automation ]
+    branches: [ feature/automation ]
 
 jobs:
-  install:
+  automation-tests:
 
     runs-on: ubuntu-latest
 
@@ -32,49 +32,22 @@ jobs:
     - name: Install Automation Deps
       run: yarn --cwd ./tests install
 
-  cypress-tests:
-
-    runs-on: ubuntu-latest
-    needs: install
-    strategy:
-      fail-fast: false
-      matrix:
-        # run copies of the current job in parallel
-        containers: [1, 2]
-
-    steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-
-    - uses: actions/cache@v2
-      with:
-        path: '**/node_modules'
-        key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
-
     - name: Start Backend
       run: |
           nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
-
     - name: Start Frontend
       run: |
-           nohup yarn --cwd ./src/Ombi/ClientApp run start:nomap &
-
+          nohup yarn --cwd ./src/Ombi/ClientApp start &
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
-        install: false
         record: true
         browser: chrome
         headless: true
         working-directory: tests
-        group: "UI - Chrome"
         wait-on: http://localhost:3577/
-        parallel: true
-        # 8 minutes
-        wait-on-timeout: 1200
+        # 7 minutes
+        wait-on-timeout: 420
       env:
         CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-
-
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file

From 1c102c195cc6e822f68f0bb16b54788d41d61296 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 08:41:42 +0000
Subject: [PATCH 43/63] fix

---
 .github/workflows/cypress.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index d6a7a0037..89631f3ae 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -2,9 +2,9 @@ name: Automation Tests
 
 on:
   push:
-    branches: [ feature/automation ]
+    branches: [ feature/ui-automation ]
   pull_request:
-    branches: [ feature/automation ]
+    branches: [ feature/ui-automation ]
 
 jobs:
   automation-tests:

From 31c2f5514bce4dbed67f1b96f811b81a102ce794 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 08:45:18 +0000
Subject: [PATCH 44/63] include cypress in the cache

---
 .github/workflows/cypress.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 89631f3ae..1c494f131 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -23,7 +23,9 @@ jobs:
 
     - uses: actions/cache@v2
       with:
-        path: '**/node_modules'
+        path: |
+          '**/node_modules'
+          '/home/runner/.cache/Cypress'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
 
     - name: Install Frontend Deps

From 49259317d81699fbf785a54854d21d4cde564903 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 09:04:11 +0000
Subject: [PATCH 45/63] Fixed the test

---
 .../tests/details/tv/tvdetails-requests-grid.spec.ts       | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
index 02a20d75e..e2195959a 100644
--- a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
@@ -123,17 +123,18 @@ describe("TV Requests Grid", function () {
     cy.verifyNotification('You need to select some episodes!');
   });
 
-  it("Request single episodes", () => {
+  it.only("Request single episodes", () => {
     cy.visit("/details/tv/121361");
-    const episodeCheckbox = 'episodeCheckbox11';
+    const episodeCheckbox = 'episodeCheckbox21';
 
+    cy.getByData("classStatus2").click();
     cy.getByData(episodeCheckbox).click();
     cy.get('#addFabBtn').click();
     cy.get('#requestSelected').click();
 
     cy.verifyNotification('Request for Game of Thrones has been added successfully');
 
-    cy.getByData('episodeStatus11')
+    cy.getByData('episodeStatus21')
       .should('contain.text', 'Pending Approval')
       .should('have.class', 'requested')
   });

From 7ee887b03bc0d63cec8e0460baf82ddbe90b3958 Mon Sep 17 00:00:00 2001
From: Jamie <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 09:20:10 +0000
Subject: [PATCH 46/63] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ccc3fbcde..6dda62be0 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ ____
 [![Github All Releases](https://img.shields.io/github/downloads/tidusjar/Ombi/total.svg)](https://github.com/ombi-app/Ombi)
 [![firsttimersonly](http://img.shields.io/badge/first--timers--only-friendly-blue.svg)](http://www.firsttimersonly.com/)
 [![Crowdin](https://d322cqt584bo4o.cloudfront.net/ombi/localized.svg)](https://crowdin.com/project/ombi)
-[![Ombi Automation](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/o5451s&style=flat-square&logo=cypress)](https://dashboard.cypress.io/projects/o5451s/runs)
+[![Automation Tests](https://github.com/Ombi-app/Ombi/actions/workflows/cypress.yml/badge.svg)](https://github.com/Ombi-app/Ombi/actions/workflows/cypress.yml)
 
 [![Patreon](https://img.shields.io/badge/patreon-donate-yellow.svg)](https://patreon.com/tidusjar/Ombi)
 [![Paypal](https://img.shields.io/badge/paypal-donate-yellow.svg)](https://paypal.me/PlexRequestsNet)

From 43e22acaca060ee8fa29d939fdec0a719caf04e3 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 13:12:36 +0000
Subject: [PATCH 47/63] remove the only

---
 tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
index e2195959a..4840dde1e 100644
--- a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
@@ -123,7 +123,7 @@ describe("TV Requests Grid", function () {
     cy.verifyNotification('You need to select some episodes!');
   });
 
-  it.only("Request single episodes", () => {
+  it("Request single episodes", () => {
     cy.visit("/details/tv/121361");
     const episodeCheckbox = 'episodeCheckbox21';
 

From 592e60ab79149d5de0d83fcec77feabcdc90b7d8 Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Wed, 10 Mar 2021 14:56:59 +0100
Subject: [PATCH 48/63] Fix for custom application name on login page

---
 .../ClientApp/src/app/login/login.component.html     |  2 +-
 .../ClientApp/src/app/login/login.component.scss     | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/login/login.component.html b/src/Ombi/ClientApp/src/app/login/login.component.html
index 0e1107008..62dcc7d30 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.html
+++ b/src/Ombi/ClientApp/src/app/login/login.component.html
@@ -7,7 +7,7 @@
 
         <mat-card class="mat-elevation-z8 top-margin login-card">
             <H1 *ngIf="!customizationSettings.logo && !customizationSettings.applicationName" class="login_logo">OMBI</H1>
-            <H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" class="login_logo custom">{{customizationSettings.applicationName}}</H1>
+            <H1 *ngIf="customizationSettings.applicationName && !customizationSettings.logo" [ngClass]="{'bigText': customizationSettings.applicationName.length >= 7 && customizationSettings.applicationName.length < 14, 'hugeText': customizationSettings.applicationName.length >= 14 }" class="login_logo custom">{{customizationSettings.applicationName}}</H1>
             <img mat-card-image *ngIf="customizationSettings.logo" [src]="customizationSettings.logo">
             <mat-card-content id="login-box" *ngIf="!authenticationSettings.enableOAuth || loginWithOmbi">
                 <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
diff --git a/src/Ombi/ClientApp/src/app/login/login.component.scss b/src/Ombi/ClientApp/src/app/login/login.component.scss
index 3d69d129a..3cea34099 100644
--- a/src/Ombi/ClientApp/src/app/login/login.component.scss
+++ b/src/Ombi/ClientApp/src/app/login/login.component.scss
@@ -203,15 +203,19 @@ div.bg {
     justify-content: center;
     font-weight: 700;
     font-size: 10em;
-    &.custom {
-        font-size: 5em;
-    }
+        &.hugeText {
+            font-size: 3vw;
+        }
     width:100%;
     margin-bottom:70px;
 }
 
-@media (max-width: 600px){
+@media (max-width: 700px){
     .login-card H1.login_logo{
         font-size:20vw;
+
+        &.hugeText {
+            font-size: 7vw;
+        }
     }
 }
\ No newline at end of file

From 27452c04e21d925ce3004e091627dc3dc13ebe3a Mon Sep 17 00:00:00 2001
From: twanariens <twanariens@gmail.com>
Date: Wed, 10 Mar 2021 15:23:08 +0100
Subject: [PATCH 49/63] Fix for the chat box going out of bounds

---
 .../app/shared/chat-box/chat-box.component.html  | 16 +++++++++-------
 .../app/shared/chat-box/chat-box.component.scss  | 12 ++++++++++++
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
index aa19bf1db..59a200703 100644
--- a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html
@@ -6,13 +6,15 @@
             <p>{{user}}</p>
         </div>
       </div>
-      <div class="chatbox__messages" *ngFor="let m of messages">
-        <div class="chatbox__messages__user-message">
-          <div class="chatbox__messages__user-message--ind-message" [ngClass]="{'sender': m.chatType === ChatType.Sender, 'reciever':m.chatType === ChatType.Reciever }">
-            <p class="name" *ngIf="m?.username">{{m.username}}</p>
-            <br/>
-            <p class="message">{{m.message}}</p>
-            <p class="timestamp">{{m.date  | amLocal | amDateFormat: 'l LT'}}</p>
+      <div class="chatbox-message-box">
+        <div class="chatbox__messages" *ngFor="let m of messages">
+          <div class="chatbox__messages__user-message">
+            <div class="chatbox__messages__user-message--ind-message" [ngClass]="{'sender': m.chatType === ChatType.Sender, 'reciever':m.chatType === ChatType.Reciever }">
+              <p class="name" *ngIf="m?.username">{{m.username}}</p>
+              <br/>
+              <p class="message">{{m.message}}</p>
+              <p class="timestamp">{{m.date  | amLocal | amDateFormat: 'l LT'}}</p>
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
index 70f83b85f..4403ea369 100644
--- a/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
+++ b/src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss
@@ -195,6 +195,18 @@ html,body {
 :-ms-input-placeholder {  
    color: rgba(255, 255, 255, 0.9);
 }
+.chatbox-message-box{
+  height: 90%;
+  width: 75%;
+  position: relative;
+  overflow-y: scroll;
+  display:flex; 
+  flex-direction:column-reverse;
+}
+
+.chatbox__user-list p{
+  font-size:12px;
+}
 
 // ::-webkit-scrollbar {
 // 	width: 4px;

From e4ab1447aa0a47c2e0a5ae8baa082d97b9d8abfc Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 16:49:23 +0000
Subject: [PATCH 50/63] refactoring some of the tests

---
 .../carousel-list.component.html              |   8 +-
 .../carousel-list/carousel-list.component.ts  |   1 +
 .../discover/discover.component.html          |   6 +-
 .../fixtures/discover/popularMovies.json      | 665 ++++++++++++++++
 .../cypress/fixtures/discover/popularTv.json  | 750 ++++++++++++++++++
 .../integration/page-objects/base.page.ts     |   3 +
 .../page-objects/discover/discover.page.ts    |  37 +
 .../cypress/integration/page-objects/index.ts |   3 +
 .../page-objects/login/login.page.ts          |  30 +
 .../page-objects/wizard/wizard.page.ts        |  64 ++
 .../cypress/tests/01-wizard/01-wizard.spec.ts |  37 +-
 .../details/tv/tvdetails-buttons.spec.ts      |   2 +-
 .../tests/discover/discover-cards.spec.ts     |  74 ++
 tests/cypress/tests/login/login.spec.ts       |  87 +-
 14 files changed, 1702 insertions(+), 65 deletions(-)
 create mode 100644 tests/cypress/fixtures/discover/popularMovies.json
 create mode 100644 tests/cypress/fixtures/discover/popularTv.json
 create mode 100644 tests/cypress/integration/page-objects/base.page.ts
 create mode 100644 tests/cypress/integration/page-objects/discover/discover.page.ts
 create mode 100644 tests/cypress/integration/page-objects/index.ts
 create mode 100644 tests/cypress/integration/page-objects/login/login.page.ts
 create mode 100644 tests/cypress/integration/page-objects/wizard/wizard.page.ts
 create mode 100644 tests/cypress/tests/discover/discover-cards.spec.ts

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
index 4b7767721..cfe8cc7d0 100644
--- 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>
\ No newline at end of file
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
index c3909512e..b32b9e718 100644
--- 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
index ee52f371c..77083a436 100644
--- 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,7 +4,7 @@
     <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>
@@ -12,7 +12,7 @@
     <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>
@@ -20,7 +20,7 @@
     <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>
diff --git a/tests/cypress/fixtures/discover/popularMovies.json b/tests/cypress/fixtures/discover/popularMovies.json
new file mode 100644
index 000000000..ca85e1c90
--- /dev/null
+++ b/tests/cypress/fixtures/discover/popularMovies.json
@@ -0,0 +1,665 @@
+[
+  {
+    "adult": false,
+    "backdropPath": "/fev8UFNFFYsD5q7AcYS8LyTzqwl.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Tom & Jerry",
+    "overview": "Tom the cat and Jerry the mouse get kicked out of their home and relocate to a fancy New York hotel, where a scrappy employee named Kayla will lose her job if she can’t evict Jerry before a high-class wedding at the hotel. Her solution? Hiring Tom to get rid of the pesky mouse.",
+    "popularity": 3387.964111328125,
+    "posterPath": "/6KErczPBROQty7QoIsaa6wJYXZi.jpg",
+    "releaseDate": "2021-02-11T00:00:00",
+    "title": "Tom & Jerry",
+    "video": false,
+    "voteAverage": 7.800000190734863,
+    "voteCount": 717,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 587807,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1361336",
+    "theTvDbId": null,
+    "theMovieDbId": "587807",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/7prYzufdIOy1KCTZKVWpjBFqqNr.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Raya and the Last Dragon",
+    "overview": "Long ago, in the fantasy world of Kumandra, humans and dragons lived together in harmony. But when an evil force threatened the land, the dragons sacrificed themselves to save humanity. Now, 500 years later, that same evil has returned and it’s up to a lone warrior, Raya, to track down the legendary last dragon to restore the fractured land and its divided people.",
+    "popularity": 3416.81298828125,
+    "posterPath": "/lPsD10PP4rgUGiGR4CCXA6iY0QQ.jpg",
+    "releaseDate": "2021-03-03T00:00:00",
+    "title": "Raya and the Last Dragon",
+    "video": false,
+    "voteAverage": 8.699999809265137,
+    "voteCount": 734,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 527774,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt5109280",
+    "theTvDbId": null,
+    "theMovieDbId": "527774",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/8tNX8s3j1O0eqilOQkuroRLyOZA.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Monster Hunter",
+    "overview": "A portal transports Cpt. Artemis and an elite unit of soldiers to a strange world where powerful monsters rule with deadly ferocity. Faced with relentless danger, the team encounters a mysterious hunter who may be their only hope to find a way home.",
+    "popularity": 2294.44091796875,
+    "posterPath": "/1UCOF11QCw8kcqvce8LKOO6pimh.jpg",
+    "releaseDate": "2020-12-03T00:00:00",
+    "title": "Monster Hunter",
+    "video": false,
+    "voteAverage": 7.300000190734863,
+    "voteCount": 1036,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 458576,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt6475714",
+    "theTvDbId": null,
+    "theMovieDbId": "458576",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/srYya1ZlI97Au4jUYAktDe3avyA.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Wonder Woman 1984",
+    "overview": "A botched store robbery places Wonder Woman in a global battle against a powerful and mysterious ancient force that puts her powers in jeopardy.",
+    "popularity": 1718.625,
+    "posterPath": "/8UlWHLMpgZm9bx6QYh0NFoq67TZ.jpg",
+    "releaseDate": "2020-12-16T00:00:00",
+    "title": "Wonder Woman 1984",
+    "video": false,
+    "voteAverage": 6.900000095367432,
+    "voteCount": 4139,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 464052,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt7126948",
+    "theTvDbId": null,
+    "theMovieDbId": "464052",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/drulhSX7P5TQlEMQZ3JoXKSDEfz.jpg",
+    "genreIds": [],
+    "originalLanguage": "ko",
+    "originalTitle": "승리호",
+    "overview": "When the crew of a space junk collector ship called The Victory discovers a humanoid robot named Dorothy that's known to be a weapon of mass destruction, they get involved in a risky business deal which puts their lives at stake.",
+    "popularity": 1481.4510498046875,
+    "posterPath": "/y2Yp7KC2FJSsdlRM5qkkIwQGCqU.jpg",
+    "releaseDate": "2021-02-05T00:00:00",
+    "title": "Space Sweepers",
+    "video": false,
+    "voteAverage": 7.400000095367432,
+    "voteCount": 353,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 581389,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt12838766",
+    "theTvDbId": null,
+    "theMovieDbId": "581389",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/7KL4yJ4JsbtS1BNRilUApLvMnc5.jpg",
+    "genreIds": [],
+    "originalLanguage": "sv",
+    "originalTitle": "Red Dot",
+    "overview": "On a hiking trip to rekindle their marriage, a couple find themselves fleeing for their lives in the unforgiving wilderness from an unknown shooter.",
+    "popularity": 1416.6009521484375,
+    "posterPath": "/xZ2KER2gOHbuHP2GJoODuXDSZCb.jpg",
+    "releaseDate": "2021-02-11T00:00:00",
+    "title": "Red Dot",
+    "video": false,
+    "voteAverage": 6.5,
+    "voteCount": 307,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 649087,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt11307814",
+    "theTvDbId": null,
+    "theMovieDbId": "649087",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/vKzbIoHhk1z9DWYi8kyFe9Gg0HF.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Coming 2 America",
+    "overview": "Prince Akeem Joffer is set to become King of Zamunda when he discovers he has a son he never knew about in America – a street savvy Queens native named Lavelle. Honoring his royal father's dying wish to groom this son as the crown prince, Akeem and Semmi set off to America once again.",
+    "popularity": 2243.493896484375,
+    "posterPath": "/nWBPLkqNApY5pgrJFMiI9joSI30.jpg",
+    "releaseDate": "2021-03-05T00:00:00",
+    "title": "Coming 2 America",
+    "video": false,
+    "voteAverage": 7.099999904632568,
+    "voteCount": 552,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 484718,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt6802400",
+    "theTvDbId": null,
+    "theMovieDbId": "484718",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/lOSdUkGQmbAl5JQ3QoHqBZUbZhC.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Outside the Wire",
+    "overview": "In the near future, a drone pilot is sent into a deadly militarized zone and must work with an android officer to locate a doomsday device.",
+    "popularity": 1121.386962890625,
+    "posterPath": "/6XYLiMxHAaCsoyrVo38LBWMw2p8.jpg",
+    "releaseDate": "2021-01-15T00:00:00",
+    "title": "Outside the Wire",
+    "video": false,
+    "voteAverage": 6.5,
+    "voteCount": 812,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 775996,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt10451914",
+    "theTvDbId": null,
+    "theMovieDbId": "775996",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/vfuzELmhBjBTswXj2Vqxnu5ge4g.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "The Little Things",
+    "overview": "Deputy Sheriff Joe \"Deke\" Deacon joins forces with Sgt. Jim Baxter to search for a serial killer who's terrorizing Los Angeles. As they track the culprit, Baxter is unaware that the investigation is dredging up echoes of Deke's past, uncovering disturbing secrets that could threaten more than his case.",
+    "popularity": 977.3709716796875,
+    "posterPath": "/c7VlGCCgM9GZivKSzBgzuOVxQn7.jpg",
+    "releaseDate": "2021-01-28T00:00:00",
+    "title": "The Little Things",
+    "video": false,
+    "voteAverage": 6.5,
+    "voteCount": 509,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 602269,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt10016180",
+    "theTvDbId": null,
+    "theMovieDbId": "602269",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/6TPZSJ06OEXeelx1U1VIAt0j9Ry.jpg",
+    "genreIds": [],
+    "originalLanguage": "es",
+    "originalTitle": "Bajocero",
+    "overview": "When a prisoner transfer van is attacked, the cop in charge must fight those inside and outside while dealing with a silent foe: the icy temperatures.",
+    "popularity": 877.6370239257812,
+    "posterPath": "/dWSnsAGTfc8U27bWsy2RfwZs0Bs.jpg",
+    "releaseDate": "2021-01-29T00:00:00",
+    "title": "Below Zero",
+    "video": false,
+    "voteAverage": 6.5,
+    "voteCount": 414,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 587996,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt9845564",
+    "theTvDbId": null,
+    "theMovieDbId": "587996",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/fRrpOILyXuWaWLmqF7kXeMVwITQ.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Black Water: Abyss",
+    "overview": "An adventure-loving couple convince their friends to explore a remote, uncharted cave system in the forests of Northern Australia. With a tropical storm approaching, they abseil into the mouth of the cave, but when the caves start to flood, tensions rise as oxygen levels fall and the friends find themselves trapped. Unknown to them, the storm has also brought in a pack of dangerous and hungry crocodiles.",
+    "popularity": 872.2529907226562,
+    "posterPath": "/95S6PinQIvVe4uJAd82a2iGZ0rA.jpg",
+    "releaseDate": "2020-07-09T00:00:00",
+    "title": "Black Water: Abyss",
+    "video": false,
+    "voteAverage": 5.099999904632568,
+    "voteCount": 155,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 522444,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt7978672",
+    "theTvDbId": null,
+    "theMovieDbId": "522444",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/nz8xWrTKZzA5A7FgxaM4kfAoO1W.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Breach",
+    "overview": "A hardened mechanic must stay awake and maintain an interstellar ark fleeing the dying planet Earth with a few thousand lucky souls on board... the last of humanity. Unfortunately, humans are not the only passengers. A shapeshifting alien creature has taken residence, its only goal is to kill as many people as possible. The crew must think quickly to stop this menace before it destroys mankind.",
+    "popularity": 794.0670166015625,
+    "posterPath": "/13B6onhL6FzSN2KaNeQeMML05pS.jpg",
+    "releaseDate": "2020-12-17T00:00:00",
+    "title": "Breach",
+    "video": false,
+    "voteAverage": 4.5,
+    "voteCount": 292,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 651571,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt9820556",
+    "theTvDbId": null,
+    "theMovieDbId": "651571",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/3ombg55JQiIpoPnXYb2oYdr6DtP.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Skylines",
+    "overview": "When a virus threatens to turn the now earth-dwelling friendly alien hybrids against humans, Captain Rose Corley must lead a team of elite mercenaries on a mission to the alien world in order to save what's left of humanity.",
+    "popularity": 745.0089721679688,
+    "posterPath": "/2W4ZvACURDyhiNnSIaFPHfNbny3.jpg",
+    "releaseDate": "2020-10-25T00:00:00",
+    "title": "Skylines",
+    "video": false,
+    "voteAverage": 6.099999904632568,
+    "voteCount": 210,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 560144,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt9387250",
+    "theTvDbId": null,
+    "theMovieDbId": "560144",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/jeAQdDX9nguP6YOX6QSWKDPkbBo.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Jiu Jitsu",
+    "overview": "Every six years, an ancient order of jiu-jitsu fighters joins forces to battle a vicious race of alien invaders. But when a celebrated war hero goes down in defeat, the fate of the planet and mankind hangs in the balance.",
+    "popularity": 753.3040161132812,
+    "posterPath": "/eLT8Cu357VOwBVTitkmlDEg32Fs.jpg",
+    "releaseDate": "2020-11-20T00:00:00",
+    "title": "Jiu Jitsu",
+    "video": false,
+    "voteAverage": 5.300000190734863,
+    "voteCount": 308,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 590706,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt9624766",
+    "theTvDbId": null,
+    "theMovieDbId": "590706",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/kf456ZqeC45XTvo6W9pW5clYKfQ.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Soul",
+    "overview": "Joe Gardner is a middle school teacher with a love for jazz music. After a successful gig at the Half Note Club, he suddenly gets into an accident that separates his soul from his body and is transported to the You Seminar, a center in which souls develop and gain passions before being transported to a newborn child. Joe must enlist help from the other souls-in-training, like 22, a soul who has spent eons in the You Seminar, in order to get back to Earth.",
+    "popularity": 722.4119873046875,
+    "posterPath": "/hm58Jw4Lw8OIeECIq5qyPYhAeRJ.jpg",
+    "releaseDate": "2020-12-25T00:00:00",
+    "title": "Soul",
+    "video": false,
+    "voteAverage": 8.300000190734863,
+    "voteCount": 5164,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 508442,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt2948372",
+    "theTvDbId": null,
+    "theMovieDbId": "508442",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/psTz3J2QXVKTQCGrPDFuC4kAOLb.jpg",
+    "genreIds": [],
+    "originalLanguage": "en",
+    "originalTitle": "Scooby-Doo! The Sword and the Scoob",
+    "overview": "An evil sorceress transports the gang back to the age of chivalrous knights, spell-casting wizards, and fire-breathing dragons.",
+    "popularity": 678.906982421875,
+    "posterPath": "/sCoG0ibohbPrnyomtzegSuBL40L.jpg",
+    "releaseDate": "2021-02-22T00:00:00",
+    "title": "Scooby-Doo! The Sword and the Scoob",
+    "video": false,
+    "voteAverage": 7.599999904632568,
+    "voteCount": 21,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 682254,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt13676256",
+    "theTvDbId": null,
+    "theMovieDbId": "682254",
+    "subscribed": false,
+    "showSubscribe": true
+  },
+  {
+    "adult": false,
+    "backdropPath": "/fX8e94MEWSuTJExndVYxKsmA4Hw.jpg",
+    "genreIds": [],
+    "originalLanguage": "zh",
+    "originalTitle": "急先锋",
+    "overview": "Covert security company Vanguard is the last hope of survival for an accountant after he is targeted by the world's deadliest mercenary organization.",
+    "popularity": 714.8920288085938,
+    "posterPath": "/vYvppZMvXYheYTWVd8Rnn9nsmNp.jpg",
+    "releaseDate": "2020-09-30T00:00:00",
+    "title": "Vanguard",
+    "video": false,
+    "voteAverage": 6.400000095367432,
+    "voteCount": 225,
+    "alreadyInCp": false,
+    "trailer": null,
+    "homepage": null,
+    "rootPathOverride": 0,
+    "qualityOverride": 0,
+    "type": 1,
+    "releaseDates": null,
+    "digitalReleaseDate": null,
+    "id": 604822,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt9695722",
+    "theTvDbId": null,
+    "theMovieDbId": "604822",
+    "subscribed": false,
+    "showSubscribe": true
+  }
+]
diff --git a/tests/cypress/fixtures/discover/popularTv.json b/tests/cypress/fixtures/discover/popularTv.json
new file mode 100644
index 000000000..3f1aa27b0
--- /dev/null
+++ b/tests/cypress/fixtures/discover/popularTv.json
@@ -0,0 +1,750 @@
+[
+  {
+    "title": "Game of Thrones",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2011-04-18T01:00:00",
+    "network": "HBO",
+    "networkId": null,
+    "runtime": "60",
+    "genre": null,
+    "overview": "Seven noble families fight for control of the mythical land of Westeros. Friction between the houses leads to full-scale war. All while a very ancient evil awakens in the farthest north. Amidst the war, a neglected military order of misfits, the Night's Watch, is all that stands between the realms of men and icy horrors beyond.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "9.10556",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=bjqEWgDVPe0",
+    "homepage": "https://www.hbo.com/game-of-thrones",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 121361,
+    "approved": true,
+    "denied": false,
+    "deniedReason": null,
+    "requested": true,
+    "requestId": 1,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0944947",
+    "theTvDbId": "121361",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Breaking Bad",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2008-01-21T02:00:00",
+    "network": "AMC",
+    "networkId": null,
+    "runtime": "45",
+    "genre": null,
+    "overview": "When Walter White, a New Mexico chemistry teacher, is diagnosed with Stage III cancer and given a prognosis of only two years left to live. He becomes filled with a sense of fearlessness and an unrelenting desire to secure his family's financial future at any cost as he enters the dangerous world of drugs and crime.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "9.28991",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=XZ8daibM3AE",
+    "homepage": "https://www.amc.com/shows/breaking-bad",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 81189,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0903747",
+    "theTvDbId": "81189",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "The Walking Dead",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "returning series",
+    "firstAired": "2010-11-01T01:00:00",
+    "network": "AMC",
+    "networkId": null,
+    "runtime": "42",
+    "genre": null,
+    "overview": "Sheriff's deputy Rick Grimes awakens from a coma to find a post-apocalyptic world dominated by flesh-eating zombies. He sets out to find his family and encounters many other survivors along the way.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.18472269269855",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=R1v0uFms68U",
+    "homepage": "https://www.amc.com/shows/the-walking-dead",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 153021,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1520211",
+    "theTvDbId": "153021",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "The Big Bang Theory",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2007-09-25T00:00:00",
+    "network": "CBS",
+    "networkId": null,
+    "runtime": "25",
+    "genre": null,
+    "overview": "A woman who moves into an apartment across the hall from two brilliant but socially awkward physicists shows them how little they know about life outside of the laboratory.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "20:00",
+    "rating": "8.14052",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=3g2yTcg1QFI",
+    "homepage": "https://www.cbs.com/shows/big_bang_theory/",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 80379,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0898266",
+    "theTvDbId": "80379",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Sherlock",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2010-07-25T20:00:00",
+    "network": "BBC One",
+    "networkId": null,
+    "runtime": "90",
+    "genre": null,
+    "overview": "A modern update finds the famous sleuth and his doctor partner solving crime in 21st century London.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "9.043281293560078",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=xK7S9mrFWL4",
+    "homepage": "https://www.bbc.co.uk/programmes/b018ttws",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 176941,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1475582",
+    "theTvDbId": "176941",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "How I Met Your Mother",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2005-09-20T00:00:00",
+    "network": "CBS",
+    "networkId": null,
+    "runtime": "22",
+    "genre": null,
+    "overview": "A father recounts to his children - through a series of flashbacks - the journey he and his four best friends took leading up to him meeting their mother.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "20:00",
+    "rating": "8.24396",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=XgUmyAGwxgw",
+    "homepage": "https://www.cbs.com/shows/how_i_met_your_mother/",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 75760,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0460649",
+    "theTvDbId": "75760",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Dexter",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2006-10-02T01:00:00",
+    "network": "Showtime",
+    "networkId": null,
+    "runtime": "50",
+    "genre": null,
+    "overview": "Dexter Morgan, a blood spatter pattern analyst for the Miami Metro Police also leads a secret life as a serial killer, hunting down criminals who have slipped through the cracks of justice.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.56617",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=YQeUmSD1c3g",
+    "homepage": "https://www.sho.com/dexter",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 79349,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0773262",
+    "theTvDbId": "79349",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Friends",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "1994-09-23T00:00:00",
+    "network": "NBC",
+    "networkId": null,
+    "runtime": "25",
+    "genre": null,
+    "overview": "The misadventures of a group of friends as they navigate the pitfalls of work, life and love in Manhattan.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "20:00",
+    "rating": "8.72021",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=hDNNmeeJs1Q",
+    "homepage": "",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 79168,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0108778",
+    "theTvDbId": "79168",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Stranger Things",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "returning series",
+    "firstAired": "2016-07-15T07:00:00",
+    "network": "Netflix",
+    "networkId": null,
+    "runtime": "50",
+    "genre": null,
+    "overview": "When a young boy vanishes, a small town uncovers a mystery involving secret experiments, terrifying supernatural forces, and one strange little girl.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "03:00",
+    "rating": "8.705786185554972",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=b9EkMc79ZSU",
+    "homepage": "https://www.netflix.com/title/80057281",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 305288,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt4574334",
+    "theTvDbId": "305288",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Arrow",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2012-10-11T01:00:00",
+    "network": "The CW",
+    "networkId": null,
+    "runtime": "42",
+    "genre": null,
+    "overview": "Spoiled billionaire playboy Oliver Queen is missing and presumed dead when his yacht is lost at sea. He returns five years later a changed man, determined to clean up the city as a hooded vigilante armed with a bow.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "7.70376",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=hTv13EjlLNg",
+    "homepage": "https://www.cwtv.com/shows/arrow",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 257655,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt2193021",
+    "theTvDbId": "257655",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Lost",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2004-09-23T01:00:00",
+    "network": "ABC",
+    "networkId": null,
+    "runtime": "42",
+    "genre": null,
+    "overview": "Stripped of everything, the survivors of a horrific plane crash must work together to stay alive. But the island holds many secrets.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.23659",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=72kQIIDBIUU",
+    "homepage": "https://abc.go.com/shows/lost",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 73739,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0411008",
+    "theTvDbId": "73739",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "House",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2004-11-17T02:00:00",
+    "network": "FOX",
+    "networkId": null,
+    "runtime": "45",
+    "genre": null,
+    "overview": "Dr. Gregory House is a maverick physician who is devoid of bedside manner. While his behavior can border on antisocial, Dr. House thrives on the challenge of solving the medical puzzles that other doctors give up on. Together with his hand-picked team of young medical experts, he'll do whatever it takes in the race against the clock to solve the case.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.66596",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=MczMB8nU1sY",
+    "homepage": "https://www.fox.com/house/index.htm",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 73255,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0412142",
+    "theTvDbId": "73255",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Homeland",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2011-10-03T01:00:00",
+    "network": "Showtime",
+    "networkId": null,
+    "runtime": "45",
+    "genre": null,
+    "overview": "CIA officer Carrie Mathison is tops in her field despite being bipolar, which makes her volatile and unpredictable. With the help of her long-time mentor Saul Berenson, Carrie fearlessly risks everything, including her personal well-being and even sanity, at every turn.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.343610105492623",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=KyFmS3wRPCQ",
+    "homepage": "https://www.sho.com/sho/homeland/home",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 247897,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1796960",
+    "theTvDbId": "247897",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "House of Cards",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2013-02-01T08:00:00",
+    "network": "Netflix",
+    "networkId": null,
+    "runtime": "50",
+    "genre": null,
+    "overview": "Set in present day Washington, D.C., House of Cards is the story of Frank Underwood, a ruthless and cunning politician, and his wife Claire who will stop at nothing to conquer everything. This wicked political drama penetrates the shadowy world of greed, sex and corruption in modern D.C.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "03:00",
+    "rating": "8.667647295881357",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=x1E8PSGcyqI",
+    "homepage": "https://www.netflix.com/title/70178217",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 262980,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1856010",
+    "theTvDbId": "262980",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Supernatural",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2005-09-14T00:00:00",
+    "network": "The CW",
+    "networkId": null,
+    "runtime": "45",
+    "genre": null,
+    "overview": "When they were boys, Sam and Dean Winchester lost their mother to a mysterious and demonic supernatural force. Subsequently, their father raised them to be soldiers. He taught them about the paranormal evil that lives in the dark corners and on the back roads of America ... and he taught them how to kill it. Now, the Winchester brothers crisscross the country in their '67 Chevy Impala, battling every kind of supernatural threat they encounter along the way.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "20:00",
+    "rating": "8.448307891123497",
+    "siteRating": 0,
+    "trailer": "",
+    "homepage": "https://www.cwtv.com/shows/supernatural",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 78901,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt0460681",
+    "theTvDbId": "78901",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Fringe",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2008-09-10T01:00:00",
+    "network": "FOX",
+    "networkId": null,
+    "runtime": "46",
+    "genre": null,
+    "overview": "FBI Special Agent Olivia Dunham, brilliant but formerly institutionalized scientist Walter Bishop and his scheming, reluctant son Peter uncover a deadly mystery involving a series of unbelievable events and realize they may be a part of a larger, more disturbing pattern that blurs the line between science fiction and technology.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.697706364733797",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=29bSzbqZ3xE",
+    "homepage": "https://www.fox.com/fringe",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 82066,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1119644",
+    "theTvDbId": "82066",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  },
+  {
+    "title": "Suits",
+    "aliases": null,
+    "banner": null,
+    "seriesId": 0,
+    "status": "ended",
+    "firstAired": "2011-06-24T01:00:00",
+    "network": "USA Network",
+    "networkId": null,
+    "runtime": "43",
+    "genre": null,
+    "overview": "College drop-out Mike Ross accidentally lands a job with one of New York's best legal closers, Harvey Specter. They soon become a winning team with Mike's raw talent and photographic memory, and Mike soon reminds Harvey of why he went into the field of law in the first place.",
+    "lastUpdated": 0,
+    "airsDayOfWeek": null,
+    "airsTime": "21:00",
+    "rating": "8.55011",
+    "siteRating": 0,
+    "trailer": "https://youtube.com/watch?v=2Q18TnxZxLI",
+    "homepage": "https://www.usanetwork.com/suits",
+    "seasonRequests": [],
+    "requestAll": false,
+    "firstSeason": false,
+    "latestSeason": false,
+    "fullyAvailable": false,
+    "partlyAvailable": false,
+    "type": 0,
+    "backdropPath": null,
+    "id": 247808,
+    "approved": false,
+    "denied": null,
+    "deniedReason": null,
+    "requested": false,
+    "requestId": 0,
+    "available": false,
+    "plexUrl": null,
+    "embyUrl": null,
+    "jellyfinUrl": null,
+    "quality": null,
+    "imdbId": "tt1632701",
+    "theTvDbId": "247808",
+    "theMovieDbId": null,
+    "subscribed": false,
+    "showSubscribe": false
+  }
+]
diff --git a/tests/cypress/integration/page-objects/base.page.ts b/tests/cypress/integration/page-objects/base.page.ts
new file mode 100644
index 000000000..aa07e2b7d
--- /dev/null
+++ b/tests/cypress/integration/page-objects/base.page.ts
@@ -0,0 +1,3 @@
+export abstract class BasePage {
+    abstract visit(options: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
+}
diff --git a/tests/cypress/integration/page-objects/discover/discover.page.ts b/tests/cypress/integration/page-objects/discover/discover.page.ts
new file mode 100644
index 000000000..269f891ec
--- /dev/null
+++ b/tests/cypress/integration/page-objects/discover/discover.page.ts
@@ -0,0 +1,37 @@
+import { BasePage } from "../base.page";
+
+class CarouselComponent {
+    private id: string;
+
+
+    get combinedButton(): Cypress.Chainable<any> {
+        return cy.get(`#${this.id}Combined-button`);
+    }
+
+    get movieButton(): Cypress.Chainable<any> {
+        return cy.get(`#${this.id}Movie-button`);
+    }
+
+    get tvButton(): Cypress.Chainable<any> {
+        return cy.get(`#${this.id}Tv-button`);
+    }
+
+    constructor(id: string) {
+        this.id = id;
+    }
+}
+
+class DiscoverPage extends BasePage {
+
+    popularCarousel = new CarouselComponent('popular');
+
+    constructor() {
+        super();
+    }
+
+    visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
+        return cy.visit(`/discover`, options);
+    }
+}
+
+export const discoverPage = new DiscoverPage();
diff --git a/tests/cypress/integration/page-objects/index.ts b/tests/cypress/integration/page-objects/index.ts
new file mode 100644
index 000000000..792d60aab
--- /dev/null
+++ b/tests/cypress/integration/page-objects/index.ts
@@ -0,0 +1,3 @@
+export * from './discover/discover.page';
+export * from './login/login.page';
+export * from './wizard/wizard.page';
diff --git a/tests/cypress/integration/page-objects/login/login.page.ts b/tests/cypress/integration/page-objects/login/login.page.ts
new file mode 100644
index 000000000..4d09cc5cb
--- /dev/null
+++ b/tests/cypress/integration/page-objects/login/login.page.ts
@@ -0,0 +1,30 @@
+import { BasePage } from "../base.page";
+
+class LoginPage extends BasePage {
+
+    get username(): Cypress.Chainable<any> {
+        return cy.get('#username-field');
+    }
+
+    get password(): Cypress.Chainable<any> {
+        return cy.get('#password-field');
+    }
+
+    get ombiSignInButton(): Cypress.Chainable<any> {
+        return cy.get('[data-cy=OmbiButton]');
+    }
+
+    get plexSignInButton(): Cypress.Chainable<any> {
+        return cy.get('[data-cy=oAuthPlexButton]');
+    }
+
+    constructor() {
+        super();
+    }
+
+    visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
+        return cy.visit(`/login`, options);
+    }
+}
+
+export const loginPage = new LoginPage();
diff --git a/tests/cypress/integration/page-objects/wizard/wizard.page.ts b/tests/cypress/integration/page-objects/wizard/wizard.page.ts
new file mode 100644
index 000000000..6fe5e67b9
--- /dev/null
+++ b/tests/cypress/integration/page-objects/wizard/wizard.page.ts
@@ -0,0 +1,64 @@
+import { BasePage } from "../base.page";
+
+class LocalUserTab {
+    get username(): Cypress.Chainable<any> {
+        return cy.get('#adminUsername');
+    }
+
+    get password(): Cypress.Chainable<any> {
+        return cy.get('#adminPassword');
+    }
+
+    get next(): Cypress.Chainable<any> {
+        return cy.getByData('nextLocalUser');
+    }
+}
+
+class WelcomeTab {
+    get next(): Cypress.Chainable<any> {
+        return cy.getByData('nextWelcome');
+    }
+}
+
+class MediaServerTab {
+    get next(): Cypress.Chainable<any> {
+        return cy.getByData('nextMediaServer');
+    }
+}
+
+class OmbiConfigTab {
+    get next(): Cypress.Chainable<any> {
+        return cy.getByData('nextOmbiConfig');
+    }
+}
+
+
+class WizardPage extends BasePage {
+
+    localUserTab: LocalUserTab;
+    welcomeTab: WelcomeTab;
+    mediaServerTab: MediaServerTab;
+    ombiConfigTab: OmbiConfigTab;
+
+    get finishButton(): Cypress.Chainable<any> {
+        return cy.get('#finishWizard');
+    }
+
+    get matStepsHeader(): Cypress.Chainable<any> {
+        return cy.get('mat-step-header');
+    }
+
+    constructor() {
+        super();
+        this.localUserTab = new LocalUserTab();
+        this.welcomeTab = new WelcomeTab();
+        this.mediaServerTab = new MediaServerTab();
+        this.ombiConfigTab = new OmbiConfigTab();
+    }
+
+    visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
+        return cy.visit(`/`, options);
+    }
+}
+
+export const wizardPage = new WizardPage();
diff --git a/tests/cypress/tests/01-wizard/01-wizard.spec.ts b/tests/cypress/tests/01-wizard/01-wizard.spec.ts
index 0bd60b10d..4cbe11a3c 100644
--- a/tests/cypress/tests/01-wizard/01-wizard.spec.ts
+++ b/tests/cypress/tests/01-wizard/01-wizard.spec.ts
@@ -1,23 +1,26 @@
+import { wizardPage as Page } from "@/integration/page-objects";
+
 describe("Wizard Setup", () => {
 
   it("Wizard should be first page", () => {
-    cy.visit("");
+    Page.visit();
     cy.location("pathname").should("contains", "/Wizard");
   });
 
 
   it("Finsh with no local user", () => {
-    cy.visit("");
-    cy.get("[data-test=nextWelcome]").click();
-    cy.get("[data-test=nextMediaServer]").click();
-    cy.get("[data-test=nextLocalUser]").click();
-    cy.get("[data-test=nextOmbiConfig]").click();
-    cy.get("#finishWizard").click();
+    Page.visit();
+
+    Page.welcomeTab.next.click();
+    Page.mediaServerTab.next.click();
+    Page.localUserTab.next.click();
+    Page.ombiConfigTab.next.click();
+    Page.finishButton.click();
 
     cy.verifyNotification("Username '' is invalid, can only contain letters or digits.")
 
     // Verify we end back up on the user page
-    cy.get('mat-step-header').then((items) => {
+    Page.matStepsHeader.then((items) => {
 
       const results = items.filter((index, html) => {
         var attributes = Cypress.$(html).attr('ng-reflect-index');
@@ -33,16 +36,18 @@ describe("Wizard Setup", () => {
   });
 
   it("Compete Wizard", () => {
-    cy.visit("");
-    cy.get("[data-test=nextWelcome]").click();
-    cy.get("[data-test=nextMediaServer]").click();
+    Page.visit();
+
+    Page.welcomeTab.next.click();
+    Page.mediaServerTab.next.click();
+
+    Page.localUserTab.username.type(Cypress.env("username"));
+    Page.localUserTab.password.type(Cypress.env("password"));
 
-    cy.get('#adminUsername').type(Cypress.env("username"));
-    cy.get('#adminPassword').type(Cypress.env("password"));
+    Page.localUserTab.next.click();
+    Page.ombiConfigTab.next.click();
 
-    cy.get("[data-test=nextLocalUser]").click();
-    cy.get("[data-test=nextOmbiConfig]").click();
-    cy.get("#finishWizard").click();
+    Page.finishButton.click();
 
     cy.location("pathname").should("contains", "/login");
   });
diff --git a/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
index d4adc7972..625744217 100644
--- a/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
@@ -1,4 +1,4 @@
-describe("TV Details Buttons", function () {
+describe("TV Details Buttons", () => {
   beforeEach(() => {
     cy.login();
   });
diff --git a/tests/cypress/tests/discover/discover-cards.spec.ts b/tests/cypress/tests/discover/discover-cards.spec.ts
new file mode 100644
index 000000000..c0c6b962d
--- /dev/null
+++ b/tests/cypress/tests/discover/discover-cards.spec.ts
@@ -0,0 +1,74 @@
+import { discoverPage as Page } from '@/integration/page-objects';
+
+describe("Discover Cards Tests", () => {
+  beforeEach(() => {
+    cy.login();
+  });
+
+  it("Popular combined should load movies and TV", () => {
+
+    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+    Page.visit();
+
+
+    cy.wait('@moviePopular');
+    cy.wait('@tvPopular');
+
+  });
+
+  it("Popular Movie should load movies", () => {
+
+    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+    Page.visit();
+    Page.popularCarousel.movieButton.click();
+
+    cy.wait('@moviePopular');
+
+  });
+
+  it.only("Popular TV should load TV", () => {
+
+    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+    Page.visit();
+    Page.popularCarousel.tvButton.click();
+
+    cy.wait('@tvPopular');
+  });
+
+  it("Popular Moives selected when set in localstorage", () => {
+
+    window.localStorage.setItem("DiscoverOptions2","2");
+    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+    Page.visit();
+    Page.popularCarousel.movieButton.parent().should('have.class','button-active');
+
+    cy.wait('@moviePopular');
+
+  });
+
+  it("Popular Tv selected when set in localstorage", () => {
+
+    window.localStorage.setItem("DiscoverOptions2","3");
+    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+    Page.visit();
+    Page.popularCarousel.tvButton.parent().should('have.class','button-active');
+
+    cy.wait('@tvPopular');
+
+  });
+
+  it("Popular Combined selected when set in localstorage", () => {
+
+    window.localStorage.setItem("DiscoverOptions2","1");
+    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+    Page.visit();
+    Page.popularCarousel.combinedButton.parent().should('have.class','button-active');
+
+    cy.wait('@moviePopular');
+    cy.wait('@tvPopular');
+
+  });
+
+  });
diff --git a/tests/cypress/tests/login/login.spec.ts b/tests/cypress/tests/login/login.spec.ts
index c36bab479..844468c08 100644
--- a/tests/cypress/tests/login/login.spec.ts
+++ b/tests/cypress/tests/login/login.spec.ts
@@ -1,83 +1,88 @@
-describe("Login Tests", () => {
+import { loginPage as Page } from "@/integration/page-objects";
 
+describe("Login Tests", () => {
   it("Landing Page is enabled, should redirect", () => {
-
     cy.landingSettings(true);
-    cy.visit("");
+    Page.visit();
     cy.location("pathname").should("eq", "/landingpage");
     cy.get("[data-cy=continue]").click();
     cy.location("pathname").should("contains", "/login");
   });
 
   it("Landing Page is disabled, should not redirect", () => {
-
     cy.landingSettings(false);
-    cy.visit("");
+    Page.visit();
 
     cy.location("pathname").should("eq", "/login");
   });
 
   it("Plex OAuth Enabled, should be button", () => {
     cy.landingSettings(false);
-    cy.fixture('login/authenticationSettngs').then((settings)  => {
-        settings.enableOAuth = true;
-        cy.intercept('GET', '/Settings/Authentication', settings).as('authSettings')
-      })
+    cy.fixture("login/authenticationSettngs").then((settings) => {
+      settings.enableOAuth = true;
+      cy.intercept("GET", "/Settings/Authentication", settings).as(
+        "authSettings"
+      );
+    });
 
-    cy.visit("");
+    Page.visit();
 
-    cy.get("[data-cy=oAuthPlexButton]").should('be.visible');
-    cy.get("[data-cy=OmbiButton]").should('be.visible');
+    Page.plexSignInButton.should("be.visible");
+    Page.ombiSignInButton.should("be.visible");
   });
 
   it("Plex OAuth Diabled, Should show local form", () => {
     cy.landingSettings(false);
-    cy.fixture('login/authenticationSettngs').then((settings)  => {
-        settings.enableOAuth = false;
-        cy.intercept('GET', '/Settings/Authentication', settings).as('authSettings')
-      })
+    cy.fixture("login/authenticationSettngs").then((settings) => {
+      settings.enableOAuth = false;
+      cy.intercept("GET", "/Settings/Authentication", settings).as(
+        "authSettings"
+      );
+    });
 
-    cy.visit("");
+    Page.visit();
 
-    cy.get("[data-cy=OmbiButton]").should('be.visible');
+    Page.ombiSignInButton.should("be.visible");
 
-    cy.get('#username-field').should('be.visible');
-    cy.get('#password-field').should('be.visible');
+    Page.username.should("be.visible");
+    Page.password.should("be.visible");
   });
 
-  it('Invalid Password',() => {
+  it("Invalid Password", () => {
     cy.landingSettings(false);
-    cy.visit('/');
-    cy.contains('Sign in');
 
-    cy.get('#username-field').type('automation');
-    cy.get('#password-field').type('incorrectpw');
+    Page.visit();
+    cy.contains("Sign in");
+
+    Page.username.type("automation");
+    Page.password.type("incorrectpw");
 
-    cy.get('[data-cy=OmbiButton]').click();
-    cy.verifyNotification('Incorrect username');
+    Page.ombiSignInButton.click();
+    cy.verifyNotification("Incorrect username");
   });
 
-  it('Invalid Username',() => {
+  it("Invalid Username", () => {
     cy.landingSettings(false);
-    cy.visit('/');
-    cy.contains('Sign in');
 
-    cy.get('#username-field').type('bad username');
-    cy.get('#password-field').type('incorrectpw');
+    Page.visit();
+    cy.contains("Sign in");
+
+    Page.username.type("bad username");
+    Page.password.type("incorrectpw");
 
-    cy.get('[data-cy=OmbiButton]').click();
-    cy.verifyNotification('Incorrect username');
+    Page.ombiSignInButton.click();
+    cy.verifyNotification("Incorrect username");
   });
 
-  it('Correct Login',() => {
+  it("Correct Login", () => {
     cy.landingSettings(false);
-    cy.visit('/');
-    cy.contains('Sign in');
+    Page.visit();
+    cy.contains("Sign in");
 
-    cy.get('#username-field').type(Cypress.env('username'));
-    cy.get('#password-field').type(Cypress.env('password'));
+    Page.username.type(Cypress.env("username"));
+    Page.password.type(Cypress.env("password"));
 
-    cy.get('[data-cy=OmbiButton]').click();
-    cy.url().should('include', '/discover')
+    Page.ombiSignInButton.click();
+    cy.url().should("include", "/discover");
   });
 });

From 0a804c623316a765618ddc438d618852c257ccca Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 10 Mar 2021 22:25:35 +0000
Subject: [PATCH 51/63] Added more tests around the discover page

---
 .../card/discover-card.component.html         |  18 +-
 .../carousel-list.component.html              |   2 +-
 .../page-objects/discover/discover.page.ts    |  85 ++++++--
 tests/cypress/support/commands.ts             |  19 ++
 tests/cypress/support/index.ts                |   1 +
 .../tests/discover/discover-cards.spec.ts     | 195 +++++++++++++++---
 tests/global.d.ts                             |   1 +
 tests/package.json                            |   3 +
 tests/tsconfig.json                           |   2 +-
 tests/yarn.lock                               |   5 +
 10 files changed, 267 insertions(+), 64 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
index 35eae0e21..703c01652 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
+++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
@@ -1,12 +1,12 @@
-<p-skeleton  *ngIf="!fullyLoaded" width="100%" height="315px"></p-skeleton>
+<p-skeleton id="cardLoading{{result.id}}"  *ngIf="!fullyLoaded" width="100%" height="315px"></p-skeleton>
 
-<div *ngIf="fullyLoaded" class="ombi-card dark-card c" [style.display]="hide ? 'none' : 'block'">
+<div id="result{{result.id}}" *ngIf="fullyLoaded" class="ombi-card dark-card c" [style.display]="hide ? 'none' : 'block'">
     <div class="card-top-info">
-        <div class="top-left">
+        <div class="top-left" id="type{{result.id}}">
             {{RequestType[result.type] | humanize}}
         </div>
-        <div class="{{getStatusClass()}} top-right">
-            <span class="indicator"></span><span class="indicator-text">{{getAvailbilityStatus()}}</span>
+        <div class="{{getStatusClass()}} top-right" id="status{{result.id}}">
+            <span class="indicator"></span><span class="indicator-text" id="availabilityStatus{{result.id}}">{{getAvailbilityStatus()}}</span>
         </div>
     </div>
         <img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image"
@@ -14,14 +14,14 @@
         <div class="middle">
             <a class="poster-overlay" [routerLink]="generateDetailsLink()">
                 <div class="summary">
-                    <div class="title">{{result.title}}</div>
-                    <div class="small-text ellipsis">{{result.overview}}</div>
+                    <div class="title" id="title{{result.id}}">{{result.title}}</div>
+                    <div class="small-text ellipsis" id="overview{{result.id}}">{{result.overview}}</div>
                 </div>
             </a>
         </div>
-        <div class="row button-request-container" *ngIf="!result.available && !result.approved">
+        <div class="row button-request-container" *ngIf="!result.available && !result.approved && !result.requested">
             <div class="button-request poster-overlay">
-                <button mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
+                <button attr.data-test="requestButton{{result.id}}{{result.type}}" mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
                     <mat-icon *ngIf="!loading">cloud_download</mat-icon>
                     <i *ngIf="loading" class="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
                 </button>
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
index cfe8cc7d0..71fa3ea63 100644
--- 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
@@ -8,6 +8,6 @@
 
 <p-carousel #carousel [numVisible]="10" [numScroll]="10" [page]="0" [value]="discoverResults" [responsiveOptions]="responsiveOptions" (onPage)="newPage()">
     <ng-template let-result pTemplate="item">
-        <discover-card id="result{{result.id}}" [result]="result"></discover-card>
+        <discover-card [result]="result"></discover-card>
     </ng-template>
 </p-carousel>
\ No newline at end of file
diff --git a/tests/cypress/integration/page-objects/discover/discover.page.ts b/tests/cypress/integration/page-objects/discover/discover.page.ts
index 269f891ec..7f05eaae2 100644
--- a/tests/cypress/integration/page-objects/discover/discover.page.ts
+++ b/tests/cypress/integration/page-objects/discover/discover.page.ts
@@ -1,37 +1,80 @@
 import { BasePage } from "../base.page";
 
+class DiscoverCard {
+  private id: string;
+  private movie: boolean;
+  constructor(id: string, movie: boolean) {
+    this.id = id;
+    this.movie = movie;
+  }
+
+  get topLevelCard(): Cypress.Chainable<any> {
+      return cy.get(`#result${this.id}`);
+  }
+
+  get requestType(): Cypress.Chainable<any> {
+    return cy.get(`#type${this.id}`);
+  }
+
+  get statusClass(): Cypress.Chainable<any> {
+    return cy.get(`#status${this.id}`);
+  }
+
+  get availabilityText(): Cypress.Chainable<any> {
+    return cy.get(`#availabilityStatus${this.id}`);
+  }
+
+  get title(): Cypress.Chainable<any> {
+    return cy.get(`#title${this.id}`);
+  }
+
+  get overview(): Cypress.Chainable<any> {
+    return cy.get(`#overview${this.id}`);
+  }
+
+  get requestButton(): Cypress.Chainable<any> {
+    return cy.get(`button > [data-test=requestButton${this.id}${this.movie ? '1' : '0'}]`);
+  }
+
+  verifyTitle(expected: string): Cypress.Chainable<any> {
+      return this.title.should('have.text',expected);
+  }
+}
+
 class CarouselComponent {
-    private id: string;
+  private type: string;
 
+  get combinedButton(): Cypress.Chainable<any> {
+    return cy.get(`#${this.type}Combined-button`);
+  }
 
-    get combinedButton(): Cypress.Chainable<any> {
-        return cy.get(`#${this.id}Combined-button`);
-    }
+  get movieButton(): Cypress.Chainable<any> {
+    return cy.get(`#${this.type}Movie-button`);
+  }
 
-    get movieButton(): Cypress.Chainable<any> {
-        return cy.get(`#${this.id}Movie-button`);
-    }
+  get tvButton(): Cypress.Chainable<any> {
+    return cy.get(`#${this.type}Tv-button`);
+  }
 
-    get tvButton(): Cypress.Chainable<any> {
-        return cy.get(`#${this.id}Tv-button`);
-    }
+  getCard(id: string, movie: boolean): DiscoverCard {
+    return new DiscoverCard(id, movie);
+  }
 
-    constructor(id: string) {
-        this.id = id;
-    }
+  constructor(id: string) {
+    this.type = id;
+  }
 }
 
 class DiscoverPage extends BasePage {
+  popularCarousel = new CarouselComponent("popular");
 
-    popularCarousel = new CarouselComponent('popular');
-
-    constructor() {
-        super();
-    }
+  constructor() {
+    super();
+  }
 
-    visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
-        return cy.visit(`/discover`, options);
-    }
+  visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
+    return cy.visit(`/discover`, options);
+  }
 }
 
 export const discoverPage = new DiscoverPage();
diff --git a/tests/cypress/support/commands.ts b/tests/cypress/support/commands.ts
index 7b6151d6f..b0fab757c 100644
--- a/tests/cypress/support/commands.ts
+++ b/tests/cypress/support/commands.ts
@@ -99,4 +99,23 @@ Cypress.Commands.add("getByData", (selector) => {
 
   Cypress.Commands.add("getByDataLike", (selector) => {
     return cy.get(`[data-test*=${selector}]`);
+  });
+
+  Cypress.Commands.add('triggerHover', function(elements) {
+
+      fireEvent(elements, 'mouseover');
+
+  
+    function fireEvent(element, event) {
+      if (element.fireEvent) {
+        element.fireEvent('on' + event);
+      } else {
+        var evObj = document.createEvent('Events');
+  
+        evObj.initEvent(event, true, false);
+  
+        element.dispatchEvent(evObj);
+      }
+    }
+  
   });
\ No newline at end of file
diff --git a/tests/cypress/support/index.ts b/tests/cypress/support/index.ts
index 9f14c128b..e7b106186 100644
--- a/tests/cypress/support/index.ts
+++ b/tests/cypress/support/index.ts
@@ -16,6 +16,7 @@
 // Import commands.js using ES2015 syntax:
 import './commands'
 import './request.commands';
+import "cypress-real-events/support";
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
diff --git a/tests/cypress/tests/discover/discover-cards.spec.ts b/tests/cypress/tests/discover/discover-cards.spec.ts
index c0c6b962d..3ac556e46 100644
--- a/tests/cypress/tests/discover/discover-cards.spec.ts
+++ b/tests/cypress/tests/discover/discover-cards.spec.ts
@@ -1,4 +1,4 @@
-import { discoverPage as Page } from '@/integration/page-objects';
+import { discoverPage as Page } from "@/integration/page-objects";
 
 describe("Discover Cards Tests", () => {
   beforeEach(() => {
@@ -6,69 +6,200 @@ describe("Discover Cards Tests", () => {
   });
 
   it("Popular combined should load movies and TV", () => {
-
-    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
-    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+    cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
+    cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
     Page.visit();
 
-
-    cy.wait('@moviePopular');
-    cy.wait('@tvPopular');
-
+    cy.wait("@moviePopular");
+    cy.wait("@tvPopular");
   });
 
   it("Popular Movie should load movies", () => {
-
-    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+    cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
     Page.visit();
     Page.popularCarousel.movieButton.click();
 
-    cy.wait('@moviePopular');
-
+    cy.wait("@moviePopular");
   });
 
-  it.only("Popular TV should load TV", () => {
-
-    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
+  it("Popular TV should load TV", () => {
+    cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
     Page.visit();
     Page.popularCarousel.tvButton.click();
 
-    cy.wait('@tvPopular');
+    cy.wait("@tvPopular");
   });
 
   it("Popular Moives selected when set in localstorage", () => {
+    window.localStorage.setItem("DiscoverOptions2", "2");
+    cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
+    Page.visit();
+    Page.popularCarousel.movieButton
+      .parent()
+      .should("have.class", "button-active");
+
+    cy.wait("@moviePopular");
+  });
 
-    window.localStorage.setItem("DiscoverOptions2","2");
-    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
+  it("Popular Tv selected when set in localstorage", () => {
+    window.localStorage.setItem("DiscoverOptions2", "3");
+    cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
     Page.visit();
-    Page.popularCarousel.movieButton.parent().should('have.class','button-active');
+    Page.popularCarousel.tvButton
+      .parent()
+      .should("have.class", "button-active");
 
-    cy.wait('@moviePopular');
+    cy.wait("@tvPopular");
+  });
 
+  it("Popular Combined selected when set in localstorage", () => {
+    window.localStorage.setItem("DiscoverOptions2", "1");
+    cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
+    cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
+    Page.visit();
+    Page.popularCarousel.combinedButton
+      .parent()
+      .should("have.class", "button-active");
+
+    cy.wait("@moviePopular");
+    cy.wait("@tvPopular");
   });
 
-  it("Popular Tv selected when set in localstorage", () => {
+  it.skip("Not requested movie allows us to request", () => {
+    window.localStorage.setItem("DiscoverOptions2", "2");
+    cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const movie = body[0];
+        movie.available = false;
+        movie.approved = false;
+        movie.requested = false;
+
+        body[0] = movie;
+        res.send(body);
+      });
+    }).as("cardsResponse");
 
-    window.localStorage.setItem("DiscoverOptions2","3");
-    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
     Page.visit();
-    Page.popularCarousel.tvButton.parent().should('have.class','button-active');
 
-    cy.wait('@tvPopular');
+    cy.wait("@cardsResponse").then((res) => {
+      const body = JSON.parse(res.response.body);
+      var expectedId = body[0].id;
+      var title = body[0].title;
+
+      const card = Page.popularCarousel.getCard(expectedId, true);
+      card.verifyTitle(title);
+      card.requestButton.should("exist");
+      // Not visible until hover
+      card.requestButton.should("not.be.visible");
+      cy.wait(500)
+      card.topLevelCard.realHover();
+
+      card.requestButton.should("be.visible");
+      card.requestButton.click();
+
+      cy.verifyNotification("has been successfully added!");
 
+      card.requestButton.should("not.be.visible");
+      card.availabilityText.should('have.text','Pending');
+      card.statusClass.should('have.class','requested');
+    });
   });
 
-  it("Popular Combined selected when set in localstorage", () => {
+  it.skip("Available movie does not allow us to request", () => {
+    window.localStorage.setItem("DiscoverOptions2", "2");
+    cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const movie = body[1];
+        movie.available = true;
+        movie.approved = false;
+        movie.requested = false;
+
+        body[1] = movie;
+        res.send(body);
+      });
+    }).as("cardsResponse");
 
-    window.localStorage.setItem("DiscoverOptions2","1");
-    cy.intercept("GET","**/search/Movie/Popular/**").as('moviePopular');
-    cy.intercept("GET","**/search/Tv/popular/**").as('tvPopular');
     Page.visit();
-    Page.popularCarousel.combinedButton.parent().should('have.class','button-active');
 
-    cy.wait('@moviePopular');
-    cy.wait('@tvPopular');
+    cy.wait("@cardsResponse").then((res) => {
+      const body = JSON.parse(res.response.body);
+      var expectedId = body[1].id;
+      var title = body[1].title;
+
+      const card = Page.popularCarousel.getCard(expectedId, true);
+      card.verifyTitle(title);
+      card.topLevelCard.realHover();
 
+      card.requestButton.should("not.be.visible");
+      card.availabilityText.should('have.text','Available');
+      card.statusClass.should('have.class','available');
+    });
   });
 
+  it.skip("Requested movie does not allow us to request", () => {
+    window.localStorage.setItem("DiscoverOptions2", "2");
+    cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
+      req.reply((res) => {
+        const body = res.body;
+        const movie = body[1];
+        movie.available = false;
+        movie.approved = false;
+        movie.requested = true;
+
+        body[1] = movie;
+        res.send(body);
+      });
+    }).as("cardsResponse");
+
+    Page.visit();
+
+    cy.wait("@cardsResponse").then((res) => {
+      const body = JSON.parse(res.response.body);
+      var expectedId = body[1].id;
+      var title = body[1].title;
+
+      const card = Page.popularCarousel.getCard(expectedId, true);
+      card.verifyTitle(title);
+
+      card.topLevelCard.realHover();
+
+      card.requestButton.should("not.be.visible");
+      card.availabilityText.should('have.text','Pending');
+      card.statusClass.should('have.class','requested');
+    });
+
+    it.skip("Approved movie does not allow us to request", () => {
+      window.localStorage.setItem("DiscoverOptions2", "2");
+      cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
+        req.reply((res) => {
+          const body = res.body;
+          const movie = body[1];
+          movie.available = false;
+          movie.approved = true;
+          movie.requested = true;
+  
+          body[1] = movie;
+          res.send(body);
+        });
+      }).as("cardsResponse");
+  
+      Page.visit();
+  
+      cy.wait("@cardsResponse").then((res) => {
+        const body = JSON.parse(res.response.body);
+        var expectedId = body[1].id;
+        var title = body[1].title;
+  
+        const card = Page.popularCarousel.getCard(expectedId, true);
+        card.verifyTitle(title);
+        card.topLevelCard.realHover();
+  
+        card.requestButton.should("not.be.visible");
+        card.availabilityText.should('have.text','Approved');
+        card.statusClass.should('have.class','approved');
+      });
+    });
   });
+});
diff --git a/tests/global.d.ts b/tests/global.d.ts
index 70a3050e1..4545c29b2 100644
--- a/tests/global.d.ts
+++ b/tests/global.d.ts
@@ -14,6 +14,7 @@ declare namespace Cypress {
         getByData(selector: string, args: any[]): Chainable<any>;
         getByData(selector: string): Chainable<any>;
         getByDataLike(selector: string): Chainable<any>;
+        triggerHover(): Chainable<any>;
 
         requestGenericMovie(): Chainable<any>;
         requestMovie(movieId: number): Chainable<any>;
diff --git a/tests/package.json b/tests/package.json
index 078b12181..111521e19 100644
--- a/tests/package.json
+++ b/tests/package.json
@@ -22,5 +22,8 @@
     "e2e": "cypress run",
     "regression": "cypress run --config-file cypress/config/regression.json",
     "demo:open": "cypress open --config-file cypress/config/demo.json"
+  },
+  "dependencies": {
+    "cypress-real-events": "^1.3.0"
   }
 }
diff --git a/tests/tsconfig.json b/tests/tsconfig.json
index 90099e602..0c8f23ff6 100644
--- a/tests/tsconfig.json
+++ b/tests/tsconfig.json
@@ -2,7 +2,7 @@
     "compilerOptions": {
         "target": "es5",
         "lib": ["es2018", "dom"],
-        "types": ["cypress", "cypress-wait-until", "cypress-image-snapshot"],
+        "types": ["cypress", "cypress-wait-until", "cypress-image-snapshot", "cypress-real-events"],
         "baseUrl": "./cypress",
         "paths": {
             "@/*": ["./*"]
diff --git a/tests/yarn.lock b/tests/yarn.lock
index 3933df5cd..d0fb2726f 100644
--- a/tests/yarn.lock
+++ b/tests/yarn.lock
@@ -364,6 +364,11 @@ cross-spawn@^7.0.0:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cypress-real-events@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/cypress-real-events/-/cypress-real-events-1.3.0.tgz#d737d68dd590b28c71756d63fbf36b863e936912"
+  integrity sha512-IYkhC1C9tGR7eN5d4VmT/28swyYeRmj+c+e0YcblnnbF68CVAtpc4D+v1JiENZA4il8W5XEcI/FjI64ss2lIag==
+
 cypress-wait-until@^1.7.1:
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/cypress-wait-until/-/cypress-wait-until-1.7.1.tgz#3789cd18affdbb848e3cfc1f918353c7ba1de6f8"

From bf2e5b4e4fcfe59dc8e6df8cb8418827a4193acd Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 08:09:12 +0000
Subject: [PATCH 52/63] fixed tests

---
 .../discover/components/card/discover-card.component.html | 2 +-
 .../integration/page-objects/discover/discover.page.ts    | 2 +-
 tests/cypress/support/commands.ts                         | 8 ++++----
 tests/cypress/tests/discover/discover-cards.spec.ts       | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
index 703c01652..61ffb0d3a 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
+++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
@@ -21,7 +21,7 @@
         </div>
         <div class="row button-request-container" *ngIf="!result.available && !result.approved && !result.requested">
             <div class="button-request poster-overlay">
-                <button attr.data-test="requestButton{{result.id}}{{result.type}}" mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
+                <button id="requestButton{{result.id}}{{result.type}}" mat-raised-button class="btn-green full-width poster-request-btn" (click)="request($event)">
                     <mat-icon *ngIf="!loading">cloud_download</mat-icon>
                     <i *ngIf="loading" class="fas fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></i>
                 </button>
diff --git a/tests/cypress/integration/page-objects/discover/discover.page.ts b/tests/cypress/integration/page-objects/discover/discover.page.ts
index 7f05eaae2..02e80c5d1 100644
--- a/tests/cypress/integration/page-objects/discover/discover.page.ts
+++ b/tests/cypress/integration/page-objects/discover/discover.page.ts
@@ -33,7 +33,7 @@ class DiscoverCard {
   }
 
   get requestButton(): Cypress.Chainable<any> {
-    return cy.get(`button > [data-test=requestButton${this.id}${this.movie ? '1' : '0'}]`);
+    return cy.get(`#requestButton${this.id}${this.movie ? '1' : '0'}`);
   }
 
   verifyTitle(expected: string): Cypress.Chainable<any> {
diff --git a/tests/cypress/support/commands.ts b/tests/cypress/support/commands.ts
index b0fab757c..db28e01d0 100644
--- a/tests/cypress/support/commands.ts
+++ b/tests/cypress/support/commands.ts
@@ -105,17 +105,17 @@ Cypress.Commands.add("getByData", (selector) => {
 
       fireEvent(elements, 'mouseover');
 
-  
+
     function fireEvent(element, event) {
       if (element.fireEvent) {
         element.fireEvent('on' + event);
       } else {
         var evObj = document.createEvent('Events');
-  
+
         evObj.initEvent(event, true, false);
-  
+
         element.dispatchEvent(evObj);
       }
     }
-  
+
   });
\ No newline at end of file
diff --git a/tests/cypress/tests/discover/discover-cards.spec.ts b/tests/cypress/tests/discover/discover-cards.spec.ts
index 3ac556e46..813be5673 100644
--- a/tests/cypress/tests/discover/discover-cards.spec.ts
+++ b/tests/cypress/tests/discover/discover-cards.spec.ts
@@ -65,7 +65,7 @@ describe("Discover Cards Tests", () => {
     cy.wait("@tvPopular");
   });
 
-  it.skip("Not requested movie allows us to request", () => {
+  it("Not requested movie allows us to request", () => {
     window.localStorage.setItem("DiscoverOptions2", "2");
     cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
       req.reply((res) => {
@@ -106,7 +106,7 @@ describe("Discover Cards Tests", () => {
     });
   });
 
-  it.skip("Available movie does not allow us to request", () => {
+  it("Available movie does not allow us to request", () => {
     window.localStorage.setItem("DiscoverOptions2", "2");
     cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
       req.reply((res) => {
@@ -138,7 +138,7 @@ describe("Discover Cards Tests", () => {
     });
   });
 
-  it.skip("Requested movie does not allow us to request", () => {
+  it("Requested movie does not allow us to request", () => {
     window.localStorage.setItem("DiscoverOptions2", "2");
     cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
       req.reply((res) => {
@@ -170,7 +170,7 @@ describe("Discover Cards Tests", () => {
       card.statusClass.should('have.class','requested');
     });
 
-    it.skip("Approved movie does not allow us to request", () => {
+    it("Approved movie does not allow us to request", () => {
       window.localStorage.setItem("DiscoverOptions2", "2");
       cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
         req.reply((res) => {

From c9c50db462654126be97d5c803cf48025467b7d0 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 08:22:54 +0000
Subject: [PATCH 53/63] split it all out again

---
 .github/workflows/cypress.yml | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 1c494f131..ccd9e6802 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -7,7 +7,7 @@ on:
     branches: [ feature/ui-automation ]
 
 jobs:
-  automation-tests:
+  install:
 
     runs-on: ubuntu-latest
 
@@ -34,19 +34,44 @@ jobs:
     - name: Install Automation Deps
       run: yarn --cwd ./tests install
 
+  cypress-tests:
+
+    runs-on: ubuntu-latest
+    needs: install
+    strategy:
+      fail-fast: false
+      martix:
+        containers: [1]
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+
+    - uses: actions/cache@v2
+      with:
+        path: |
+          '/home/runner/.cache/Cypress'
+          '/home/runner/.cache/Cypress'
+        key: ${{ runner.os }}-modules-${{ hashFiles('**/**.lock') }}
+
     - name: Start Backend
       run: |
           nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
+
     - name: Start Frontend
       run: |
           nohup yarn --cwd ./src/Ombi/ClientApp start &
+
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
+        install: false
         record: true
         browser: chrome
         headless: true
         working-directory: tests
+        group: "UI - Chrome",
+        parallel: true
         wait-on: http://localhost:3577/
         # 7 minutes
         wait-on-timeout: 420

From a9b88b6cc861475b252fc9ffdec25837be7da597 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 08:26:08 +0000
Subject: [PATCH 54/63] fixed yaml

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index ccd9e6802..84ddf970d 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -70,7 +70,7 @@ jobs:
         browser: chrome
         headless: true
         working-directory: tests
-        group: "UI - Chrome",
+        group: "UI - Chrome"
         parallel: true
         wait-on: http://localhost:3577/
         # 7 minutes

From 0335a0d78b711d51c2cea427789a2ceee3c2580f Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 08:27:29 +0000
Subject: [PATCH 55/63] really fixed the yaml this time

---
 .github/workflows/cypress.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 84ddf970d..682f5732b 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -40,7 +40,7 @@ jobs:
     needs: install
     strategy:
       fail-fast: false
-      martix:
+      matrix:
         containers: [1]
 
     steps:

From 9dbcaf679fe58cdcd29145c130f4d5a305eaa922 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 08:45:51 +0000
Subject: [PATCH 56/63] please work

---
 .github/workflows/cypress.yml | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 682f5732b..70cbfbbbb 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -46,11 +46,18 @@ jobs:
     steps:
     - name: Checkout
       uses: actions/checkout@v2
+    - name: Setup .NET
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 5.0.x
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '14'
 
     - uses: actions/cache@v2
       with:
         path: |
-          '/home/runner/.cache/Cypress'
+          '**/node_modules'
           '/home/runner/.cache/Cypress'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/**.lock') }}
 

From 2be8978b2532f8e5bfaa907b9dd59d3267e4038b Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 09:00:08 +0000
Subject: [PATCH 57/63] changed the cache

---
 .github/workflows/cypress.yml | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 70cbfbbbb..7ff9d6263 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -25,7 +25,6 @@ jobs:
       with:
         path: |
           '**/node_modules'
-          '/home/runner/.cache/Cypress'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
 
     - name: Install Frontend Deps
@@ -44,21 +43,11 @@ jobs:
         containers: [1]
 
     steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-    - name: Setup .NET
-      uses: actions/setup-dotnet@v1
-      with:
-        dotnet-version: 5.0.x
-    - uses: actions/setup-node@v2
-      with:
-        node-version: '14'
 
     - uses: actions/cache@v2
       with:
         path: |
           '**/node_modules'
-          '/home/runner/.cache/Cypress'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/**.lock') }}
 
     - name: Start Backend

From b32b4cf3ede69e82233cb1c9e0b36b7c437e7690 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 09:34:08 +0000
Subject: [PATCH 58/63] more

---
 .github/workflows/cypress.yml | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 7ff9d6263..ba481f2be 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -43,7 +43,14 @@ jobs:
         containers: [1]
 
     steps:
-
+    - uses: actions/checkout@v2
+    - name: Setup .NET
+      uses: actions/setup-dotnet@v1
+      with:
+        dotnet-version: 5.0.x
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '14'
     - uses: actions/cache@v2
       with:
         path: |

From 6e868417d79d96a5670a7f473b6e82a034e50f02 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 10:03:12 +0000
Subject: [PATCH 59/63] revert

---
 .github/workflows/cypress.yml | 32 ++------------------------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index ba481f2be..1c494f131 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -7,7 +7,7 @@ on:
     branches: [ feature/ui-automation ]
 
 jobs:
-  install:
+  automation-tests:
 
     runs-on: ubuntu-latest
 
@@ -25,6 +25,7 @@ jobs:
       with:
         path: |
           '**/node_modules'
+          '/home/runner/.cache/Cypress'
         key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
 
     - name: Install Frontend Deps
@@ -33,48 +34,19 @@ jobs:
     - name: Install Automation Deps
       run: yarn --cwd ./tests install
 
-  cypress-tests:
-
-    runs-on: ubuntu-latest
-    needs: install
-    strategy:
-      fail-fast: false
-      matrix:
-        containers: [1]
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Setup .NET
-      uses: actions/setup-dotnet@v1
-      with:
-        dotnet-version: 5.0.x
-    - uses: actions/setup-node@v2
-      with:
-        node-version: '14'
-    - uses: actions/cache@v2
-      with:
-        path: |
-          '**/node_modules'
-        key: ${{ runner.os }}-modules-${{ hashFiles('**/**.lock') }}
-
     - name: Start Backend
       run: |
           nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
-
     - name: Start Frontend
       run: |
           nohup yarn --cwd ./src/Ombi/ClientApp start &
-
     - name: Cypress Tests
       uses: cypress-io/github-action@v2.8.2
       with:
-        install: false
         record: true
         browser: chrome
         headless: true
         working-directory: tests
-        group: "UI - Chrome"
-        parallel: true
         wait-on: http://localhost:3577/
         # 7 minutes
         wait-on-timeout: 420

From 9df20bf5a4e48676909b8fd04b859cc30cd174f6 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 10:27:48 +0000
Subject: [PATCH 60/63] enabled retries

---
 tests/cypress.json | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tests/cypress.json b/tests/cypress.json
index d08128874..957df025e 100644
--- a/tests/cypress.json
+++ b/tests/cypress.json
@@ -8,6 +8,10 @@
   "chromeWebSecurity": false,
   "viewportWidth": 2560,
   "viewportHeight": 1440,
+  "retries": {
+    "runMode": 2,
+    "openMode": 1
+  },
   "ignoreTestFiles": [
     "**/snapshots/*"
   ],

From fee862baa7db39cc663e28168c5e8962918c18b9 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 11:02:54 +0000
Subject: [PATCH 61/63] added cron

---
 .github/workflows/cypress.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index 1c494f131..b9389e623 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -5,6 +5,8 @@ on:
     branches: [ feature/ui-automation ]
   pull_request:
     branches: [ feature/ui-automation ]
+  schedule:
+    - cron: '*/20 * * * *'
 
 jobs:
   automation-tests:

From cb271cdc85e4b89cfceeaad16f3accbffe41778c Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 22:05:36 +0000
Subject: [PATCH 62/63] reworked some of the pages

---
 .github/workflows/cypress.yml                 |   2 +-
 .../integration/page-objects/base.page.ts     |   1 +
 .../page-objects/details/tv/tvdetails.page.ts |  93 ++++++++++++++++
 .../cypress/integration/page-objects/index.ts |   1 +
 .../details/tv/tvdetails-buttons.spec.ts      |  36 ++++---
 .../details/tv/tvdetails-info-panel.spec.ts   |  16 +--
 .../tv/tvdetails-requests-grid.spec.ts        | 101 ++++++++++--------
 7 files changed, 178 insertions(+), 72 deletions(-)
 create mode 100644 tests/cypress/integration/page-objects/details/tv/tvdetails.page.ts

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index b9389e623..afe5648d3 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -6,7 +6,7 @@ on:
   pull_request:
     branches: [ feature/ui-automation ]
   schedule:
-    - cron: '*/20 * * * *'
+    - cron: '0 0 * * *'
 
 jobs:
   automation-tests:
diff --git a/tests/cypress/integration/page-objects/base.page.ts b/tests/cypress/integration/page-objects/base.page.ts
index aa07e2b7d..a96d84357 100644
--- a/tests/cypress/integration/page-objects/base.page.ts
+++ b/tests/cypress/integration/page-objects/base.page.ts
@@ -1,3 +1,4 @@
 export abstract class BasePage {
     abstract visit(options: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
+    abstract visit(id: string, options: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
 }
diff --git a/tests/cypress/integration/page-objects/details/tv/tvdetails.page.ts b/tests/cypress/integration/page-objects/details/tv/tvdetails.page.ts
new file mode 100644
index 000000000..6c70701ac
--- /dev/null
+++ b/tests/cypress/integration/page-objects/details/tv/tvdetails.page.ts
@@ -0,0 +1,93 @@
+import { BasePage } from "../../base.page";
+
+class TvRequestPanel {
+
+    seasonTab(seasonNumber: number): Cypress.Chainable<any> {
+        return cy.getByData("classStatus"+seasonNumber);
+    }
+
+    getSeasonMasterCheckbox(seasonNumber: number): Cypress.Chainable<any> {
+        return cy.getByData("masterCheckbox"+seasonNumber);
+    }
+
+    getEpisodeSeasonCheckbox(seasonNumber: number, episodeNumber?: number): Cypress.Chainable<any> {
+        return cy.getByData("episodeCheckbox"+seasonNumber+episodeNumber);
+    }
+
+    getEpisodeCheckbox(seasonNumber: number): Cypress.Chainable<any> {
+        return cy.getByDataLike("episodeCheckbox"+seasonNumber);
+    }
+
+    getEpisodeStatus(seasonNumber: number, episodeNumber?: number): Cypress.Chainable<any> {
+        if (episodeNumber) {
+            return cy.getByData('episodeStatus'+seasonNumber+episodeNumber);
+        }
+        return cy.getByDataLike('episodeStatus'+seasonNumber);
+    }
+}
+
+class RequestFabButton {
+
+    get requestSelected(): Cypress.Chainable<any> {
+        return cy.get('#requestSelected');
+    }
+
+    get requestLatest(): Cypress.Chainable<any> {
+        return cy.get('#requestLatest');
+    }
+
+    get requestFirst(): Cypress.Chainable<any> {
+        return cy.get('#requestFirst');
+    }
+
+    get fab(): Cypress.Chainable<any> {
+        return cy.get('#addFabBtn');
+    }
+}
+
+class TvDetailsInformationPanel {
+
+    get status(): Cypress.Chainable<any> {
+        return cy.get('#status');
+    }
+
+    getStreaming(streamName: string): Cypress.Chainable<any> {
+        return cy.get(`#stream${streamName}`);
+    }
+}
+
+class TvDetailsPage extends BasePage {
+
+    get availableButton(): Cypress.Chainable<any> {
+        return cy.get('#availableBtn');
+    }
+
+    get requestButton(): Cypress.Chainable<any> {
+        return cy.get('#requestBtn');
+    }
+
+    get partiallyAvailableButton(): Cypress.Chainable<any> {
+        return cy.get('#partiallyAvailableBtn');
+    }
+
+    get reportIssueButton(): Cypress.Chainable<any> {
+        return cy.get('#reportIssueBtn');
+    }
+
+
+    informationPanel = new TvDetailsInformationPanel();
+    requestFabButton = new RequestFabButton();
+    requestPanel = new TvRequestPanel();
+
+    constructor() {
+        super();
+    }
+
+    visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
+    visit(id: string, options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
+    visit(id: any, options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
+        return cy.visit(`/details/tv/` + id, options);
+    }
+}
+
+export const tvDetailsPage = new TvDetailsPage();
diff --git a/tests/cypress/integration/page-objects/index.ts b/tests/cypress/integration/page-objects/index.ts
index 792d60aab..bd759d60b 100644
--- a/tests/cypress/integration/page-objects/index.ts
+++ b/tests/cypress/integration/page-objects/index.ts
@@ -1,3 +1,4 @@
 export * from './discover/discover.page';
 export * from './login/login.page';
 export * from './wizard/wizard.page';
+export * from './details/tv/tvdetails.page';
diff --git a/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
index 625744217..c5c16b470 100644
--- a/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-buttons.spec.ts
@@ -1,3 +1,5 @@
+import { tvDetailsPage as Page } from "@/integration/page-objects";
+
 describe("TV Details Buttons", () => {
   beforeEach(() => {
     cy.login();
@@ -14,13 +16,13 @@ describe("TV Details Buttons", () => {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit("121361");
 
     cy.wait('@detailsResponse');
 
-    cy.get('#availableBtn').should('be.visible');
-    cy.get('#requestBtn').should('not.exist');
-    cy.get('#addFabBtn').should('not.exist');
+    Page.availableButton.should('be.visible');
+    Page.requestButton.should('not.exist');
+    Page.requestFabButton.fab.should('not.exist');
   });
 
   it("Partially Available Request", () => {
@@ -34,14 +36,14 @@ describe("TV Details Buttons", () => {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit("121361");
 
     cy.wait('@detailsResponse');
 
-    cy.get('#availableBtn').should('not.exist');
-    cy.get('#requestBtn').should('be.visible');
-    cy.get('#addFabBtn').should('be.visible');
-    cy.get('#partiallyAvailableBtn').should('be.visible');
+    Page.availableButton.should('not.exist');
+    Page.requestButton.should('be.visible');
+    Page.requestFabButton.fab.should('be.visible');
+    Page.partiallyAvailableButton.should('be.visible');
   });
 
   it("Not Available Request", () => {
@@ -55,13 +57,13 @@ describe("TV Details Buttons", () => {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit("121361");
     cy.wait('@detailsResponse');
 
-    cy.get('#availableBtn').should('not.exist');
-    cy.get('#requestBtn').should('be.visible');
-    cy.get('#addFabBtn').should('be.visible');
-    cy.get('#partiallyAvailableBtn').should('not.exist');
+    Page.availableButton.should('not.exist');
+    Page.requestButton.should('be.visible');
+    Page.requestFabButton.fab.should('be.visible');
+    Page.partiallyAvailableButton.should('not.exist');
   });
 
 
@@ -70,14 +72,14 @@ describe("TV Details Buttons", () => {
 
     cy.visit("/details/tv/121361");
 
-    cy.get('#reportIssueBtn').should('be.visible');
+    Page.reportIssueButton.should('be.visible');
   });
 
   it("Issues Disabled", () => {
     cy.intercept("GET", "Settings/issuesenabled", 'false');
 
-    cy.visit("/details/tv/121361");
+    Page.visit("121361");
 
-    cy.get('#reportIssueBtn').should('not.exist');
+    Page.reportIssueButton.should('not.exist');
   });
 });
diff --git a/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts b/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
index f7e78cf80..d79492763 100644
--- a/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-info-panel.spec.ts
@@ -1,29 +1,31 @@
+import { tvDetailsPage as Page } from "@/integration/page-objects";
+
 describe('TV Details Information Panel',() => {
     beforeEach(() => {
         cy.login();
     });
 
     it('Status should be ended',() => {
-        cy.visit('/details/tv/121361');
-        cy.get('#status').contains("Ended")
+        Page.visit('121361');
+        Page.informationPanel.status.contains("Ended")
       });
 
 
       it('Streaming Data should display',() => {
         cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
 
-        cy.visit('/details/tv/121361');
+        Page.visit('121361');
         cy.wait('@streamingResponse')
 
-        cy.get('#streamSuper1').should('be.visible');
-        cy.get('#streamJamiesNetwork').should('be.visible');
+        Page.informationPanel.getStreaming('Super1').should('be.visible');
+        Page.informationPanel.getStreaming('JamiesNetwork').should('be.visible');
       });
 
 
-    it.only('Streaming Data should be in correct order',() => {
+    it('Streaming Data should be in correct order',() => {
       cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
 
-      cy.visit('/details/tv/121361');
+      Page.visit('121361');
       cy.wait('@streamingResponse')
 
       cy.get('.stream-small').then((items) => {
diff --git a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
index 4840dde1e..159842463 100644
--- a/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
+++ b/tests/cypress/tests/details/tv/tvdetails-requests-grid.spec.ts
@@ -1,17 +1,20 @@
+import { tvDetailsPage as Page } from "@/integration/page-objects";
+
 describe("TV Requests Grid", function () {
   beforeEach(() => {
     cy.login();
   });
 
   it("Season not available", () => {
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
-    cy.getByData("classStatus1").should("not.have.class", "available");
-    cy.getByData("classStatus1").should("not.have.class", "requested");
-    cy.getByData("classStatus1").should("not.have.class", "approved");
+    Page.requestPanel.seasonTab(1)
+      .should("not.have.class", "available")
+      .should("not.have.class", "requested")
+      .should("not.have.class", "approved");
 
-    cy.getByData("masterCheckbox1").should("be.visible");
-    cy.getByDataLike("episodeCheckbox1").each((element) => {
+    Page.requestPanel.getSeasonMasterCheckbox(1).should("be.visible");
+    Page.requestPanel.getEpisodeCheckbox(1).each((element) => {
       expect(element.length).to.be.greaterThan(0);
     });
   });
@@ -31,19 +34,20 @@ describe("TV Requests Grid", function () {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
     cy.wait("@detailsResponse");
 
-    cy.getByData("classStatus1").should("not.have.class", "available");
-    cy.getByData("classStatus1").should("have.class", "requested");
-    cy.getByData("classStatus1").should("not.have.class", "approved");
+    Page.requestPanel.seasonTab(1)
+      .should("not.have.class", "available")
+      .should("have.class", "requested")
+      .should("not.have.class", "approved");
 
     // checkboxes
-    cy.getByData("masterCheckbox1").should("not.exist");
-    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+    Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
+    Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
 
-    cy.getByDataLike("episodeStatus1").each((element) => {
+    Page.requestPanel.getEpisodeStatus(1).each((element) => {
       expect(element.hasClass("requested")).to.be.true;
       expect(element.text()).contain('Pending Approval');
     });
@@ -64,19 +68,20 @@ describe("TV Requests Grid", function () {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
     cy.wait("@detailsResponse");
 
-    cy.getByData("classStatus1").should("not.have.class", "available");
-    cy.getByData("classStatus1").should("not.have.class", "requested");
-    cy.getByData("classStatus1").should("have.class", "approved");
+    Page.requestPanel.seasonTab(1)
+      .should("not.have.class", "available")
+      .should("not.have.class", "requested")
+      .should("have.class", "approved");
 
     // checkboxes
-    cy.getByData("masterCheckbox1").should("not.exist");
-    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+    Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
+    Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
 
-    cy.getByDataLike("episodeStatus1").each((element) => {
+    Page.requestPanel.getEpisodeStatus(1).each((element) => {
       expect(element.hasClass("approved")).to.be.true;
       expect(element.text()).contain('Approved');
     });
@@ -96,74 +101,76 @@ describe("TV Requests Grid", function () {
       });
     }).as("detailsResponse");
 
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
     cy.wait("@detailsResponse");
 
-    cy.getByData("classStatus1").should("have.class", "available");
-    cy.getByData("classStatus1").should("not.have.class", "requested");
-    cy.getByData("classStatus1").should("not.have.class", "approved");
+    Page.requestPanel.seasonTab(1)
+      .should("have.class", "available")
+      .should("not.have.class", "requested")
+      .should("not.have.class", "approved");
 
     // checkboxes
-    cy.getByData("masterCheckbox1").should("not.exist");
-    cy.getByDataLike("episodeCheckbox1").should("not.exist");
+    Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
+    Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
 
-    cy.getByDataLike("episodeStatus1").each((element) => {
+    Page.requestPanel.getEpisodeStatus(1).each((element) => {
       expect(element.hasClass("available")).to.be.true;
       expect(element.text()).contain('Available');
     });
   });
 
   it("Request no episodes", () => {
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
-    cy.get('#addFabBtn').click();
-    cy.get('#requestSelected').click();
+    Page.requestFabButton.fab.click();
+    Page.requestFabButton.requestSelected.click();
 
     cy.verifyNotification('You need to select some episodes!');
   });
 
   it("Request single episodes", () => {
-    cy.visit("/details/tv/121361");
-    const episodeCheckbox = 'episodeCheckbox21';
+    Page.visit('121361');
 
-    cy.getByData("classStatus2").click();
-    cy.getByData(episodeCheckbox).click();
-    cy.get('#addFabBtn').click();
-    cy.get('#requestSelected').click();
+    Page.requestPanel.seasonTab(2).click();
+    Page.requestPanel.getEpisodeSeasonCheckbox(2,1).click();
+    Page.requestFabButton.fab.click();
+    Page.requestFabButton.requestSelected.click();
 
     cy.verifyNotification('Request for Game of Thrones has been added successfully');
 
-    cy.getByData('episodeStatus21')
+    Page.requestPanel.getEpisodeStatus(2,1)
       .should('contain.text', 'Pending Approval')
       .should('have.class', 'requested')
   });
 
 
   it("Request First Season", () => {
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
-    cy.get('#addFabBtn').click();
-    cy.get('#requestFirst').click();
+    Page.requestFabButton.fab.click();
+    Page.requestFabButton.requestFirst.click();
 
     cy.verifyNotification('Request for Game of Thrones has been added successfully');
 
-    cy.getByDataLike('episodeStatus1')
+    Page.requestPanel.getEpisodeStatus(1)
       .should('contain.text', 'Pending Approval')
       .should('have.class', 'requested')
   });
 
   it("Request Latest Season", () => {
-    cy.visit("/details/tv/121361");
+    Page.visit('121361');
 
-    cy.get('#addFabBtn').click();
-    cy.get('#requestLatest').click();
+    Page.requestFabButton.fab.click();
+    Page.requestFabButton.requestLatest.click();
 
     cy.verifyNotification('Request for Game of Thrones has been added successfully');
 
-    cy.getByData("classStatus8").click();
-    cy.getByData("classStatus8").should("have.class", "requested");
-    cy.getByDataLike('episodeStatus8')
+    Page.requestPanel.seasonTab(8)
+    .click()
+    .should("have.class", "requested");
+
+    Page.requestPanel.getEpisodeStatus(8)
       .should('contain.text', 'Pending Approval')
       .should('have.class', 'requested')
   });

From 298baff3c38f4431f172ca2bfe8ed934479a327b Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 11 Mar 2021 22:13:45 +0000
Subject: [PATCH 63/63] include develop

---
 .github/workflows/cypress.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
index afe5648d3..4d13fad78 100644
--- a/.github/workflows/cypress.yml
+++ b/.github/workflows/cypress.yml
@@ -2,9 +2,9 @@ name: Automation Tests
 
 on:
   push:
-    branches: [ feature/ui-automation ]
+    branches: [ feature/ui-automation, develop ]
   pull_request:
-    branches: [ feature/ui-automation ]
+    branches: [ feature/ui-automation, develop ]
   schedule:
     - cron: '0 0 * * *'