build: upgrade to angular v12

src/app/modules/data/data.provider.spec.ts

@@ -87,7 +87,6 @@ describe('DataProvider', () => {
     });
     storageProvider = TestBed.get(StorageProvider);
     dataProvider = TestBed.get(DataProvider);
-    await storageProvider.deleteAll();
   });
 
   it('should generate data key', async () => {
@@ -165,6 +164,7 @@ describe('DataProvider', () => {
     );
     const response = await dataProvider.multiSearch(request);
 
+    // @ts-ignore
     expect(response).toEqual(responseShould);
   });
 

src/app/modules/data/detail/data-detail.component.spec.ts

@@ -14,7 +14,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 import {CUSTOM_ELEMENTS_SCHEMA, DebugElement} from '@angular/core';
-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
 import {ActivatedRoute, RouterModule} from '@angular/router';
 import {IonRefresher, IonTitle} from '@ionic/angular';
 import {
@@ -29,6 +29,7 @@ import {DataProvider} from '../data.provider';
 import {DataDetailComponent} from './data-detail.component';
 import {By} from '@angular/platform-browser';
 import {Observable, of} from 'rxjs';
+import {StorageProvider} from '../../storage/storage.provider';
 
 const translations: any = {data: {detail: {TITLE: 'Foo'}}};
 
@@ -62,20 +63,39 @@ describe('DataDetailComponent', () => {
     },
   };
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterModule.forRoot([]),
-        DataRoutingModule,
-        DataModule,
-        TranslateModule.forRoot({
-          loader: {provide: TranslateLoader, useClass: TranslateFakeLoader},
-        }),
-      ],
-      providers: [{provide: ActivatedRoute, useValue: fakeActivatedRoute}],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
-    }).compileComponents();
-  }));
+  const storageProviderSpy = jasmine.createSpyObj('StorageProvider', [
+    'init',
+    'get',
+    'has',
+    'put',
+    'search',
+  ]);
+
+  beforeEach(
+    waitForAsync(() => {
+      TestBed.configureTestingModule({
+        imports: [
+          RouterModule.forRoot([], {relativeLinkResolution: 'legacy'}),
+          DataRoutingModule,
+          DataModule,
+          TranslateModule.forRoot({
+            loader: {provide: TranslateLoader, useClass: TranslateFakeLoader},
+          }),
+        ],
+        providers: [
+          {
+            provide: ActivatedRoute,
+            useValue: fakeActivatedRoute,
+          },
+          {
+            provide: StorageProvider,
+            useValue: storageProviderSpy,
+          },
+        ],
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      }).compileComponents();
+    }),
+  );
 
   beforeEach(async () => {
     dataProvider = TestBed.get(DataProvider);
@@ -90,15 +110,12 @@ describe('DataDetailComponent', () => {
     detailPage = fixture.debugElement;
     translateService.use('foo');
     fixture.detectChanges();
-    await dataProvider.deleteAll();
   });
 
   it('should create component', () => expect(comp).toBeDefined());
 
   it('should have appropriate title', async () => {
-    const title: DebugElement | null = detailPage.query(By.directive(IonTitle));
-    // eslint-disable-next-line unicorn/no-null
-    expect(title).not.toBe(null);
+    const title: DebugElement = detailPage.query(By.directive(IonTitle));
     expect(title!.nativeElement.textContent).toBe('Foo');
   });
 

src/app/modules/data/list/data-list.component.spec.ts

@@ -1,4 +1,4 @@
-import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
 
 import {DataListComponent} from './data-list.component';
 import {TranslateModule} from '@ngx-translate/core';
@@ -10,17 +10,19 @@ describe('DataListComponent', () => {
   let fixture: ComponentFixture<DataListComponent>;
   let configProviderMock: jasmine.SpyObj<ConfigProvider>;
 
-  beforeEach(async(() => {
-    configProviderMock = jasmine.createSpyObj('ConfigProvider', {
-      getValue: () => Promise.resolve({lat: 123, lng: 123}),
-    });
-    TestBed.configureTestingModule({
-      declarations: [DataListComponent],
-      imports: [TranslateModule.forRoot()],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
-      providers: [{provide: ConfigProvider, useValue: configProviderMock}],
-    }).compileComponents();
-  }));
+  beforeEach(
+    waitForAsync(() => {
+      configProviderMock = jasmine.createSpyObj('ConfigProvider', {
+        getValue: () => Promise.resolve({lat: 123, lng: 123}),
+      });
+      TestBed.configureTestingModule({
+        declarations: [DataListComponent],
+        imports: [TranslateModule.forRoot()],
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        providers: [{provide: ConfigProvider, useValue: configProviderMock}],
+      }).compileComponents();
+    }),
+  );
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DataListComponent);