From c421ea00b0183a9887aa5827f36f550a0b7e4293 Mon Sep 17 00:00:00 2001
From: Hamza GRAINI <hamza.graini@xelians.fr>
Date: Tue, 8 Dec 2020 15:49:45 +0100
Subject: [PATCH] [FOX-323] Fix ui-frontend-common lint problems

---
 .../account-application-tab.component.spec.ts      |  4 ++--
 .../account-information-tab.component.spec.ts      |  4 ++--
 .../app/modules/account/account.component.spec.ts  |  4 ++--
 .../app/modules/analytics-resolver.service.spec.ts |  2 +-
 .../src/app/modules/api/user-api.service.spec.ts   |  2 +-
 .../application-select-content.component.spec.ts   |  4 ++--
 .../cancelled-snack-bar.component.spec.ts          |  4 ++--
 .../components/collapse/collapse.component.spec.ts |  4 ++--
 .../close-popup-dialog.component.spec.ts           |  4 ++--
 .../confirm-dialog.component.spec.ts               |  4 ++--
 .../components/country/country.component.spec.ts   |  4 ++--
 .../customer-select-content.component.spec.ts      |  4 ++--
 .../editable-field/editable-field.component.ts     |  4 +++-
 .../editable-file/editable-file.component.spec.ts  | 12 ++++++------
 .../editable-input.component.spec.ts               | 12 ++++++------
 .../editable-level-input.component.spec.ts         |  4 ++--
 .../editable-select.component.spec.ts              | 12 ++++++------
 .../editable-textarea.component.spec.ts            | 12 ++++++------
 .../editable-toggle-group.component.spec.ts        | 12 ++++++------
 .../level-input/level-input.component.spec.ts      |  4 ++--
 .../multiple-email-input.component.spec.ts         | 14 +++++++-------
 .../components/footer/footer.component.spec.ts     |  4 ++--
 .../login-redirect.component.spec.ts               |  4 ++--
 .../application-menu.component.spec.ts             |  4 ++--
 .../common-menu/common-menu.component.spec.ts      |  6 +++---
 .../navbar/common-menu/common-menu.component.ts    |  2 +-
 .../customer-menu/customer-menu.component.spec.ts  |  4 ++--
 .../components/navbar/navbar.component.spec.ts     |  4 ++--
 .../tenant-menu/tenant-menu.component.spec.ts      |  4 ++--
 .../order-by-button.component.spec.ts              |  4 ++--
 .../order-dropdown.component.spec.ts               |  4 ++--
 .../order-option/order-option.component.spec.ts    |  4 ++--
 .../role-toggle/role-toggle.component.spec.ts      |  8 ++++----
 .../components/role-toggle/role.component.spec.ts  |  4 ++--
 .../scroll-top/scroll-top.component.spec.ts        |  4 ++--
 .../search-bar/search-bar.component.spec.ts        |  4 ++--
 .../slide-toggle/slide-toggle.component.spec.ts    |  4 ++--
 .../components/stepper/stepper.component.spec.ts   |  4 ++--
 .../table-filter-option.component.spec.ts          |  4 ++--
 .../table-filter-search.component.spec.ts          |  4 ++--
 .../table-filter/table-filter.component.spec.ts    |  4 ++--
 .../tenant-select-content.component.spec.ts        |  4 ++--
 .../vitamui-autocomplete.component.spec.ts         |  4 ++--
 .../vitamui-display-node.component.spec.ts         |  4 ++--
 .../vitamui-duration-input.component.spec.ts       |  4 ++--
 .../vitamui-field-error.component.spec.ts          |  4 ++--
 .../vitamui-input-error.component.spec.ts          |  4 ++--
 ...vitamui-input-positive-number.component.spec.ts |  6 +++---
 .../vitamui-input/vitamui-input.component.spec.ts  |  6 +++---
 .../vitamui-textarea.component.spec.ts             |  6 +++---
 .../vitamui-list-input.component.spec.ts           |  8 ++++----
 .../vitamui-menu-tile.component.spec.ts            |  4 ++--
 .../vitamui-snack-bar.component.spec.ts            |  6 +++---
 .../vitamui-snack-bar.component.ts                 |  2 +-
 .../vitamui-snack-bar/vitamui-snack-bar.service.ts |  2 +-
 .../directives/collapse/collapse.directive.spec.ts |  4 ++--
 .../row-collapse/row-collapse.directive.spec.ts    |  4 ++--
 .../directives/tooltip/tooltip.component.spec.ts   |  4 ++--
 .../directives/tooltip/tooltip.component.ts        |  2 +-
 .../error-dialog/error-dialog.component.spec.ts    |  4 ++--
 .../event-type-label.component.spec.ts             |  4 ++--
 .../history-events.component.spec.ts               |  4 ++--
 .../operation-history-tab.component.spec.ts        |  4 ++--
 .../src/app/modules/sidenav-page.class.ts          |  3 ++-
 .../notification-snack-bar.component.spec.ts       |  6 +++---
 .../notification-snack-bar.component.ts            |  2 +-
 .../subrogation-banner.component.spec.ts           |  4 ++--
 .../subrogation-modal.component.spec.ts            |  4 ++--
 .../subrogation-modal.component.ts                 |  2 +-
 .../subrogation-snack-bar.component.spec.ts        |  6 +++---
 .../subrogation-snack-bar.component.ts             |  2 +-
 .../src/app/modules/vitamui-common.module.ts       |  2 +-
 .../testing/src/vitamui-common-test.module.ts      |  1 +
 73 files changed, 172 insertions(+), 168 deletions(-)

diff --git a/ui/ui-frontend-common/src/app/modules/account/account-application-tab/account-application-tab.component.spec.ts b/ui/ui-frontend-common/src/app/modules/account/account-application-tab/account-application-tab.component.spec.ts
index ecb916eff..c1235bf72 100644
--- a/ui/ui-frontend-common/src/app/modules/account/account-application-tab/account-application-tab.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/account/account-application-tab/account-application-tab.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AccountApplicationTabComponent } from './account-application-tab.component';
 
