updating angular core and cli

step 1 of update Angular 10 -> 11

pdb-js/angular.json

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

pdb-js/package.json

@@ -12,37 +12,37 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.2.3",
+    "@angular/animations": "^11.0.2",
     "@angular/cdk": "^10.2.7",
-    "@angular/common": "^10.2.3",
+    "@angular/common": "^11.0.2",
-    "@angular/compiler": "^10.2.3",
+    "@angular/compiler": "^11.0.2",
-    "@angular/core": "^10.2.3",
+    "@angular/core": "^11.0.2",
-    "@angular/forms": "^10.2.3",
+    "@angular/forms": "^11.0.2",
     "@angular/material": "^10.2.7",
-    "@angular/platform-browser": "^10.2.3",
+    "@angular/platform-browser": "^11.0.2",
-    "@angular/platform-browser-dynamic": "^10.2.3",
+    "@angular/platform-browser-dynamic": "^11.0.2",
-    "@angular/router": "^10.2.3",
+    "@angular/router": "^11.0.2",
     "moment": "^2.29.1",
     "rxjs": "^6.6.3",
     "rxjs-compat": "^6.6.3",
-    "tslib": "^2.0.3",
+    "tslib": "^2.0.0",
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1100.1",
+    "@angular-devkit/build-angular": "^0.1100.2",
-    "@angular/cli": "^10.2.0",
+    "@angular/cli": "^11.0.2",
-    "@angular/compiler-cli": "^10.2.3",
+    "@angular/compiler-cli": "^11.0.2",
-    "@angular/language-service": "^10.2.3",
+    "@angular/language-service": "^11.0.2",
-    "@types/jasmine": "^3.6.1",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.8",
     "@types/node": "^12.19.4",
-    "codelyzer": "^6.0.1",
+    "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~5.1.1",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~3.3.0",
+    "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.5.4",

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

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