feat(frontend): migrating testing modules

Author: hbalty

packages/frontend/jest.config.js

@@ -1,7 +1,6 @@
 module.exports = {
   preset: "jest-preset-angular",
   setupFilesAfterEnv: ["<rootDir>/setup-jest.ts"],
-  globalSetup: "jest-preset-angular/global-setup",
   moduleNameMapper: {
     "^src/(.*)$": "<rootDir>/src/$1",
     "^app/(.*)$": "<rootDir>/src/app/$1",

packages/frontend/src/app/app.component.spec.ts

@@ -1,25 +1,25 @@
 import { MATOMO_INJECTORS } from "./shared/constants/MATOMO_INJECTORS.const";
 import { ReactiveFormsModule } from "@angular/forms";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
 import { TestBed, waitForAsync } from "@angular/core/testing";
-import { RouterTestingModule } from "@angular/router/testing";
 
 import { AppComponent } from "./app.component";
 import { StoreModule } from "@ngrx/store";
 import { _usagerReducer } from "./shared";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("AppComponent", () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AppComponent],
       imports: [
-        HttpClientTestingModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
         ReactiveFormsModule,
         ...MATOMO_INJECTORS,
         StoreModule.forRoot({ app: _usagerReducer }),
       ],
+      providers: [provideHttpClient()],
       schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));

packages/frontend/src/app/modules/admin-portail-usagers/components/manage-structure-information/manage-structure-information.component.spec.ts