@@ -42,7 +42,7 @@ describe('AccountApplicationTabComponent', () => {
   let component: AccountApplicationTabComponent;
   let fixture: ComponentFixture<AccountApplicationTabComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ AccountApplicationTabComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/account/account-information-tab/account-information-tab.component.spec.ts b/ui/ui-frontend-common/src/app/modules/account/account-information-tab/account-information-tab.component.spec.ts
index b0fb48509..a0ec87125 100644
--- a/ui/ui-frontend-common/src/app/modules/account/account-information-tab/account-information-tab.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/account/account-information-tab/account-information-tab.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { of } from 'rxjs';
@@ -53,7 +53,7 @@ describe('AccountInformationTabComponent', () => {
     getMyAccount: () => of({})
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         ReactiveFormsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/account/account.component.spec.ts b/ui/ui-frontend-common/src/app/modules/account/account.component.spec.ts
index 374c671c7..2f2b10a47 100644
--- a/ui/ui-frontend-common/src/app/modules/account/account.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/account/account.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Input } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatTabsModule } from '@angular/material/tabs';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { ActivatedRoute } from '@angular/router';
@@ -63,7 +63,7 @@ describe('AccountComponent', () => {
     getMyAccount: () => of({})
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         InjectorModule,
diff --git a/ui/ui-frontend-common/src/app/modules/analytics-resolver.service.spec.ts b/ui/ui-frontend-common/src/app/modules/analytics-resolver.service.spec.ts
index 4531387f4..1bdfda2d3 100644
--- a/ui/ui-frontend-common/src/app/modules/analytics-resolver.service.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/analytics-resolver.service.spec.ts
@@ -32,7 +32,7 @@ describe('AnalyticsResolver', () => {
   }));
 
   it('should be created', () => {
-    const service: AnalyticsResolver = TestBed.get(AnalyticsResolver);
+    const service: AnalyticsResolver = TestBed.inject(AnalyticsResolver);
     expect(service).toBeTruthy();
   });
 });
diff --git a/ui/ui-frontend-common/src/app/modules/api/user-api.service.spec.ts b/ui/ui-frontend-common/src/app/modules/api/user-api.service.spec.ts
index bc3eceef6..6aa3b6437 100644
--- a/ui/ui-frontend-common/src/app/modules/api/user-api.service.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/api/user-api.service.spec.ts
@@ -13,7 +13,7 @@ describe('UserApiService', () => {
   }));
 
   it('should be created', () => {
-    const service: UserApiService = TestBed.get(UserApiService);
+    const service: UserApiService = TestBed.inject(UserApiService);
     expect(service).toBeTruthy();
   });
 });
diff --git a/ui/ui-frontend-common/src/app/modules/components/application-select-content/application-select-content.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/application-select-content/application-select-content.component.spec.ts
index 1e0af9b98..36c306767 100644
--- a/ui/ui-frontend-common/src/app/modules/components/application-select-content/application-select-content.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/application-select-content/application-select-content.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Input } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { AuthService } from '../../auth.service';
 import { WINDOW_LOCATION } from '../../injection-tokens';
