[frontend] Version bump angular/core and angular/cli to 11

kibicara-frontend/angular.json

@@ -44,7 +44,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,

kibicara-frontend/package.json

@@ -12,17 +12,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.2.5",
+    "@angular/animations": "~11.2.14",
     "@angular/cdk": "^10.2.7",
-    "@angular/common": "~10.2.5",
+    "@angular/common": "~11.2.14",
-    "@angular/compiler": "~10.2.5",
+    "@angular/compiler": "~11.2.14",
-    "@angular/core": "~10.2.5",
+    "@angular/core": "~11.2.14",
-    "@angular/forms": "~10.2.5",
+    "@angular/forms": "~11.2.14",
-    "@angular/localize": "^10.2.5",
+    "@angular/localize": "^11.2.14",
     "@angular/material": "^10.2.7",
-    "@angular/platform-browser": "~10.2.5",
+    "@angular/platform-browser": "~11.2.14",
-    "@angular/platform-browser-dynamic": "~10.2.5",
+    "@angular/platform-browser-dynamic": "~11.2.14",
-    "@angular/router": "~10.2.5",
+    "@angular/router": "~11.2.14",
     "ng2-search-filter": "^0.5.1",
     "ngx-markdown": "^10.1.1",
     "rxjs": "~6.5.4",
@@ -30,18 +30,18 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.4",
+    "@angular-devkit/build-angular": "~0.1102.19",
-    "@angular/cli": "~10.2.4",
+    "@angular/cli": "~11.2.19",
-    "@angular/compiler-cli": "~10.2.5",
+    "@angular/compiler-cli": "~11.2.14",
-    "@angular/language-service": "~10.2.5",
+    "@angular/language-service": "~11.2.14",
     "@openapitools/openapi-generator-cli": "^1.0.18-5.0.0-beta2",
-    "@types/jasmine": "^3.5.14",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.12.64",
-    "codelyzer": "^5.1.2",
+    "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.4.1",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",

kibicara-frontend/src/app/app-routing.module.ts

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

kibicara-frontend/src/app/app.component.spec.ts

@@ -1,9 +1,9 @@
-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';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule

kibicara-frontend/src/app/auth/confirm/confirm.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ConfirmComponent } from './confirm.component';
 
@@ -6,7 +6,7 @@ describe('ConfirmComponent', () => {
   let component: ConfirmComponent;
   let fixture: ComponentFixture<ConfirmComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ConfirmComponent ]
     })

kibicara-frontend/src/app/auth/login/login.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { LoginComponent } from './login.component';
 
@@ -6,7 +6,7 @@ describe('LoginComponent', () => {
   let component: LoginComponent;
   let fixture: ComponentFixture<LoginComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ LoginComponent ]
     })

kibicara-frontend/src/app/auth/password-reset/password-reset.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { PasswordResetComponent } from './password-reset.component';
 
@@ -6,7 +6,7 @@ describe('PasswordResetComponent', () => {
   let component: PasswordResetComponent;
   let fixture: ComponentFixture<PasswordResetComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [PasswordResetComponent],
     }).compileComponents();

kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { SetPasswordComponent } from './set-password.component';
 
@@ -6,7 +6,7 @@ describe('SetPasswordComponent', () => {
   let component: SetPasswordComponent;
   let fixture: ComponentFixture<SetPasswordComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [SetPasswordComponent],
     }).compileComponents();

kibicara-frontend/src/app/auth/register/register.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { RegisterComponent } from './register.component';
 
@@ -6,7 +6,7 @@ describe('RegisterComponent', () => {
   let component: RegisterComponent;
   let fixture: ComponentFixture<RegisterComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ RegisterComponent ]
     })

kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AccountSettingsComponent } from './account-settings.component';
 
@@ -6,7 +6,7 @@ describe('AccountSettingsComponent', () => {
   let component: AccountSettingsComponent;
   let fixture: ComponentFixture<AccountSettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ AccountSettingsComponent ]
     })

kibicara-frontend/src/app/dashboard/board/board.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { BoardComponent } from './board.component';
 
