test(*): fixing test setup to start running chromium vitest

Author: ChronosSF

.github/workflows/nodejs.yml

@@ -30,6 +30,8 @@ jobs:
             cache: 'npm'
       - name: Install packages
         run: npm install
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps chromium
       - name: Lint Lib
         run: npm run lint:lib
         env:

angular.json

@@ -172,8 +172,14 @@
           "builder": "@angular/build:unit-test",
             "options": {
               "tsConfig": "projects/igniteui-angular/tsconfig.spec.json",
+              "browsers": ["chromium"],
               "buildTarget": "::test",
-              "runnerConfig": "./vitest.config.ts"
+              "runnerConfig": "./vitest.config.ts",
+              "exclude": [
+                "**/migrations/**",
+                "**/schematics/**",
+                "**/cypress/**"
+              ]
             }
         },
         "lint": {

projects/igniteui-angular/test-setup.ts

@@ -1,3 +1,6 @@
+import 'zone.js';
+import 'zone.js/testing';
+
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
@@ -28,8 +31,17 @@ expect.extend({
   }
 });
 
-// Initialize the Angular testing environment
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
+// Wait for Zone.js to be available
+if (typeof Zone === 'undefined') {
+  throw new Error('Zone.js is required but not loaded');
+}
+
+// Initialize the Angular testing environment only if not already initialized
+const testBed = getTestBed();
+if (!(testBed as any).platform) {
+  testBed.initTestEnvironment(
+    BrowserDynamicTestingModule,
+    platformBrowserDynamicTesting(),
+    { teardown: { destroyAfterEach: true } }
+  );
+}

projects/igniteui-angular/tsconfig.spec.json

@@ -14,10 +14,12 @@
       "hammerjs"
     ]
   },
+  "files": [],
   "exclude": [
-    "migrations/**/*.spec.ts",
-    "schematics/**/*.spec.ts",
-    "cypress/**/*.spec.ts"
+    "migrations",
+    "schematics",
+    "cypress",
+    "node_modules"
   ],
   "include": [
     "**/*.spec.ts",

vitest.config.ts

@@ -23,6 +23,13 @@ export default defineConfig({
     globals: true,
     setupFiles: ['./projects/igniteui-angular/test-setup.ts'],
     include: ['**/*.spec.ts'],
+    exclude: [
+      '**/node_modules/**',
+      '**/dist/**',
+      '**/migrations/**',
+      '**/schematics/**',
+      '**/cypress/**',
+    ],
     browser: {
       headless: true,
       provider: playwright(),
@@ -46,9 +53,10 @@ export default defineConfig({
         root: './projects/igniteui-angular',
         include: ['**/*.spec.ts'],
         exclude: [
-          'migrations/**/*.spec.ts',
-          'schematics/**/*.spec.ts',
-          'cypress/**/*.spec.ts',
+          '**/migrations/**',
+          '**/schematics/**',
+          '**/cypress/**',
+          '**/node_modules/**',
         ],
       },
     },