@@ -54,7 +54,7 @@ describe('ApplicationSelectContentComponent', () => {
   let component: ApplicationSelectContentComponent;
   let fixture: ComponentFixture<ApplicationSelectContentComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         ApplicationSelectContentComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/components/cancelled-snack-bar/cancelled-snack-bar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/cancelled-snack-bar/cancelled-snack-bar.component.spec.ts
index e3a415a5d..6b6bba0ad 100644
--- a/ui/ui-frontend-common/src/app/modules/components/cancelled-snack-bar/cancelled-snack-bar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/cancelled-snack-bar/cancelled-snack-bar.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 
 import { CancelledSnackBarComponent } from './cancelled-snack-bar.component';
@@ -43,7 +43,7 @@ describe('CancelledSnackBarComponent', () => {
   let component: CancelledSnackBarComponent;
   let fixture: ComponentFixture<CancelledSnackBarComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ CancelledSnackBarComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/components/collapse/collapse.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/collapse/collapse.component.spec.ts
index fc0e30b74..9dfdc29f2 100644
--- a/ui/ui-frontend-common/src/app/modules/components/collapse/collapse.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/collapse/collapse.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { CollapseComponent } from './collapse.component';
@@ -55,7 +55,7 @@ describe('CollapseComponent', () => {
   let testhost: TesthostComponent;
   let fixture: ComponentFixture<TesthostComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [ NoopAnimationsModule ],
       declarations: [ CollapseComponent, TesthostComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/close-popup-dialog.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/close-popup-dialog.component.spec.ts
index 4d04e1d67..d48138ed1 100644
--- a/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/close-popup-dialog.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/close-popup-dialog.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ClosePopupDialogComponent } from './close-popup-dialog.component';
 
@@ -43,7 +43,7 @@ describe('ClosePopupDialogComponent', () => {
   let component: ClosePopupDialogComponent;
   let fixture: ComponentFixture<ClosePopupDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ClosePopupDialogComponent ],
       schemas: [NO_ERRORS_SCHEMA]
diff --git a/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/confirm-dialog.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/confirm-dialog.component.spec.ts
index 4e955771e..a31a973fe 100644
--- a/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/confirm-dialog.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/confirm-dialog/confirm-dialog.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 
 import { ConfirmDialogComponent } from './confirm-dialog.component';
@@ -43,7 +43,7 @@ describe('ConfirmDialogComponent', () => {
   let component: ConfirmDialogComponent;
   let fixture: ComponentFixture<ConfirmDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         MatDialogModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/country/country.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/country/country.component.spec.ts
index d95d47073..186bf35cf 100644
--- a/ui/ui-frontend-common/src/app/modules/components/country/country.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/country/country.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { CountryComponent } from './country.component';
 
@@ -42,7 +42,7 @@ describe('CountryComponent', () => {
   let component: CountryComponent;
   let fixture: ComponentFixture<CountryComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ CountryComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/components/customer-select-content/customer-select-content.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/customer-select-content/customer-select-content.component.spec.ts
index 3aa475a47..165b18458 100644
--- a/ui/ui-frontend-common/src/app/modules/components/customer-select-content/customer-select-content.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/customer-select-content/customer-select-content.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { CustomerSelectContentComponent } from './customer-select-content.component';
@@ -43,7 +43,7 @@ describe('CustomerSelectContentComponent', () => {
   let component: CustomerSelectContentComponent;
   let fixture: ComponentFixture<CustomerSelectContentComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ CustomerSelectContentComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-field.component.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-field.component.ts
index 4ef14b17a..00d899e55 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-field.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-field.component.ts
@@ -35,12 +35,14 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { AfterContentInit, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChild, Directive } from '@angular/core';
+import { AfterContentInit, ContentChildren, Directive, ElementRef, EventEmitter,
+   HostBinding, HostListener, Input, Output, QueryList, ViewChild } from '@angular/core';
 import { AsyncValidatorFn, ControlValueAccessor, FormControl, ValidatorFn } from '@angular/forms';
 
 import { VitamUIFieldErrorComponent } from '../vitamui-field-error/vitamui-field-error.component';
 
 @Directive()
+// tslint:disable-next-line:directive-class-suffix
 export class EditableFieldComponent implements AfterContentInit, ControlValueAccessor {
 
   @Input() label: string;
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-file/editable-file.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-file/editable-file.component.spec.ts
index ae1268129..362ba11cf 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-file/editable-file.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-file/editable-file.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable:no-magic-numbers */
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { AbstractControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { By } from '@angular/platform-browser';
@@ -79,7 +79,7 @@ describe('EditableFileComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         FormsModule,
@@ -125,7 +125,7 @@ describe('EditableFileComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the value', async(() => {
+    it('should display the value', waitForAsync(() => {
       testhost.value = newFile([''], 'test-file.txt');
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -214,7 +214,7 @@ describe('EditableFileComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = newFile([''], 'test-file.txt');
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -260,7 +260,7 @@ describe('EditableFileComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       const originFile = newFile([''], 'origin-file.txt');
       const newFileTmp = newFile([''], 'new-file.txt');
       testhost.value = originFile;
@@ -278,7 +278,7 @@ describe('EditableFileComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       const originFile = newFile([''], 'origin-file.txt');
       const newFileTmp = newFile([''], 'new-file.txt');
       testhost.value = originFile;
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.spec.ts
index 0e6c49ee0..1649f1cb1 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable:no-magic-numbers */
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { AbstractControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -78,7 +78,7 @@ describe('EditableInputComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         OverlayModule,
@@ -124,7 +124,7 @@ describe('EditableInputComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the value', async(() => {
+    it('should display the value', waitForAsync(() => {
       testhost.value = 'test value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -208,7 +208,7 @@ describe('EditableInputComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = 'test value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -254,7 +254,7 @@ describe('EditableInputComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       testhost.value = 'origin value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -270,7 +270,7 @@ describe('EditableInputComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       testhost.value = 'origin value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.spec.ts
index f304f80bf..4927f6164 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { OverlayModule } from '@angular/cdk/overlay';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { LevelInputModule } from '../level-input/level-input.module';
@@ -46,7 +46,7 @@ describe('EditableLevelInputComponent', () => {
   let component: EditableLevelInputComponent;
   let fixture: ComponentFixture<EditableLevelInputComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         ReactiveFormsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.spec.ts
index 1f0700338..4b79b66d9 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable:no-magic-numbers */
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, NO_ERRORS_SCHEMA, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -69,7 +69,7 @@ describe('EditableSelectComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         OverlayModule,
@@ -118,7 +118,7 @@ describe('EditableSelectComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the value', async(() => {
+    it('should display the value', waitForAsync(() => {
       testhost.value = 'value2';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -181,7 +181,7 @@ describe('EditableSelectComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -227,7 +227,7 @@ describe('EditableSelectComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -243,7 +243,7 @@ describe('EditableSelectComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.spec.ts
index 4c8e5782b..bdd13d940 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.spec.ts
@@ -38,7 +38,7 @@
 
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { AbstractControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -79,7 +79,7 @@ describe('EditableTextareaComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         OverlayModule,
@@ -125,7 +125,7 @@ describe('EditableTextareaComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the value', async(() => {
+    it('should display the value', waitForAsync(() => {
       testhost.value = 'test value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -209,7 +209,7 @@ describe('EditableTextareaComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = 'test value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -255,7 +255,7 @@ describe('EditableTextareaComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       testhost.value = 'origin value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -271,7 +271,7 @@ describe('EditableTextareaComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       testhost.value = 'origin value';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.spec.ts
index c97d5e427..eb412b7c1 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable:no-magic-numbers */
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -67,7 +67,7 @@ describe('EditableSelectComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         OverlayModule,
@@ -113,7 +113,7 @@ describe('EditableSelectComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the value', async(() => {
+    it('should display the value', waitForAsync(() => {
       testhost.value = 'value2';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -176,7 +176,7 @@ describe('EditableSelectComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -222,7 +222,7 @@ describe('EditableSelectComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -238,7 +238,7 @@ describe('EditableSelectComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       testhost.value = 'value1';
       fixture.detectChanges();
       fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/level-input/level-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/level-input/level-input.component.spec.ts
index 771eeaf31..bd4cc8963 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/level-input/level-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/level-input/level-input.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
 import { LevelInputComponent } from './level-input.component';
@@ -43,7 +43,7 @@ describe('LevelInputComponent', () => {
   let component: LevelInputComponent;
   let fixture: ComponentFixture<LevelInputComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule],
       declarations: [ LevelInputComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/multiple-email-input/multiple-email-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/editable-field/multiple-email-input/multiple-email-input.component.spec.ts
index b68fa87fd..a41898dd3 100644
--- a/ui/ui-frontend-common/src/app/modules/components/editable-field/multiple-email-input/multiple-email-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/multiple-email-input/multiple-email-input.component.spec.ts
@@ -39,7 +39,7 @@
 /* tslint:disable:no-magic-numbers */
 import { OverlayContainer, OverlayModule } from '@angular/cdk/overlay';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+import { ComponentFixture, inject, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
@@ -65,7 +65,7 @@ describe('MultipleEmailInputComponent', () => {
   let fixture: ComponentFixture<TesthostComponent>;
   let overlayContainerElement: HTMLElement;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
 
     // const flowValidatorsSpy = jasmine.createSpyObj(
     //   'FlowValidators',
@@ -119,7 +119,7 @@ describe('MultipleEmailInputComponent', () => {
       expect(elLabel.textContent).toContain('Test label');
     });
 
-    it('should display the list of domains', async(() => {
+    it('should display the list of domains', waitForAsync(() => {
       testhost.value = ['test1.com', 'test2.com', 'test3.com'];
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -134,7 +134,7 @@ describe('MultipleEmailInputComponent', () => {
       });
     }));
 
-    it('should display "(par défaut)" next to the selected domain', async(() => {
+    it('should display "(par défaut)" next to the selected domain', waitForAsync(() => {
       testhost.value = ['test1.com', 'test2.com', 'test3.com', 'test4.com'];
       testhost.defaultValue = testhost.value[1];
       fixture.detectChanges();
@@ -201,7 +201,7 @@ describe('MultipleEmailInputComponent', () => {
 
   describe('Class', () => {
 
-    it('should set the control value', async(() => {
+    it('should set the control value', waitForAsync(() => {
       testhost.value = ['test1.com', 'test2.com'];
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -247,7 +247,7 @@ describe('MultipleEmailInputComponent', () => {
       });
     });
 
-    it('should emit a new value', async(() => {
+    it('should emit a new value', waitForAsync(() => {
       testhost.value = ['test1.com', 'test2.com'];
       fixture.detectChanges();
       fixture.whenStable().then(() => {
@@ -263,7 +263,7 @@ describe('MultipleEmailInputComponent', () => {
       });
     }));
 
-    it('should reverse the changes', async(() => {
+    it('should reverse the changes', waitForAsync(() => {
       testhost.value = ['test1.com', 'test2.com'];
       fixture.detectChanges();
       fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/footer/footer.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/footer/footer.component.spec.ts
index 449d6c3ed..7384bb9ed 100644
--- a/ui/ui-frontend-common/src/app/modules/components/footer/footer.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/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 ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/components/login-redirect/login-redirect.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/login-redirect/login-redirect.component.spec.ts
index 3bc304fdb..79346a99c 100644
--- a/ui/ui-frontend-common/src/app/modules/components/login-redirect/login-redirect.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/login-redirect/login-redirect.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ActivatedRoute } from '@angular/router';
 
 import { WINDOW_LOCATION } from '../../injection-tokens';
@@ -45,7 +45,7 @@ describe('LoginRedirectComponent', () => {
   let component: LoginRedirectComponent;
   let fixture: ComponentFixture<LoginRedirectComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ LoginRedirectComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/application-menu/application-menu.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/application-menu/application-menu.component.spec.ts
index 9dde4a6c6..c6da4bf36 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/application-menu/application-menu.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/application-menu/application-menu.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 
 import { ApplicationService } from '../../../application.service';
@@ -44,7 +44,7 @@ describe('ApplicationMenuComponent', () => {
   let component: ApplicationMenuComponent;
   let fixture: ComponentFixture<ApplicationMenuComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         MatDialogModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.spec.ts
index 04c7b831c..3e114e71b 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.spec.ts
@@ -36,9 +36,9 @@
  */
 // tslint:disable:max-classes-per-file
 import { Component, Input } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { ApplicationSelectContentStubComponent } from '../../../../../../testing/src/public_api';
 import { CommonMenuComponent } from './common-menu.component';
@@ -65,7 +65,7 @@ describe('CommonMenuComponent', () => {
   let component: CommonMenuComponent;
   let fixture: ComponentFixture<CommonMenuComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         FormsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.ts
index 4dfba09bf..8b201a933 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/common-menu/common-menu.component.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Inject, OnInit } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { Application } from '../../../models/application/application.interface';
 import { MenuOption } from '../customer-menu/menu-option.interface';
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/customer-menu/customer-menu.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/customer-menu/customer-menu.component.spec.ts
index b18fd0481..df4cbbb50 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/customer-menu/customer-menu.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/customer-menu/customer-menu.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 import { ActivatedRoute } from '@angular/router';
 import { EMPTY } from 'rxjs';
@@ -46,7 +46,7 @@ describe('CustomerMenuComponent', () => {
   let component: CustomerMenuComponent;
   let fixture: ComponentFixture<CustomerMenuComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [ MatDialogModule ],
       declarations: [ CustomerMenuComponent ],
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/navbar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/navbar.component.spec.ts
index 50e64b409..dd7fd533c 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/navbar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/navbar.component.spec.ts
@@ -38,7 +38,7 @@
 /* tslint:disable:max-classes-per-file */
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { Component, Directive, HostListener, Input } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatSnackBarModule, MatSnackBarRef } from '@angular/material/snack-bar';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -106,7 +106,7 @@ describe('NavbarComponent', () => {
   let fixture: ComponentFixture<NavbarComponent>;
   const snackBarSpy = jasmine.createSpyObj('VitamUISnackBar', ['open', 'openFromComponent']);
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     const authServiceStub = { logout: () => { } };
     const startupServiceStub = { getPortalUrl: () => { }, getLogo: () => { }, getAppLogoURL: () => { } , getCustomerLogoURL: () => { }  };
 
diff --git a/ui/ui-frontend-common/src/app/modules/components/navbar/tenant-menu/tenant-menu.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/navbar/tenant-menu/tenant-menu.component.spec.ts
index 77a3d85f4..68a440fd8 100644
--- a/ui/ui-frontend-common/src/app/modules/components/navbar/tenant-menu/tenant-menu.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/navbar/tenant-menu/tenant-menu.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 import { ActivatedRoute } from '@angular/router';
 import { EMPTY } from 'rxjs';
@@ -46,7 +46,7 @@ describe('TenantMenuComponent', () => {
   let component: TenantMenuComponent;
   let fixture: ComponentFixture<TenantMenuComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [ MatDialogModule ],
       declarations: [ TenantMenuComponent ],
diff --git a/ui/ui-frontend-common/src/app/modules/components/order-by-button/order-by-button.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/order-by-button/order-by-button.component.spec.ts
index 38f4efd4d..f0e143107 100644
--- a/ui/ui-frontend-common/src/app/modules/components/order-by-button/order-by-button.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/order-by-button/order-by-button.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrderByButtonComponent } from './order-by-button.component';
 
@@ -42,7 +42,7 @@ describe('OrderByButtonComponent', () => {
   let component: OrderByButtonComponent;
   let fixture: ComponentFixture<OrderByButtonComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ OrderByButtonComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-dropdown.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-dropdown.component.spec.ts
index 9c8291987..256b586d3 100644
--- a/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-dropdown.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-dropdown.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { OverlayModule } from '@angular/cdk/overlay';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrderDropdownComponent } from './order-dropdown.component';
 
@@ -43,7 +43,7 @@ describe('OrderDropdownComponent', () => {
   let component: OrderDropdownComponent;
   let fixture: ComponentFixture<OrderDropdownComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [OverlayModule],
       declarations: [ OrderDropdownComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-option/order-option.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-option/order-option.component.spec.ts
index a08d27051..7bc923bd9 100644
--- a/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-option/order-option.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/order-dropdown/order-option/order-option.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { OrderOptionComponent } from './order-option.component';
 
@@ -42,7 +42,7 @@ describe('OrderOptionComponent', () => {
   let component: OrderOptionComponent;
   let fixture: ComponentFixture<OrderOptionComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ OrderOptionComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/components/role-toggle/role-toggle.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/role-toggle/role-toggle.component.spec.ts
index 5beaa7574..eb2a5fed2 100644
--- a/ui/ui-frontend-common/src/app/modules/components/role-toggle/role-toggle.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/role-toggle/role-toggle.component.spec.ts
@@ -37,7 +37,7 @@
 // tslint:disable:no-magic-numbers
 
 import { Component } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 
@@ -66,7 +66,7 @@ describe('RoleToggleComponent', () => {
   let testhost: TesthostComponent;
   let fixture: ComponentFixture<TesthostComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule],
       declarations: [TesthostComponent, RoleToggleComponent, RoleComponent, SlideToggleComponent]
@@ -84,7 +84,7 @@ describe('RoleToggleComponent', () => {
     expect(testhost).toBeTruthy();
   });
 
-  it('should display a list of slide toggles', async(() => {
+  it('should display a list of slide toggles', waitForAsync(() => {
     const slideToggles = fixture.debugElement.queryAll(By.directive(SlideToggleComponent));
 
     expect(slideToggles.length).toBe(3);
@@ -102,7 +102,7 @@ describe('RoleToggleComponent', () => {
 
   }));
 
-  it('should add the role to the list', async(() => {
+  it('should add the role to the list', waitForAsync(() => {
     const deCheckBoxes = fixture.debugElement.queryAll(By.css('input[type=checkbox]'));
 
     fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/role-toggle/role.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/role-toggle/role.component.spec.ts
index d4bc6b4ce..5e3c91b4f 100644
--- a/ui/ui-frontend-common/src/app/modules/components/role-toggle/role.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/role-toggle/role.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
 import { VitamUISlideToggleStubComponent } from '../../../../../testing/src';
@@ -44,7 +44,7 @@ describe('RoleComponent', () => {
   let component: RoleComponent;
   let fixture: ComponentFixture<RoleComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule],
       declarations: [ RoleComponent, VitamUISlideToggleStubComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/scroll-top/scroll-top.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/scroll-top/scroll-top.component.spec.ts
index 76a33d26c..ba380738a 100644
--- a/ui/ui-frontend-common/src/app/modules/components/scroll-top/scroll-top.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/scroll-top/scroll-top.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatIconModule } from '@angular/material/icon';
 import { ScrollTopComponent } from './scroll-top.component';
 
@@ -6,7 +6,7 @@ describe('ScrollTopComponent', () => {
   let component: ScrollTopComponent;
   let fixture: ComponentFixture<ScrollTopComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ScrollTopComponent],
       imports: [MatIconModule]
diff --git a/ui/ui-frontend-common/src/app/modules/components/search-bar/search-bar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/search-bar/search-bar.component.spec.ts
index 6c65faf24..cddbba9b8 100644
--- a/ui/ui-frontend-common/src/app/modules/components/search-bar/search-bar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/search-bar/search-bar.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
 import { SearchBarComponent } from './search-bar.component';
@@ -54,7 +54,7 @@ describe('SearchBarComponent', () => {
   let testhost: TestHostComponent;
   let fixture: ComponentFixture<TestHostComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule],
       declarations: [ TestHostComponent, SearchBarComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/slide-toggle/slide-toggle.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/slide-toggle/slide-toggle.component.spec.ts
index 05ee23ee0..56a58a57e 100644
--- a/ui/ui-frontend-common/src/app/modules/components/slide-toggle/slide-toggle.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/slide-toggle/slide-toggle.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 
 import { SlideToggleComponent } from './slide-toggle.component';
@@ -54,7 +54,7 @@ let testhost: TesthostComponent;
 
 describe('SlideToggleComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule],
       declarations: [ TesthostComponent, SlideToggleComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/stepper/stepper.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/stepper/stepper.component.spec.ts
index 4efc74341..019572ad6 100644
--- a/ui/ui-frontend-common/src/app/modules/components/stepper/stepper.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/stepper/stepper.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable: no-magic-numbers */
 
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { StepperComponent } from './stepper.component';
@@ -61,7 +61,7 @@ let fixture: ComponentFixture<TesthostComponent>;
 
 describe('StepperComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         StepperModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-option/table-filter-option.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-option/table-filter-option.component.spec.ts
index e5b9fdb65..a87c601c5 100644
--- a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-option/table-filter-option.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-option/table-filter-option.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatPseudoCheckboxModule } from '@angular/material/core';
 
 import { TableFilterOptionComponent } from './table-filter-option.component';
@@ -43,7 +43,7 @@ describe('TableFilterOptionComponent', () => {
   let component: TableFilterOptionComponent;
   let fixture: ComponentFixture<TableFilterOptionComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [MatPseudoCheckboxModule],
       declarations: [ TableFilterOptionComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-search.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-search.component.spec.ts
index e795aeb52..9e57b5864 100644
--- a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-search.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter-search.component.spec.ts
@@ -36,7 +36,7 @@
  */
 // tslint:disable:no-magic-numbers
 import { Component } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { MatPseudoCheckboxModule } from '@angular/material/core';
 import { By } from '@angular/platform-browser';
@@ -71,7 +71,7 @@ describe('TableFilterSearchComponent', () => {
   let testhost: TestHostComponent;
   let fixture: ComponentFixture<TestHostComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         MatPseudoCheckboxModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter.component.spec.ts
index 4d6854843..dd0eae701 100644
--- a/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/table-filter/table-filter.component.spec.ts
@@ -36,7 +36,7 @@
  */
 // tslint:disable:no-magic-numbers
 import { Component } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { MatPseudoCheckboxModule } from '@angular/material/core';
 import { By } from '@angular/platform-browser';
@@ -71,7 +71,7 @@ describe('TableFilterComponent', () => {
   let testhost: TestHostComponent;
   let fixture: ComponentFixture<TestHostComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         MatPseudoCheckboxModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/tenant-select-content/tenant-select-content.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/tenant-select-content/tenant-select-content.component.spec.ts
index f705ad51f..963adde0c 100644
--- a/ui/ui-frontend-common/src/app/modules/components/tenant-select-content/tenant-select-content.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/tenant-select-content/tenant-select-content.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { TenantMenuService } from '../navbar/tenant-menu/tenant-menu.service';
@@ -44,7 +44,7 @@ describe('TenantSelectContentComponent', () => {
   let component: TenantSelectContentComponent;
   let fixture: ComponentFixture<TenantSelectContentComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ TenantSelectContentComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-autocomplete/vitamui-autocomplete.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-autocomplete/vitamui-autocomplete.component.spec.ts
index a4332ce48..7a7796af7 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-autocomplete/vitamui-autocomplete.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-autocomplete/vitamui-autocomplete.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Directive, Input } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 
@@ -53,7 +53,7 @@ describe('VitamUIAutocompleteComponent', () => {
   let component: VitamUIAutocompleteComponent;
   let fixture: ComponentFixture<VitamUIAutocompleteComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         ReactiveFormsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-display-node/vitamui-display-node.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-display-node/vitamui-display-node.component.spec.ts
index a08b188a9..1150bf5f2 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-display-node/vitamui-display-node.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-display-node/vitamui-display-node.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 import { VitamUIDisplayNodeComponent } from './vitamui-display-node.component';
@@ -43,7 +43,7 @@ describe('VitamUIDisplayNodeComponent', () => {
   let component: VitamUIDisplayNodeComponent;
   let fixture: ComponentFixture<VitamUIDisplayNodeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         VitamUIDisplayNodeComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-duration-input/vitamui-duration-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-duration-input/vitamui-duration-input.component.spec.ts
index 41bad8d60..e5249a057 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-duration-input/vitamui-duration-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-duration-input/vitamui-duration-input.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 import { VitamUIDurationInputComponent } from './vitamui-duration-input.component';
@@ -43,7 +43,7 @@ describe('VitamUIDurationInputComponent', () => {
   let component: VitamUIDurationInputComponent;
   let fixture: ComponentFixture<VitamUIDurationInputComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         FormsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-field-error/vitamui-field-error.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-field-error/vitamui-field-error.component.spec.ts
index 225b81652..6954b2221 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-field-error/vitamui-field-error.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-field-error/vitamui-field-error.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { VitamUIFieldErrorComponent } from './vitamui-field-error.component';
 
@@ -42,7 +42,7 @@ describe('VitamUIFieldErrorComponent', () => {
   let component: VitamUIFieldErrorComponent;
   let fixture: ComponentFixture<VitamUIFieldErrorComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ VitamUIFieldErrorComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-error.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-error.component.spec.ts
index c449b2412..9cc48b59e 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-error.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-error.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { VitamUIInputErrorComponent } from './vitamui-input-error.component';
@@ -43,7 +43,7 @@ describe('VitamUIInputErrorComponent', () => {
   let component: VitamUIInputErrorComponent;
   let fixture: ComponentFixture<VitamUIInputErrorComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [NoopAnimationsModule],
       declarations: [ VitamUIInputErrorComponent ]
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-positive-number.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-positive-number.component.spec.ts
index 1c65886b4..3ca88156f 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-positive-number.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input-positive-number.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, NgModel } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -60,7 +60,7 @@ let fixture: ComponentFixture<TesthostComponent>;
 
 describe('VitamUIInputPositiveNumberComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule, NoopAnimationsModule, MatProgressSpinnerModule],
       declarations: [VitamUIInputPositiveNumberComponent, TesthostComponent]
@@ -78,7 +78,7 @@ describe('VitamUIInputPositiveNumberComponent', () => {
     expect(testhost).toBeTruthy();
   });
 
-  it('should display the value', async(() => {
+  it('should display the value', waitForAsync(() => {
     testhost.value = 'value to display';
     fixture.detectChanges();
     fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.spec.ts
index d1ed9e44c..835635c31 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-input.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, NgModel } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -60,7 +60,7 @@ let fixture: ComponentFixture<TesthostComponent>;
 
 describe('VitamUIInputComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule, NoopAnimationsModule, MatProgressSpinnerModule],
       declarations: [VitamUIInputComponent, TesthostComponent]
@@ -78,7 +78,7 @@ describe('VitamUIInputComponent', () => {
     expect(testhost).toBeTruthy();
   });
 
-  it('should display the value', async(() => {
+  it('should display the value', waitForAsync(() => {
     testhost.value = 'value to display';
     fixture.detectChanges();
     fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.spec.ts
index aa5f039c2..f9adba29d 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.spec.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, NgModel } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -60,7 +60,7 @@ let fixture: ComponentFixture<TesthostComponent>;
 
 describe('VitamUITextareaComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [FormsModule, NoopAnimationsModule, MatProgressSpinnerModule],
       declarations: [VitamUITextareaComponent, TesthostComponent]
@@ -78,7 +78,7 @@ describe('VitamUITextareaComponent', () => {
     expect(testhost).toBeTruthy();
   });
 
-  it('should display the value', async(() => {
+  it('should display the value', waitForAsync(() => {
     testhost.value = 'value to display';
     fixture.detectChanges();
     fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-list-input/vitamui-list-input.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-list-input/vitamui-list-input.component.spec.ts
index 479aa2578..f8331750c 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-list-input/vitamui-list-input.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-list-input/vitamui-list-input.component.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable: no-magic-numbers */
 
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
@@ -56,7 +56,7 @@ let fixture: ComponentFixture<TestHostComponent>;
 
 describe('VitamUIListInputComponent', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
 
     TestBed.configureTestingModule({
       imports: [
@@ -80,7 +80,7 @@ describe('VitamUIListInputComponent', () => {
     expect(testhost).toBeTruthy();
   });
 
-  it('should have a list of domains', async(() => {
+  it('should have a list of domains', waitForAsync(() => {
     testhost.values = [
       'toto.titi',
       'titi.tutu',
@@ -140,7 +140,7 @@ describe('VitamUIListInputComponent', () => {
     expect(elButton.attributes.disabled).toBeTruthy();
   });
 
-  it('should remove the value', async(() => {
+  it('should remove the value', waitForAsync(() => {
     testhost.values = ['test.com', 'toto.co.uk', 'tata.fr'];
     fixture.detectChanges();
     fixture.whenStable().then(() => {
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-menu-tile/vitamui-menu-tile.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-menu-tile/vitamui-menu-tile.component.spec.ts
index 4013bf598..d324acd6f 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-menu-tile/vitamui-menu-tile.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-menu-tile/vitamui-menu-tile.component.spec.ts
@@ -36,7 +36,7 @@
  */
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { Directive, Input, NO_ERRORS_SCHEMA } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { ApplicationId } from '../../application-id.enum';
 import { BASE_URL } from '../../injection-tokens';
 import { Application } from '../../models/application';
@@ -56,7 +56,7 @@ describe('VitamUIMenuTileComponent', () => {
   let component: VitamUIMenuTileComponent;
   let fixture: ComponentFixture<VitamUIMenuTileComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     const startupServiceStub = { getPortalUrl: () => 'https://dev.vitamui.com',
     getConfigStringValue: () => 'https://dev.vitamui.com/identity' };
     TestBed.configureTestingModule({
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.spec.ts
index 6fdda8d07..6a44bcb03 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.spec.ts
@@ -34,8 +34,8 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 import { VitamUISnackBarComponent } from './vitamui-snack-bar.component';
 
@@ -43,7 +43,7 @@ describe('VitamUISnackbarComponent', () => {
   let component: VitamUISnackBarComponent;
   let fixture: ComponentFixture<VitamUISnackBarComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ VitamUISnackBarComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.ts
index c56bf8dc5..b47a1ee7f 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.component.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Inject } from '@angular/core';
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
+import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'vitamui-common-vitamui-snack-bar',
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.service.ts b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.service.ts
index bc5df22d7..9fdd0a993 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.service.ts
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-snack-bar/vitamui-snack-bar.service.ts
@@ -52,7 +52,7 @@ import {
   SkipSelf,
   TemplateRef
 } from '@angular/core';
-import { MAT_SNACK_BAR_DATA, MatSnackBarConfig, MatSnackBarContainer, MatSnackBarRef, SimpleSnackBar } from '@angular/material/snack-bar';
+import { MatSnackBarConfig, MatSnackBarContainer, MatSnackBarRef, MAT_SNACK_BAR_DATA, SimpleSnackBar } from '@angular/material/snack-bar';
 import { take, takeUntil } from 'rxjs/operators';
 
 /** Injection token that can be used to specify default snack bar. */
diff --git a/ui/ui-frontend-common/src/app/modules/directives/collapse/collapse.directive.spec.ts b/ui/ui-frontend-common/src/app/modules/directives/collapse/collapse.directive.spec.ts
index 38db2d921..f1bf13be9 100644
--- a/ui/ui-frontend-common/src/app/modules/directives/collapse/collapse.directive.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/directives/collapse/collapse.directive.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable: no-magic-numbers max-classes-per-file */
 
 import { Component, QueryList, ViewChildren } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
 import { CollapseContainerDirective } from './collapse-container.directive';
@@ -80,7 +80,7 @@ let page: Page;
 
 describe('CollapseContainerDirective', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         TesthostComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/directives/row-collapse/row-collapse.directive.spec.ts b/ui/ui-frontend-common/src/app/modules/directives/row-collapse/row-collapse.directive.spec.ts
index ed2dbab8d..71aef235d 100644
--- a/ui/ui-frontend-common/src/app/modules/directives/row-collapse/row-collapse.directive.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/directives/row-collapse/row-collapse.directive.spec.ts
@@ -37,7 +37,7 @@
 /* tslint:disable: no-magic-numbers max-classes-per-file */
 
 import { Component, QueryList, ViewChildren } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
 import { RowCollapseContainerDirective } from './row-collapse-container.directive';
@@ -80,7 +80,7 @@ let page: Page;
 
 describe('CollapseContainerDirective', () => {
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         TesthostComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.spec.ts b/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.spec.ts
index 8185faf67..7d67db3b4 100644
--- a/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { EMPTY } from 'rxjs';
 
@@ -45,7 +45,7 @@ describe('TooltipComponent', () => {
   let component: TooltipComponent;
   let fixture: ComponentFixture<TooltipComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         NoopAnimationsModule,
diff --git a/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.ts b/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.ts
index 771e78efa..6572a386e 100644
--- a/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/directives/tooltip/tooltip.component.ts
@@ -37,7 +37,7 @@
 import { animate, keyframes, style, transition, trigger } from '@angular/animations';
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core';
 
-import { VITAMUI_TOOLTIP_MESSAGE, VitamUITooltipMessage } from '../../injection-tokens';
+import { VitamUITooltipMessage, VITAMUI_TOOLTIP_MESSAGE } from '../../injection-tokens';
 
 @Component({
   selector: 'vitamui-common-tooltip',
diff --git a/ui/ui-frontend-common/src/app/modules/error-dialog/error-dialog.component.spec.ts b/ui/ui-frontend-common/src/app/modules/error-dialog/error-dialog.component.spec.ts
index 9c942350d..d2b330a50 100644
--- a/ui/ui-frontend-common/src/app/modules/error-dialog/error-dialog.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/error-dialog/error-dialog.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogRef } from '@angular/material/dialog';
 import { LoggerModule } from './../logger/logger.module';
 import { StartupService } from './../startup.service';
@@ -45,7 +45,7 @@ describe('ErrorDialogComponent', () => {
   let component: ErrorDialogComponent;
   let fixture: ComponentFixture<ErrorDialogComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     const startupServiceStub = { getPortalUrl: () => { }, getLogo: () => { }, getAppLogoURL: () => { } , getCustomerLogoURL: () => { }  };
 
     TestBed.configureTestingModule({
diff --git a/ui/ui-frontend-common/src/app/modules/logbook/event-type-label/event-type-label.component.spec.ts b/ui/ui-frontend-common/src/app/modules/logbook/event-type-label/event-type-label.component.spec.ts
index 2f4df4c2e..30e9836c5 100644
--- a/ui/ui-frontend-common/src/app/modules/logbook/event-type-label/event-type-label.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/logbook/event-type-label/event-type-label.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { EventTypeLabelComponent } from './event-type-label.component';
 
@@ -44,7 +44,7 @@ xdescribe('EventTypeLabelComponent', () => {
   let component: EventTypeLabelComponent;
   let fixture: ComponentFixture<EventTypeLabelComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ EventTypeLabelComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/logbook/history/history-events/history-events.component.spec.ts b/ui/ui-frontend-common/src/app/modules/logbook/history/history-events/history-events.component.spec.ts
index e60fcb68a..2d9dab621 100644
--- a/ui/ui-frontend-common/src/app/modules/logbook/history/history-events/history-events.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/logbook/history/history-events/history-events.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { Component, Input } from '@angular/core';
 import { HistoryEventsComponent } from './history-events.component';
@@ -48,7 +48,7 @@ describe('HistoryEventsComponent', () => {
   let component: HistoryEventsComponent;
   let fixture: ComponentFixture<HistoryEventsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         HistoryEventsComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/logbook/history/operation-history-tab/operation-history-tab.component.spec.ts b/ui/ui-frontend-common/src/app/modules/logbook/history/operation-history-tab/operation-history-tab.component.spec.ts
index e168c3798..17970b745 100644
--- a/ui/ui-frontend-common/src/app/modules/logbook/history/operation-history-tab/operation-history-tab.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/logbook/history/operation-history-tab/operation-history-tab.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
@@ -46,7 +46,7 @@ describe('OperationHistoryTabComponent', () => {
   let component: OperationHistoryTabComponent;
   let fixture: ComponentFixture<OperationHistoryTabComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ OperationHistoryTabComponent ],
       providers: [
diff --git a/ui/ui-frontend-common/src/app/modules/sidenav-page.class.ts b/ui/ui-frontend-common/src/app/modules/sidenav-page.class.ts
index 1c6faccf1..4f277322b 100644
--- a/ui/ui-frontend-common/src/app/modules/sidenav-page.class.ts
+++ b/ui/ui-frontend-common/src/app/modules/sidenav-page.class.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { AfterViewInit, OnDestroy, ViewChild, Directive } from '@angular/core';
+import { AfterViewInit, Directive, OnDestroy, ViewChild } from '@angular/core';
 import { MatSidenav } from '@angular/material/sidenav';
 import { ActivatedRoute } from '@angular/router';
 import { merge, Subject } from 'rxjs';
@@ -44,6 +44,7 @@ import { AppRootComponent } from './app-root-component.class';
 import { GlobalEventService } from './global-event.service';
 
 @Directive()
+// tslint:disable-next-line:directive-class-suffix
 export class SidenavPage<T> extends AppRootComponent implements AfterViewInit, OnDestroy {
 
   openedItem: T;
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.spec.ts
index 49ec5a5ea..cca041109 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.spec.ts
@@ -34,8 +34,8 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 import { NotificationSnackBarComponent } from './notification-snack-bar.component';
 
@@ -43,7 +43,7 @@ describe('NotificationSnackBarComponent', () => {
   let component: NotificationSnackBarComponent;
   let fixture: ComponentFixture<NotificationSnackBarComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         NotificationSnackBarComponent,
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.ts b/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.ts
index a460793f2..77a67f226 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/notification-snack-bar/notification-snack-bar.component.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Inject } from '@angular/core';
-import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
+import { MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 @Component({
   selector: 'vitamui-common-notification-snack-bar',
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-banner/subrogation-banner.component.spec.ts b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-banner/subrogation-banner.component.spec.ts
index 33e11a4eb..d0313a277 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-banner/subrogation-banner.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-banner/subrogation-banner.component.spec.ts
@@ -37,7 +37,7 @@
 import { of } from 'rxjs';
 
 import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatDialogModule } from '@angular/material/dialog';
 
 import { AuthService } from '../../auth.service';
@@ -48,7 +48,7 @@ describe('SubrogationBannerComponent', () => {
   let component: SubrogationBannerComponent;
   let fixture: ComponentFixture<SubrogationBannerComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [MatDialogModule],
       declarations: [ SubrogationBannerComponent ],
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.spec.ts b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.spec.ts
index 95cd44288..b8230e4ba 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.spec.ts
@@ -34,7 +34,7 @@
  * The fact that you are presently reading this means that you have had
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { SubrogationModalComponent } from './subrogation-modal.component';
 
@@ -42,7 +42,7 @@ describe('SubrogationModalComponent', () => {
   // let component: SubrogationModalComponent;
   let fixture: ComponentFixture<SubrogationModalComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ SubrogationModalComponent ]
     })
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.ts b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.ts
index 97c98f42e..4ad9e6ac8 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-modal/subrogation-modal.component.ts
@@ -36,7 +36,7 @@
  */
 import { Component, Inject, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { AuthService } from '../../auth.service';
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.spec.ts b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.spec.ts
index c6edca1f7..7340d5df2 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.spec.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.spec.ts
@@ -35,8 +35,8 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_SNACK_BAR_DATA, MatSnackBarModule, MatSnackBarRef } from '@angular/material/snack-bar';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { MatSnackBarModule, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 import { Router } from '@angular/router';
 
 import { SubrogationApiService } from '../../api/subrogation-api.service';
@@ -47,7 +47,7 @@ describe('SubrogationSnackBarComponent', () => {
   let component: SubrogationSnackBarComponent;
   let fixture: ComponentFixture<SubrogationSnackBarComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         HttpClientTestingModule,
diff --git a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.ts b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.ts
index 3856f4df7..ef328a256 100644
--- a/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.ts
+++ b/ui/ui-frontend-common/src/app/modules/subrogation/subrogation-snack-bar/subrogation-snack-bar.component.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { Component, Inject } from '@angular/core';
-import { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarRef } from '@angular/material/snack-bar';
+import { MatSnackBar, MatSnackBarRef, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
 
 import { SubrogationApiService } from '../../api/subrogation-api.service';
 import { NotificationSnackBarComponent } from '../notification-snack-bar/notification-snack-bar.component';
diff --git a/ui/ui-frontend-common/src/app/modules/vitamui-common.module.ts b/ui/ui-frontend-common/src/app/modules/vitamui-common.module.ts
index 508e7e38e..56a71544c 100644
--- a/ui/ui-frontend-common/src/app/modules/vitamui-common.module.ts
+++ b/ui/ui-frontend-common/src/app/modules/vitamui-common.module.ts
@@ -35,7 +35,7 @@
  * knowledge of the CeCILL-C license and that you accept its terms.
  */
 import { CommonModule } from '@angular/common';
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { APP_INITIALIZER, NgModule } from '@angular/core';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
diff --git a/ui/ui-frontend-common/testing/src/vitamui-common-test.module.ts b/ui/ui-frontend-common/testing/src/vitamui-common-test.module.ts
index 048870d53..518275d46 100644
--- a/ui/ui-frontend-common/testing/src/vitamui-common-test.module.ts
+++ b/ui/ui-frontend-common/testing/src/vitamui-common-test.module.ts
@@ -179,6 +179,7 @@ export class VitamUISlideToggleStubComponent implements ControlValueAccessor {
 // Editable fields
 
 @Directive()
+// tslint:disable-next-line:directive-class-suffix
 export class EditableFieldStubComponent implements ControlValueAccessor {
   @Input() validator: ValidatorFn;
   @Input() asyncValidator: AsyncValidatorFn;
-- 
GitLab