@@ -6,7 +6,7 @@ describe('BoardComponent', () => {
   let component: BoardComponent;
   let fixture: ComponentFixture<BoardComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [BoardComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HoodpageComponent } from './hoodpage.component';
 
@@ -6,7 +6,7 @@ describe('HoodpageComponent', () => {
   let component: HoodpageComponent;
   let fixture: ComponentFixture<HoodpageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [HoodpageComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { BadwordsComponent } from './badwords.component';
 
@@ -6,7 +6,7 @@ describe('BadwordsComponent', () => {
   let component: BadwordsComponent;
   let fixture: ComponentFixture<BadwordsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [BadwordsComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/hoodsettings/hoodsettings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HoodsettingsComponent } from './hoodsettings.component';
 
@@ -6,7 +6,7 @@ describe('HoodsettingsComponent', () => {
   let component: HoodsettingsComponent;
   let fixture: ComponentFixture<HoodsettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [HoodsettingsComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TriggerComponent } from './trigger.component';
 
@@ -6,7 +6,7 @@ describe('TriggerComponent', () => {
   let component: TriggerComponent;
   let fixture: ComponentFixture<TriggerComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TriggerComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/platforms/platforms.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { PlatformsComponent } from './platforms.component';
 
@@ -6,7 +6,7 @@ describe('PlatformsComponent', () => {
   let component: PlatformsComponent;
   let fixture: ComponentFixture<PlatformsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [PlatformsComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/board/settings/settings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { SettingsComponent } from './settings.component';
 
@@ -6,7 +6,7 @@ describe('SettingsComponent', () => {
   let component: SettingsComponent;
   let fixture: ComponentFixture<SettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [SettingsComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/dashboard.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DashboardComponent } from './dashboard.component';
 
@@ -6,7 +6,7 @@ describe('DashboardComponent', () => {
   let component: DashboardComponent;
   let fixture: ComponentFixture<DashboardComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ DashboardComponent ]
     })

kibicara-frontend/src/app/dashboard/hoods/faq/faq.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FaqComponent } from './faq.component';
 
@@ -6,7 +6,7 @@ describe('FaqComponent', () => {
   let component: FaqComponent;
   let fixture: ComponentFixture<FaqComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [FaqComponent],
     }).compileComponents();

kibicara-frontend/src/app/dashboard/hoods/hoods.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HoodsComponent } from './hoods.component';
 
@@ -6,7 +6,7 @@ describe('HoodsComponent', () => {
   let component: HoodsComponent;
   let fixture: ComponentFixture<HoodsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HoodsComponent ]
     })

kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewHoodDialogComponent } from './new-hood-dialog.component';
 
@@ -6,7 +6,7 @@ describe('NewHoodDialogComponent', () => {
   let component: NewHoodDialogComponent;
   let fixture: ComponentFixture<NewHoodDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [NewHoodDialogComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EmailBotCardComponent } from './email-bot-card.component';
 
@@ -6,7 +6,7 @@ describe('EmailBotCardComponent', () => {
   let component: EmailBotCardComponent;
   let fixture: ComponentFixture<EmailBotCardComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [EmailBotCardComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EmailConfirmationComponent } from './email-confirmation.component';
 
@@ -6,7 +6,7 @@ describe('EmailConfirmationComponent', () => {
   let component: EmailConfirmationComponent;
   let fixture: ComponentFixture<EmailConfirmationComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [EmailConfirmationComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EmailDialogComponent } from './email-dialog.component';
 
@@ -6,7 +6,7 @@ describe('EmailDialogComponent', () => {
   let component: EmailDialogComponent;
   let fixture: ComponentFixture<EmailDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [EmailDialogComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EmailSettingsComponent } from './email-settings.component';
 
@@ -6,7 +6,7 @@ describe('EmailSettingsComponent', () => {
   let component: EmailSettingsComponent;
   let fixture: ComponentFixture<EmailSettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [EmailSettingsComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EmailUnsubscribeComponent } from './email-unsubscribe.component';
 
@@ -6,7 +6,7 @@ describe('EmailUnsubscribeComponent', () => {
   let component: EmailUnsubscribeComponent;
   let fixture: ComponentFixture<EmailUnsubscribeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [EmailUnsubscribeComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { PlatformsInfoPageComponent } from './platforms-info-page.component';
 
@@ -6,7 +6,7 @@ describe('PlatformsInfoPageComponent', () => {
   let component: PlatformsInfoPageComponent;
   let fixture: ComponentFixture<PlatformsInfoPageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [PlatformsInfoPageComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TelegramBotCardComponent } from './telegram-bot-card.component';
 
@@ -6,7 +6,7 @@ describe('TelegramBotCardComponent', () => {
   let component: TelegramBotCardComponent;
   let fixture: ComponentFixture<TelegramBotCardComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TelegramBotCardComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TelegramDialogComponent } from './telegram-dialog.component';
 
@@ -6,7 +6,7 @@ describe('TelegramDialogComponent', () => {
   let component: TelegramDialogComponent;
   let fixture: ComponentFixture<TelegramDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TelegramDialogComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TelegramSettingsComponent } from './telegram-settings.component';
 
@@ -6,7 +6,7 @@ describe('TelegramSettingsComponent', () => {
   let component: TelegramSettingsComponent;
   let fixture: ComponentFixture<TelegramSettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TelegramSettingsComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TwitterBotCardComponent } from './twitter-bot-card.component';
 
@@ -6,7 +6,7 @@ describe('TwitterBotCardComponent', () => {
   let component: TwitterBotCardComponent;
   let fixture: ComponentFixture<TwitterBotCardComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TwitterBotCardComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/twitter/twitter-callback/twitter-callback.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TwitterCallbackComponent } from './twitter-callback.component';
 
@@ -6,7 +6,7 @@ describe('TwitterCallbackComponent', () => {
   let component: TwitterCallbackComponent;
   let fixture: ComponentFixture<TwitterCallbackComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TwitterCallbackComponent],
     }).compileComponents();

kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TwitterSettingsComponent } from './twitter-settings.component';
 
@@ -6,7 +6,7 @@ describe('TwitterSettingsComponent', () => {
   let component: TwitterSettingsComponent;
   let fixture: ComponentFixture<TwitterSettingsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TwitterSettingsComponent],
     }).compileComponents();

kibicara-frontend/src/app/public-pages/homepage/faq/faq.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FaqComponent } from './faq.component';
 
@@ -6,7 +6,7 @@ describe('FaqComponent', () => {
   let component: FaqComponent;
   let fixture: ComponentFixture<FaqComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [FaqComponent],
     }).compileComponents();

kibicara-frontend/src/app/public-pages/homepage/homepage.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HomepageComponent } from './homepage.component';
 
@@ -6,7 +6,7 @@ describe('HomepageComponent', () => {
   let component: HomepageComponent;
   let fixture: ComponentFixture<HomepageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HomepageComponent ]
     })

kibicara-frontend/src/app/public-pages/hoodpage/hoodpage.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HoodpageComponent } from './hoodpage.component';
 
@@ -6,7 +6,7 @@ describe('HoodpageComponent', () => {
   let component: HoodpageComponent;
   let fixture: ComponentFixture<HoodpageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HoodpageComponent ]
     })

kibicara-frontend/src/app/public-pages/hoodspage/hoodspage.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HoodspageComponent } from './hoodspage.component';
 
@@ -6,7 +6,7 @@ describe('HoodspageComponent', () => {
   let component: HoodspageComponent;
   let fixture: ComponentFixture<HoodspageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HoodspageComponent ]
     })

kibicara-frontend/src/app/public-pages/organizerspage/organizerspage.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrganizerspageComponent } from './organizerspage.component';
 
@@ -6,7 +6,7 @@ describe('OrganizerspageComponent', () => {
   let component: OrganizerspageComponent;
   let fixture: ComponentFixture<OrganizerspageComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ OrganizerspageComponent ]
     })

kibicara-frontend/src/app/public-pages/public-pages.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { PublicPagesComponent } from './public-pages.component';
 
@@ -6,7 +6,7 @@ describe('PublicPagesComponent', () => {
   let component: PublicPagesComponent;
   let fixture: ComponentFixture<PublicPagesComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ PublicPagesComponent ]
     })

kibicara-frontend/src/app/shared/footer/footer.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FooterComponent } from './footer.component';
 
@@ -6,7 +6,7 @@ describe('FooterComponent', () => {
   let component: FooterComponent;
   let fixture: ComponentFixture<FooterComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [FooterComponent],
     }).compileComponents();

kibicara-frontend/src/app/shared/overlay/overlay.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OverlayComponent } from './overlay.component';
 
@@ -6,7 +6,7 @@ describe('OverlayComponent', () => {
   let component: OverlayComponent;
   let fixture: ComponentFixture<OverlayComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [OverlayComponent],
     }).compileComponents();

kibicara-frontend/src/app/shared/toolbar/toolbar.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ToolbarComponent } from './toolbar.component';
 
@@ -6,7 +6,7 @@ describe('ToolbarComponent', () => {
   let component: ToolbarComponent;
   let fixture: ComponentFixture<ToolbarComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ToolbarComponent ]
     })

kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { YesNoDialogComponent } from './yes-no-dialog.component';
 
@@ -6,7 +6,7 @@ describe('YesNoDialogComponent', () => {
   let component: YesNoDialogComponent;
   let fixture: ComponentFixture<YesNoDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [YesNoDialogComponent],
     }).compileComponents();