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 ecb916efff353b070375fd7b45b98ff4df517aa2..c1235bf7237a1d6306d9b782df373583427111c9 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 b0fb48509ee613e4bb7bb9edfcd765863562be1b..a0ec87125a4be8426144a17276a74805649bad4b 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 374c671c710b0398cfe079f5062863c44a97f171..2f2b10a47686771376c7a64c98ad754a7bf6c5e6 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 4531387f4cfc8967959f64cd095d1d56a10e4494..1bdfda2d301cbe28cc2ac66694fdd93cc2e876c7 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 bc3eceef61c065afcd70d6912b88e13d98167d9c..6aa3b64372994eae4a658935ea0a2c9388fba70c 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 1e0af9b98b3a639d914d45383ba6230a225fe77a..36c30676755aea19bed7287729230ea40d1a3375 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 e3a415a5d6920c66a6448e44aa748c7c62d4650d..6b6bba0ad9d309023d75128299e6b65d2bfce065 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 fc0e30b747912c60b494aa28c1cfb1ed39975e7d..9dfdc29f2e4ac882b547a11bc2bf71493f65ed66 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 4d04e1d6719ab8f4b30cf5549ea7e2a8af64e0bf..d48138ed12d7684784954aa5fdbf6e674be9b35f 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 4e955771e5a790a55d4a8d49cd6214df1e3ab566..a31a973feb731227466a7b1358516770b8938249 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 d95d470737827715fd82ff6e219dc2401905d54c..186bf35cf43f11bcea54c24b732f79bd1b51140a 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 3aa475a4784de1dd2c840110c761df11f812b315..165b184580d4c477fb2cca5c2a192de7bb3f6766 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 4ef14b17a38f25ed63efe39e3209e32d861785a9..00d899e55b8e5364fdc26a42dceba9355be10193 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 ae12681298ccb5407b38ee2f7b49259c190dbe4d..362ba11cf98289d1ff5a18af32bb64ab64664a63 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 0e6c49ee00837de1de159a769f9a108731f47de6..1649f1cb1023ccd5579d01e016169c49eaead123 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 f304f80bfa358b32271572cca48dd376f5ed09bb..4927f61645875509478103b663cbe11bbc612e03 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 1f07003382bfa66a3c2bf109c560930da19c276c..4b79b66d9be5a9e7e62c1a8c7bc2302f4cc40c61 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 4c8e5782be95b1f2d3c7d203f5501fe8b023e846..bdd13d940d163f0fe705be4457fcfbd38bfca5d0 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 c97d5e427109312f7bfaf7879fd73eb1967b5bbf..eb412b7c119861ca38ff83f63a6b22c15b513f6d 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 771eeaf316a3970ad12c8835c14f8d698de6c70d..bd4cc896390bd5b34e2a1f826027a159607b2335 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 b68fa87fd58a74cb70fada66886fd56f9d3a5c2d..a41898dd3200aa11ec7402f46d694a8f0b9e95c4 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 449d6c3ed6d4ce6f3d56ad1e636e1f6e126a20b2..7384bb9ed14025340893f1bc02d8971d060a17f4 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 3bc304fdb06af3cb9cb910e15bf84926205a91b0..79346a99c3faf08aff454a0a86e9041b4222da02 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 9dde4a6c6a7dd6d47d57db352f40350d73a56546..c6da4bf36ad96b1a3bcaae086851ddb8ac8ba934 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 04c7b831c1a6d47c537bb57c90586a97906fa430..3e114e71b7c5acd2e67fff4464710a01455b73d6 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 4dfba09bfba3634dd613802cea7bbc7bb2e2b8c8..8b201a933659813b85f8c1c5b5226fa2d84c05bc 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 b18fd04811475f2b384683f37137ffff4cc169c7..df4cbbb509e0d312e8f5088d35eb1941e56ac954 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 50e64b409ae5659e68f86704bc062a1861f2a062..dd7fd533cf6c611923ce59c30e48758166422021 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 77a3d85f44d5495688dfd4ed9922a44d44554585..68a440fd8197360969b413a9de288d80a0beda08 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 38f4efd4d54601cff871c132d0ba483f562c0dd5..f0e14310758103a580f149efb6e10f0dadab7270 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 9c82919874143e97f7cffc445552c6cddd3b907f..256b586d3e0722ff18773dc326cefdb838d94bfb 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 a08d270513183ff1c1695332ebb5332b58e43c82..7bc923bd9fab4d32b9a82e2f068b403ca72c81fe 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 5beaa7574a3a2a85f77f5ea8ac0fadb5b0ea2003..eb2a5fed2197b3748b727eb2be30633e88a468dd 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 d4bc6b4ce9a44570e0bfb98b7c2a55279083bb95..5e3c91b4ff37b6fbdad25aee29a78222635ab7da 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 76a33d26c7553fd63beb78a0f6559e421748ee05..ba380738a9b93a460959e5c295e8c2a4f9196ee6 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 6c65faf24d507583922cb471b2ad5070c04ffa10..cddbba9b83515618f61c2538f397f536debba82a 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 05ee23ee02b3c27076b1beeb6a1028a1c86919c4..56a58a57e70be47cfaf523c3cbbb068b5f7b17d2 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 4efc74341044d9e926cb99174e1e50d42f9ec1a1..019572ad6cccf666fc78f1298e70114cb1cbe352 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 e5b9fdb6558afa48327edbd52753df6cfc10097a..a87c601c5d1e7d87a54032cd5b2bda999eab7008 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 e795aeb52744b35bde477d7544d0a7deed6a918d..9e57b58641e0bf98c73f0332f4d5a4a9ebe1d05f 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 4d6854843f378e2949f57782ebde66810872ac36..dd0eae701ddd3ad179b2450dacbe7e381b978483 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 f705ad51f31b92925d5733007ae2c4b04f45acb5..963adde0ce1714d7ed7cecd189c93a87f46afc34 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 a4332ce4892210b031f2dfcb4e57b7d46e533e73..7a7796af7e66003c75002e7543eff187a172b388 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 a08b188a917c52f21acd3dc4fad78fa0e475ff0d..1150bf5f2c8302fbb02813dcc3a5fd13c1119618 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 41bad8d60d819d5bb2eb1236f45dadc140a3d2bc..e5249a057218aec037607019e5f5763e103c15e7 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 225b81652d4bc2141bf793d3c744bdf497535f8f..6954b2221ce746850da4f8ac1bbd32e822d04e5f 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 c449b2412b43c3ce962a3a770758fbb7013a943f..9cc48b59eb96d0b0418de05dc6d8e4454c288103 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 1c65886b4a2b0ee3eb282142913e58190dfc1ac4..3ca88156fd961e4e81a743682452af3bc65b2513 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 d1ed9e44c01b16ba88f70e317b688fdb04f88cff..835635c3149a4ea833058ed9018abdc46340392c 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 aa5f039c212b711f4d3706c9c93d318b57f127dd..f9adba29d76d4c4d448d5305abe8e81217666409 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 479aa2578e733aad744cbbd11d4c9f20b923a147..f8331750cd36efb7dddf9049d1cb302edd5e59c1 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 4013bf598140458a6a8ddc398648623acd90fe0f..d324acd6f8aa14f69f2e4a7a0a0a32ab8b18c126 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 6fdda8d076f0e624ca1ca2b39a4925aca5cbeea8..6a44bcb036a9a78655b9502b2395e61479175156 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 c56bf8dc5a18e458075aef72fe56af704330be74..b47a1ee7fbdad4c7bfb1771c660208ae7837d9ce 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 bc5df22d7d24d1c888f4053749a129e4e2da7eb8..9fdd0a993f5650fb9cc6afecea9a833c088a2b75 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 38db2d921f045f0ee4fe059c4eb07b3bf1f3181f..f1bf13be96a4a4abef6ec56fc726c34aedf73d5c 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 ed2dbab8de4c506daf805d11d8bd440cb11ae328..71aef235d11b1b3099c0ba92d62f4aea18330dcb 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 8185faf6749889c40a964f7386df2fa9ac0f8d44..7d67db3b40c6caa7a87e6e7adebbb9e7983de842 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 771e78efa0a5bab734bea5b30e478990a0a37554..6572a386e207417e0bc9903f2de24b2a475946cc 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 9c942350db8a59492bdb3f09b1064e827a2f0a4e..d2b330a50b3842841abd0fe94d8e54e961c65f03 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 2f4df4c2e9b9a47630b47353a2bcaff7e9009ee6..30e9836c5f83949e76ac7e45b360104fe392fd9d 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 e60fcb68ac18a74f940ed0646f5672635482fdba..2d9dab6211bc045c3b19f844ebb6b131d8ed3a8f 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 e168c37988c50628ec4afe6b965d6782070811f8..17970b7452024f87c7b0cb8b048fd5f6b9740bdf 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 1c6faccf1547495d66d92c621ec1097fc1b60f67..4f277322bbd940a7782995331fa82fc75f0a9bad 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 49ec5a5ea5bfafbc59d90d29a889aa11fa9638b9..cca04110922efd4fd976884f234b050cf1cc6313 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 a460793f20f2486a6961ebf9b9f41b17708f3a2f..77a67f22682f7fc4e479b73bf548df7f841dcb78 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 33e11a4eb221956f5181d3450d69dc851f4634a9..d0313a2771eadac98af4d7d79c691dca65ac22ce 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 95cd4428811a06198b3a45f61cd6d5e73857f1b4..b8230e4baf1fa3d621e1e50a882c87badc44b6a2 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 97c98f42e0adb784e5851f8eca42a59e291c3c3b..4ad9e6ac82aa751031db0f07618424e472f547cb 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 c6edca1f7cc067e25763ba49abcf082aea4a3167..7340d5df2a8746a22f1db45c819b7b9a2a35e885 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 3856f4df7ab64e2d490681263bb0115bb4142f47..ef328a2564572857c7b0c79a7d2780bf7e73e7c9 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 508e7e38e071733b2352fab82cb336f194f36ef7..56a71544c8ad4c7569d43ffeb6c39fd602324e74 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 048870d5331c5b884ca0473f7b155f8600ea0c1c..518275d46ff94fb9274226dc891a258899e2e551 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;