updating angular core and cli

step 1 of update Angular 10 -> 11

pdb-js/src/app/app-routing.module.ts

@@ -16,10 +16,7 @@ const routes: Routes = [
 
 @NgModule({
   imports: [
-    RouterModule.forRoot(
-      routes,
-      //{ enableTracing: true } // <-- debugging purposes only
-    )
+    RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })
   ],
   //declarations: [VisualizationPageComponent],
   declarations: [],

pdb-js/src/app/app.component.spec.ts

@@ -1,9 +1,9 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule

pdb-js/src/app/gallery-view/gallery-view.component.spec.ts

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

pdb-js/src/app/help-page/help-page.component.spec.ts

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

pdb-js/src/app/image-toggle/image-toggle.component.spec.ts

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

pdb-js/src/app/limit-by/limit-by.component.spec.ts

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

pdb-js/src/app/main-page/main-page.component.spec.ts

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

pdb-js/src/app/plot-view/plot-view.component.spec.ts

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

pdb-js/src/app/query-autocomplete/query-autocomplete.component.spec.ts

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

pdb-js/src/app/upload-page/upload-page.component.spec.ts

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

pdb-js/src/app/visualization-page/visualization-page.component.spec.ts

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

pdb-js/src/app/y-axis-definition/y-axis-definition.component.spec.ts

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