enhancement: update Angular to version 10 (madoar#317)

* enhancement: update Angular to version 10 * enhancement: replace async with waitForAsync * ci: disable tslint rule directive-class-suffix for the two interfaces WizardStep and WizardCompletionStep
jwelmac · Sep 27, 2020 · ae66380 · ae66380
1 parent 187cf07
commit ae66380
Show file tree

Hide file tree

Showing 36 changed files with 4,764 additions and 4,793 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,44 +38,44 @@
     "e2e": "ng e2e"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.901.4",
-    "@angular-devkit/build-ng-packagr": "~0.901.4",
-    "@angular/cli": "~9.1.4",
-    "@angular/common": "^9.1.4",
-    "@angular/compiler": "^9.1.4",
-    "@angular/compiler-cli": "^9.1.4",
-    "@angular/core": "^9.1.4",
-    "@angular/forms": "^9.1.4",
-    "@angular/language-service": "^9.1.4",
-    "@angular/platform-browser": "^9.1.4",
-    "@angular/platform-browser-dynamic": "^9.1.4",
-    "@angular/router": "^9.1.4",
+    "@angular-devkit/build-angular": "~0.1001.2",
+    "@angular-devkit/build-ng-packagr": "~0.1001.2",
+    "@angular/cli": "~10.1.2",
+    "@angular/common": "^10.1.2",
+    "@angular/compiler": "^10.1.2",
+    "@angular/compiler-cli": "^10.1.2",
+    "@angular/core": "^10.1.2",
+    "@angular/forms": "^10.1.2",
+    "@angular/language-service": "^10.1.2",
+    "@angular/platform-browser": "^10.1.2",
+    "@angular/platform-browser-dynamic": "^10.1.2",
+    "@angular/router": "^10.1.2",
     "@earshinov/extract-scss-variables": "^0.1.1",
     "@types/jasmine": "~3.5.7",
     "@types/jasminewd2": "~2.0.8",
     "@types/node": "^13.7.5",
     "codelyzer": "^5.1.2",
     "jasmine-core": "~3.5.0",
-    "jasmine-spec-reporter": "~5.0.2",
-    "karma": "~5.0.4",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~5.0.0",
     "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~2.1.1",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-detect-browsers": "^2.3.3",
     "karma-firefox-launcher": "^1.3.0",
-    "karma-jasmine": "~3.1.1",
-    "karma-jasmine-html-reporter": "^1.5.2",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
     "karma-safari-launcher": "^1.0.0",
-    "ng-packagr": "^9.1.2",
+    "ng-packagr": "^10.1.0",
     "node-sass": "^4.13.1",
-    "protractor": "~5.4.0",
+    "protractor": "~7.0.0",
     "rxjs": "~6.5.4",
     "scss-bundle": "^3.0.2",
     "ts-node": "~8.10.1",
-    "tslint": "~5.18.0",
-    "typescript": "~3.8.3",
+    "tslint": "~6.1.0",
+    "typescript": "~4.0.3",
     "zone.js": "~0.10.3"
   },
   "dependencies": {
-    "tslib": "^1.10.0"
+    "tslib": "^2.0.0"
   }
 }