@@ -1,10 +1,9 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-
 import { ManageStructureInformationComponent } from "./manage-structure-information.component";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { RouterTestingModule } from "@angular/router/testing";
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("ManageStructureInformationComponent", () => {
   let component: ManageStructureInformationComponent;
@@ -14,7 +13,8 @@ describe("ManageStructureInformationComponent", () => {
     await TestBed.configureTestingModule({
       declarations: [ManageStructureInformationComponent],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
-      imports: [NgbModule, HttpClientTestingModule, RouterTestingModule],
+      imports: [NgbModule, RouterModule.forRoot([])],
+      providers: [provideHttpClient()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ManageStructureInformationComponent);

packages/frontend/src/app/modules/admin-portail-usagers/components/portail-usagers-params/portail-usagers-params.component.spec.ts

@@ -1,17 +1,16 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-
 import { PortailUsagersParamsComponent } from "./portail-usagers-params.component";
 import { APP_BASE_HREF } from "@angular/common";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { ReactiveFormsModule, FormsModule } from "@angular/forms";
-import { RouterTestingModule } from "@angular/router/testing";
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import {
   MockAuthService,
   USER_STRUCTURE_MOCK,
 } from "../../../../../_common/mocks";
 import { AuthService } from "../../../shared/services";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("PortailUsagersParamsComponent", () => {
   let component: PortailUsagersParamsComponent;
@@ -23,10 +22,10 @@ describe("PortailUsagersParamsComponent", () => {
         NgbModule,
         ReactiveFormsModule,
         FormsModule,
-        HttpClientTestingModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
       ],
       providers: [
+        provideHttpClient(),
         { provide: APP_BASE_HREF, useValue: "/" },
         { provide: AuthService, useClass: MockAuthService },
       ],

packages/frontend/src/app/modules/general/components/contact-support/contact-support.component.spec.ts

@@ -1,15 +1,15 @@
 import { APP_BASE_HREF } from "@angular/common";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 import { ReactiveFormsModule, FormsModule } from "@angular/forms";
-import { RouterTestingModule } from "@angular/router/testing";
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 
 import { ContactSupportComponent } from "./contact-support.component";
 import { StoreModule } from "@ngrx/store";
 import { _usagerReducer } from "../../../../shared";
 import { NoopAnimationsModule } from "@angular/platform-browser/animations";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("ContactSupportComponent", () => {
   let component: ContactSupportComponent;
@@ -22,11 +22,13 @@ describe("ContactSupportComponent", () => {
         ReactiveFormsModule,
         FormsModule,
         StoreModule.forRoot({ app: _usagerReducer }),
-        HttpClientTestingModule,
         NoopAnimationsModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
+      ],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   });

packages/frontend/src/app/modules/general/components/errors/not-found/not-found.component.spec.ts

@@ -1,12 +1,12 @@
 import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
 
 import { APP_BASE_HREF } from "@angular/common";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { NotFoundComponent } from "./not-found.component";
-import { RouterTestingModule } from "@angular/router/testing";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("NotFoundComponent", () => {
   let component: NotFoundComponent;
@@ -19,11 +19,12 @@ describe("NotFoundComponent", () => {
         NgbModule,
         ReactiveFormsModule,
         FormsModule,
-
-        HttpClientTestingModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
+      ],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   }));

packages/frontend/src/app/modules/general/components/faq/faq.component.spec.ts

@@ -3,14 +3,13 @@ import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
 
 import { APP_BASE_HREF } from "@angular/common";
 
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { FaqComponent } from "./faq.component";
-
-import { RouterTestingModule } from "@angular/router/testing";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("FaqComponent", () => {
   let component: FaqComponent;
@@ -22,11 +21,13 @@ describe("FaqComponent", () => {
         NgbModule,
         ReactiveFormsModule,
         FormsModule,
-        HttpClientTestingModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
         ...MATOMO_INJECTORS,
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
+      ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   }));

packages/frontend/src/app/modules/general/components/home/home.component.spec.ts

@@ -3,13 +3,11 @@ import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
 import { HomeComponent } from "./home.component";
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
 import { CommonModule, APP_BASE_HREF } from "@angular/common";
-
 import { SharedModule } from "../../../../modules/shared/shared.module";
-
-import { HttpClientTestingModule } from "@angular/common/http/testing";
-import { RouterTestingModule } from "@angular/router/testing";
 import { _usagerReducer, MATOMO_INJECTORS } from "../../../../shared";
 import { StoreModule } from "@ngrx/store";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("HomeComponent", () => {
   let component: HomeComponent;
@@ -21,12 +19,14 @@ describe("HomeComponent", () => {
       imports: [
         CommonModule,
         SharedModule,
-        RouterTestingModule,
-        HttpClientTestingModule,
+        RouterModule.forRoot([]),
         ...MATOMO_INJECTORS,
         StoreModule.forRoot({ app: _usagerReducer }),
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
+      ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));

packages/frontend/src/app/modules/general/components/login/login.component.spec.ts

@@ -1,16 +1,16 @@
 import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
 
 import { APP_BASE_HREF } from "@angular/common";
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { LoginComponent } from "./login.component";
 
-import { RouterTestingModule } from "@angular/router/testing";
 import { _usagerReducer, MATOMO_INJECTORS } from "../../../../shared";
 import { StoreModule } from "@ngrx/store";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("LoginComponent", () => {
   let component: LoginComponent;
@@ -23,12 +23,14 @@ describe("LoginComponent", () => {
         NgbModule,
         ReactiveFormsModule,
         FormsModule,
-        HttpClientTestingModule,
         ...MATOMO_INJECTORS,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
         StoreModule.forRoot({ app: _usagerReducer }),
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
+      ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   }));

packages/frontend/src/app/modules/general/components/navbar/navbar.component.spec.ts

@@ -1,16 +1,15 @@
 import { CommonModule, APP_BASE_HREF } from "@angular/common";
-
-import { HttpClientTestingModule } from "@angular/common/http/testing";
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
 import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
 
-import { RouterTestingModule } from "@angular/router/testing";
 import { _usagerReducer, MATOMO_INJECTORS } from "../../../../shared";
 
 import { SharedModule } from "../../../shared/shared.module";
 
 import { NavbarComponent } from "./navbar.component";
 import { StoreModule } from "@ngrx/store";
+import { RouterModule } from "@angular/router";
+import { provideHttpClient } from "@angular/common/http";
 
 describe("NavbarComponent", () => {
   let component: NavbarComponent;
@@ -22,12 +21,14 @@ describe("NavbarComponent", () => {
       imports: [
         CommonModule,
         SharedModule,
-        RouterTestingModule,
+        RouterModule.forRoot([]),
         MATOMO_INJECTORS,
-        HttpClientTestingModule,
         StoreModule.forRoot({ app: _usagerReducer }),
       ],
-      providers: [{ provide: APP_BASE_HREF, useValue: "/" }],
+      providers: [
+        provideHttpClient(),
+        { provide: APP_BASE_HREF, useValue: "/" },
+      ],
       schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));