feat/ migrate to vitest

Author: belnadris

.gitignore

@@ -6,9 +6,9 @@
 /out-tsc
 /app-builds
 /release
+/test-results
 main.js
 src/**/*.js
-!src/karma.conf.js
 *.js.map
 
 # dependencies

angular.json

@@ -25,7 +25,7 @@
             },
             "index": "src/index.html",
             "polyfills": [
-              "src/polyfills.ts"
+              "zone.js"
             ],
             "tsConfig": "src/tsconfig.app.json",
             "inlineStyleLanguage": "scss",
@@ -67,6 +67,12 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "testing": {
+              "polyfills": [
+                "zone.js",
+                "zone.js/testing"
+              ]
             }
           },
           "defaultConfiguration": "production"
@@ -90,21 +96,28 @@
           }
         },
         "test": {
-          "builder": "@angular/build:karma",
+          "builder": "@angular/build:unit-test",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": ["src/polyfills-test.ts"],
+            "runner": "vitest",
             "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
+            "browsers": [
+              "chromium"
             ],
-            "styles": [
-              "src/styles.scss"
+            "buildTarget": "angular-tauri:build:testing",
+            "coverage": true,
+            "coverageReporters": [
+              "html",
+              "lcovonly"
             ],
-            "scripts": []
+            "reporters": [
+              ["default", { "summary": true }],
+              [
+                "html",
+                {
+                  "outputFile": "test-results/vitest/index.html"
+                }
+              ]
+            ]
           }
         },
         "lint": {

package.json

@@ -43,26 +43,23 @@
     "@ngx-translate/core": "17.0.0",
     "@ngx-translate/http-loader": "17.0.0",
     "@tauri-apps/cli": "2.9.5",
-    "@types/jasmine": "5.1.13",
-    "@types/jasminewd2": "2.0.13",
     "@types/node": "24.10.1",
     "@typescript-eslint/eslint-plugin": "8.48.1",
     "@typescript-eslint/parser": "8.48.1",
+    "@vitest/browser-playwright": "4.0.15",
+    "@vitest/coverage-v8": "4.0.15",
+    "@vitest/ui": "4.0.15",
     "conventional-changelog-cli": "5.0.0",
     "eslint": "9.39.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsdoc": "61.4.1",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "jasmine-core": "5.13.0",
-    "jasmine-spec-reporter": "7.0.0",
-    "karma": "6.4.4",
-    "karma-chrome-launcher": "3.2.0",
-    "karma-coverage-istanbul-reporter": "3.0.3",
-    "karma-jasmine": "5.1.0",
-    "karma-jasmine-html-reporter": "2.1.0",
+    "jsdom": "27.2.0",
     "npm-run-all": "4.1.5",
+    "playwright": "1.57.0",
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
+    "vitest": "4.0.15",
     "wait-on": "9.0.3",
     "webdriver-manager": "13.0.2"
   },

src/app/app.component.spec.ts

@@ -5,17 +5,17 @@ import {TauriService} from './core/services';
 import {provideRouter} from '@angular/router';
 
 describe('AppComponent', () => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
       declarations: [],
       imports: [AppComponent, TranslateModule.forRoot()],
       providers: [provideRouter([]), TauriService]
     }).compileComponents();
-  }));
+  });
 
-  it('should create the app', waitForAsync(() => {
+  it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
-  }));
+  });
 });

src/app/detail/detail.component.spec.ts

@@ -8,13 +8,13 @@ describe('DetailComponent', () => {
   let component: DetailComponent;
   let fixture: ComponentFixture<DetailComponent>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async() => {
+    await TestBed.configureTestingModule({
       declarations: [],
       imports: [DetailComponent, TranslateModule.forRoot()],
       providers: [provideRouter([])]
     }).compileComponents();
-  }));
+  });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DetailComponent);
@@ -26,10 +26,10 @@ describe('DetailComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should render title in a h1 tag', waitForAsync(() => {
+  it('should render title in a h1 tag', () => {
     const compiled = fixture.debugElement.nativeElement;
     expect(compiled.querySelector('h1').textContent).toContain(
       'PAGES.DETAIL.TITLE'
     );
-  }));
+  });
 });

src/app/home/home.component.spec.ts

@@ -8,13 +8,13 @@ describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       declarations: [],
       imports: [HomeComponent, TranslateModule.forRoot()],
       providers: [provideRouter([])]
     }).compileComponents();
-  }));
+  });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(HomeComponent);
@@ -26,10 +26,10 @@ describe('HomeComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should render title in a h1 tag', waitForAsync(() => {
+  it('should render title in a h1 tag', () => {
     const compiled = fixture.debugElement.nativeElement;
     expect(compiled.querySelector('h1').textContent).toContain(
       'PAGES.HOME.TITLE'
     );
-  }));
+  });
 });

src/app/shared/components/page-not-found/page-not-found.component.spec.ts

@@ -6,16 +6,16 @@ describe('PageNotFoundComponent', () => {
   let component: PageNotFoundComponent;
   let fixture: ComponentFixture<PageNotFoundComponent>;
 
-  beforeEach(waitForAsync(() => {
-    void TestBed.configureTestingModule({
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       declarations: []
     })
       .compileComponents();
 
     fixture = TestBed.createComponent(PageNotFoundComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
-  }));
+  });
 
   it('should create', () => {
     expect(component).toBeTruthy();