ng-18-update

package.json

@@ -11,15 +11,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
-    "@angular/common": "^17.3.12",
-    "@angular/compiler": "^17.3.12",
-    "@angular/core": "^17.3.12",
-    "@angular/forms": "^17.3.12",
-    "@angular/localize": "^17.3.12",
-    "@angular/platform-browser": "^17.3.12",
-    "@angular/platform-browser-dynamic": "^17.3.12",
-    "@angular/router": "^17.3.12",
+    "@angular/animations": "^18.2.13",
+    "@angular/common": "^18.2.13",
+    "@angular/compiler": "^18.2.13",
+    "@angular/core": "^18.2.13",
+    "@angular/forms": "^18.2.13",
+    "@angular/localize": "^18.2.13",
+    "@angular/platform-browser": "^18.2.13",
+    "@angular/platform-browser-dynamic": "^18.2.13",
+    "@angular/router": "^18.2.13",
     "@ckeditor/ckeditor5-angular": "^1.2.3",
     "@ckeditor/ckeditor5-build-classic": "^20.0.0",
     "@fortawesome/angular-fontawesome": "^0.7.0",
@@ -42,10 +42,10 @@
     "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.11",
-    "@angular/cli": "^17.3.11",
-    "@angular/compiler-cli": "^17.3.12",
-    "@angular/language-service": "^17.3.12",
+    "@angular-devkit/build-angular": "^18.2.12",
+    "@angular/cli": "^18.2.12",
+    "@angular/compiler-cli": "^18.2.13",
+    "@angular/language-service": "^18.2.13",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
@@ -59,6 +59,6 @@
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~5.2"
+    "typescript": "~5.5.4"
   }
 }

src/app/app.component.spec.ts

@@ -2,19 +2,22 @@ import { TestBed, waitForAsync as  } from '@angular/core/testing';
 import {RouterTestingModule} from '@angular/router/testing';
 import {AppComponent} from './app.component';
 import {NgAuthService, WorldskillsAngularLibModule} from '@worldskills/worldskills-angular-lib';
-import {HttpClientTestingModule} from '@angular/common/http/testing';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
 import {TranslateServiceTestingProvider, TranslationMockPipe} from '../test';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('AppComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [AppComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        {provide: NgAuthService, useValue: {currentUser: {subscribe: () => undefined}}},
-        TranslateServiceTestingProvider
-      ]
-    }).compileComponents();
+    declarations: [AppComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        { provide: NgAuthService, useValue: { currentUser: { subscribe: () => undefined } } },
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+}).compileComponents();
   }));
 
   it('should create the app', () => {

src/app/app.module.ts

@@ -10,7 +10,7 @@ import {OAuthModule} from 'angular-oauth2-oidc';
 import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
-import {HTTP_INTERCEPTORS, HttpClient} from '@angular/common/http';
+import { HTTP_INTERCEPTORS, HttpClient } from '@angular/common/http';
 import {NgSelectModule} from '@ng-select/ng-select';
 import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 import {DatePipe} from '@angular/common';

src/app/base-skill-form/base-skill-form.component.spec.ts

@@ -3,22 +3,25 @@ import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testi
 import {BaseSkillFormComponent} from './base-skill-form.component';
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {BaseSponsorsComponent} from "../base-sponsors/base-sponsors.component";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillFormComponent', () => {
   let component: BaseSkillFormComponent;
   let fixture: ComponentFixture<BaseSkillFormComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillFormComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ],
-    })
+    declarations: [BaseSkillFormComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-photo-create/base-skill-photo-create.component.spec.ts

@@ -4,20 +4,23 @@ import {BaseSkillPhotoCreateComponent} from './base-skill-photo-create.component
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillPhotoCreateComponent', () => {
   let component: BaseSkillPhotoCreateComponent;
   let fixture: ComponentFixture<BaseSkillPhotoCreateComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillPhotoCreateComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ]
