chore: update angular to v11

src/app/app-routing.module.ts

@@ -24,7 +24,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes)],
+    imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
     exports: [RouterModule],
 })
 export class AppRoutingModule {}

src/app/app.component.spec.ts

@@ -1,4 +1,4 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 import { TranslateModule } from '@ngx-translate/core';
@@ -23,7 +23,7 @@ class MatSnackBarStub {
 }
 
 describe('AppComponent', () => {
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AppComponent],
             providers: [
@@ -38,7 +38,7 @@ describe('AppComponent', () => {
         }).compileComponents();
     }));
 
-    it('should create the app', async(() => {
+    it('should create the app', waitForAsync(() => {
         const fixture = TestBed.createComponent(AppComponent);
         const app = fixture.debugElement.componentInstance;
         expect(app).toBeTruthy();

src/app/home/file-upload/file-upload.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FileUploadComponent } from './file-upload.component';
 import { MatIconModule } from '@angular/material/icon';
 import { MockModule } from 'ng-mocks';
@@ -8,7 +8,7 @@ describe('FileUploadComponent', () => {
     let component: FileUploadComponent;
     let fixture: ComponentFixture<FileUploadComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [FileUploadComponent],
             imports: [MockModule(MatIconModule), NgxUploaderModule],

src/app/home/url-upload/url-upload.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
 import { UrlUploadComponent } from './url-upload.component';
@@ -10,7 +10,7 @@ describe('UrlUploadComponent', () => {
     let component: UrlUploadComponent;
     let fixture: ComponentFixture<UrlUploadComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [UrlUploadComponent],
             imports: [
@@ -31,7 +31,7 @@ describe('UrlUploadComponent', () => {
         expect(component).toBeTruthy();
     });
 
-    it('submit form with playlist url', async(() => {
+    it('submit form with playlist url', waitForAsync(() => {
         spyOn(component.urlAdded, 'emit');
         const TEST_URL = 'http://example.org/playlist.m3u';
         const submitButton = fixture.debugElement.nativeElement.querySelector(

src/app/player/components/epg-list/epg-list.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { EpgListComponent, EpgData } from './epg-list.component';
 import { MatListModule } from '@angular/material/list';
 import { MockModule, MockPipe } from 'ng-mocks';
@@ -81,7 +81,7 @@ describe('EpgListComponent', () => {
         ],
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [EpgListComponent, MockPipe(MomentDatePipe)],
             imports: [MockModule(MatIconModule), MockModule(MatListModule)],

src/app/player/components/html-video-player/html-video-player.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { SimpleChange } from '@angular/core';
 
 import { HtmlVideoPlayerComponent } from './html-video-player.component';
@@ -16,7 +16,7 @@ describe('HtmlVideoPlayerComponent', () => {
         },
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [HtmlVideoPlayerComponent],
         }).compileComponents();

src/app/player/components/video-player/video-player.component.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/unbound-method */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { VideoPlayerComponent } from './video-player.component';
 import { MockComponent, MockModule } from 'ng-mocks';
 import { ChannelListContainerComponent } from '../channel-list-container/channel-list-container.component';
@@ -24,7 +24,7 @@ describe('VideoPlayerComponent', () => {
     let store: ChannelStore;
     let channels;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [
                 MockComponent(EpgListComponent),

src/tsconfig.app.json

@@ -1,5 +1,5 @@
 {
-    "extends": "../tsconfig.base.json",
+    "extends": "../tsconfig.json",
     "compilerOptions": {
         "outDir": "../out-tsc/app",
         "module": "es2020",

src/tsconfig.spec.json

@@ -1,5 +1,5 @@
 {
-    "extends": "../tsconfig.base.json",
+    "extends": "../tsconfig.json",
     "compilerOptions": {
         "outDir": "../out-tsc/spec",
         "baseUrl": "./",