diff --git a/src/lib/components/wizard-completion-step.component.spec.ts b/src/lib/components/wizard-completion-step.component.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { MovingDirection } from '../util/moving-direction.enum';
@@ -46,7 +46,7 @@ describe('WizardCompletionStepComponent', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/components/wizard-navigation-bar.component.spec.ts b/src/lib/components/wizard-navigation-bar.component.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
-import { WizardComponent } from './wizard.component';
 import { checkClasses } from '../util/test-utils';
+import { WizardComponent } from './wizard.component';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -37,7 +37,7 @@ describe('WizardNavigationBarComponent', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/components/wizard-step.component.spec.ts b/src/lib/components/wizard-step.component.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { MovingDirection } from '../util/moving-direction.enum';
@@ -46,7 +46,7 @@ describe('WizardStepComponent', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/components/wizard.component-nested-steps.spec.ts b/src/lib/components/wizard.component-nested-steps.spec.ts
@@ -1,8 +1,8 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, tick, fakeAsync } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { ArchwizardModule } from '../archwizard.module';
-import { WizardComponent } from './wizard.component';
 import { WizardStep } from '../util/wizard-step.interface';
+import { WizardComponent } from './wizard.component';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -48,7 +48,7 @@ describe('WizardComponent with nested steps', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/components/wizard.component.spec.ts b/src/lib/components/wizard.component.spec.ts
@@ -1,10 +1,10 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
+import { checkClasses } from '../util/test-utils';
 import { WizardStep } from '../util/wizard-step.interface';
 import { WizardComponent } from './wizard.component';
-import { checkClasses } from '../util/test-utils';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -45,7 +45,7 @@ describe('WizardComponent', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/completed-step.directive.spec.ts b/src/lib/directives/completed-step.directive.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
 
@@ -24,7 +24,7 @@ describe('WizardStep', () => {
 
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/enable-back-links.directive.spec.ts b/src/lib/directives/enable-back-links.directive.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
-import { MovingDirection } from '../util/moving-direction.enum';
 import { WizardComponent } from '../components/wizard.component';
+import { MovingDirection } from '../util/moving-direction.enum';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -49,7 +49,7 @@ describe('EnableBackLinksDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/go-to-step.directive.spec.ts b/src/lib/directives/go-to-step.directive.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
-import { GoToStepDirective } from './go-to-step.directive';
 import { WizardComponent } from '../components/wizard.component';
+import { GoToStepDirective } from './go-to-step.directive';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -61,7 +61,7 @@ describe('GoToStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/next-step.directive.spec.ts b/src/lib/directives/next-step.directive.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
@@ -45,7 +45,7 @@ describe('NextStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/optional-step.directive.spec.ts b/src/lib/directives/optional-step.directive.spec.ts
@@ -1,9 +1,9 @@
-import { OptionalStepDirective } from './optional-step.directive';
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
+import { OptionalStepDirective } from './optional-step.directive';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -33,7 +33,7 @@ describe('OptionalStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/previous-step.directive.spec.ts b/src/lib/directives/previous-step.directive.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
-import { PreviousStepDirective } from './previous-step.directive';
 import { WizardComponent } from '../components/wizard.component';
+import { PreviousStepDirective } from './previous-step.directive';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -45,7 +45,7 @@ describe('PreviousStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/reset-wizard.directive.spec.ts b/src/lib/directives/reset-wizard.directive.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
@@ -43,7 +43,7 @@ describe('ResetWizardDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/selected-step.directive.spec.ts b/src/lib/directives/selected-step.directive.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
-import { SelectedStepDirective } from './selected-step.directive';
 import { WizardComponent } from '../components/wizard.component';
+import { SelectedStepDirective } from './selected-step.directive';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -33,7 +33,7 @@ describe('SelectedStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/wizard-completion-step.directive.spec.ts b/src/lib/directives/wizard-completion-step.directive.spec.ts
@@ -1,10 +1,10 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
+import { WizardComponent } from '../components/wizard.component';
 import { MovingDirection } from '../util/moving-direction.enum';
 import { WizardCompletionStepDirective } from './wizard-completion-step.directive';
-import { WizardComponent } from '../components/wizard.component';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -47,7 +47,7 @@ describe('WizardCompletionStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/wizard-step-symbol.directive.spec.ts b/src/lib/directives/wizard-step-symbol.directive.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
@@ -41,7 +41,7 @@ describe('WizardStepSymbolDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/wizard-step-title.directive.spec.ts b/src/lib/directives/wizard-step-title.directive.spec.ts
@@ -1,5 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
-import { async, ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
 import { WizardComponent } from '../components/wizard.component';
@@ -41,7 +41,7 @@ describe('WizardStepTitleDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent],
       imports: [ArchwizardModule]

diff --git a/src/lib/directives/wizard-step.directive.spec.ts b/src/lib/directives/wizard-step.directive.spec.ts
@@ -1,10 +1,10 @@
 import { Component, forwardRef, Host, ViewChild } from '@angular/core';
-import { async, ComponentFixture, TestBed, tick, fakeAsync } from '@angular/core/testing';
+import { ComponentFixture, fakeAsync, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { ArchwizardModule } from '../archwizard.module';
+import { WizardComponent } from '../components/wizard.component';
 import { MovingDirection } from '../util/moving-direction.enum';
 import { WizardStepDirective } from './wizard-step.directive';
-import { WizardComponent } from '../components/wizard.component';
 
 @Component({
   selector: 'aw-test-wizard',
@@ -60,7 +60,7 @@ describe('WizardStepDirective', () => {
   let wizardTest: WizardTestComponent;
   let wizard: WizardComponent;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [WizardTestComponent, WizardStepTestComponent],
       imports: [ArchwizardModule]