-    })
+    declarations: [BaseSkillPhotoCreateComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-photo-update/base-skill-photo-update.component.spec.ts

@@ -4,20 +4,23 @@ import {BaseSkillPhotoUpdateComponent} from './base-skill-photo-update.component
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillPhotoUpdateComponent', () => {
   let component: BaseSkillPhotoUpdateComponent;
   let fixture: ComponentFixture<BaseSkillPhotoUpdateComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillPhotoUpdateComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ]
-    })
+    declarations: [BaseSkillPhotoUpdateComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-photos/base-skill-photos.component.spec.ts

@@ -4,20 +4,23 @@ import {BaseSkillPhotosComponent} from './base-skill-photos.component';
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillPhotosComponent', () => {
   let component: BaseSkillPhotosComponent;
   let fixture: ComponentFixture<BaseSkillPhotosComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillPhotosComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ]
-    })
+    declarations: [BaseSkillPhotosComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-sponsors/base-skill-sponsors.component.spec.ts

@@ -4,20 +4,23 @@ import {BaseSkillSponsorsComponent} from './base-skill-sponsors.component';
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillSponsorsComponent', () => {
   let component: BaseSkillSponsorsComponent;
   let fixture: ComponentFixture<BaseSkillSponsorsComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillSponsorsComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ]
-    })
+    declarations: [BaseSkillSponsorsComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-tags/base-skill-tags.component.spec.ts

@@ -4,20 +4,23 @@ import {BaseSkillTagsComponent} from './base-skill-tags.component';
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillTagsComponent', () => {
   let component: BaseSkillTagsComponent;
   let fixture: ComponentFixture<BaseSkillTagsComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillTagsComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ]
-    })
+    declarations: [BaseSkillTagsComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill-update/base-skill-update.component.spec.ts

@@ -3,22 +3,25 @@ import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testi
 import {BaseSkillUpdateComponent} from './base-skill-update.component';
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {BaseSponsorsComponent} from "../base-sponsors/base-sponsors.component";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillUpdateComponent', () => {
   let component: BaseSkillUpdateComponent;
   let fixture: ComponentFixture<BaseSkillUpdateComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillUpdateComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ],
-    })
+    declarations: [BaseSkillUpdateComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skill/base-skill.component.spec.ts

@@ -3,22 +3,25 @@ import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testi
 import {BaseSkillComponent} from './base-skill.component';
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {BaseSponsorsComponent} from "../base-sponsors/base-sponsors.component";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillComponent', () => {
   let component: BaseSkillComponent;
   let fixture: ComponentFixture<BaseSkillComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ],
-    })
+    declarations: [BaseSkillComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));
 

src/app/base-skills/base-skills.component.spec.ts

@@ -3,22 +3,25 @@ import { ComponentFixture, TestBed, waitForAsync as  } from '@angular/core/testi
 import {BaseSkillsComponent} from './base-skills.component';
 import {RouterTestingModule} from "@angular/router/testing";
 import {WorldskillsAngularLibModule} from "@worldskills/worldskills-angular-lib";
-import {HttpClientTestingModule} from "@angular/common/http/testing";
+import { provideHttpClientTesting } from "@angular/common/http/testing";
 import {TranslateServiceTestingProvider, TranslationMockPipe} from "../../test";
 import {BaseSponsorsComponent} from "../base-sponsors/base-sponsors.component";
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 
 describe('BaseSkillsComponent', () => {
   let component: BaseSkillsComponent;
   let fixture: ComponentFixture<BaseSkillsComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [BaseSkillsComponent, TranslationMockPipe],
-      imports: [RouterTestingModule, WorldskillsAngularLibModule, HttpClientTestingModule],
-      providers: [
-        TranslateServiceTestingProvider
-      ],
-    })
+    declarations: [BaseSkillsComponent, TranslationMockPipe],
+    imports: [RouterTestingModule, WorldskillsAngularLibModule],
+    providers: [
+        TranslateServiceTestingProvider,
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting()
+    ]
+})
       .compileComponents();
   }));