fix(ci): verify Angular 20 through 22 with compatible fixtures

Author: jasny

.github/scripts/set-angular-version.js

@@ -1,9 +1,10 @@
 const fs = require('fs');
 
 const angularVersion = process.env.ANGULAR_VERSION;
+const typescriptVersion = process.env.TYPESCRIPT_VERSION;
 
-if (!angularVersion) {
-  throw new Error('ANGULAR_VERSION must be set');
+if (!angularVersion || !typescriptVersion) {
+  throw new Error('ANGULAR_VERSION and TYPESCRIPT_VERSION must be set');
 }
 
 const path = 'ct-angular/package.json';
@@ -19,6 +20,7 @@ const angularDeps = [
   '@angular/router',
 ];
 const angularDevDeps = [
+  '@angular/build',
   '@angular-devkit/build-angular',
   '@angular/cli',
   '@angular/compiler-cli',
@@ -30,4 +32,6 @@ for (const name of angularDeps)
 for (const name of angularDevDeps)
   pkg.devDependencies[name] = angularVersion;
 
+pkg.devDependencies.typescript = typescriptVersion;
+
 fs.writeFileSync(path, JSON.stringify(pkg, null, 2) + '\n');

.github/workflows/main.yml

@@ -17,10 +17,13 @@ jobs:
         include:
           - angular-major: "20"
             angular-version: "^20.3.11"
+            typescript-version: "~5.9.3"
           - angular-major: "21"
             angular-version: "^21.0.0"
+            typescript-version: "~5.9.3"
           - angular-major: "22"
             angular-version: "^22.0.0"
+            typescript-version: "~6.0.2"
     steps:
       - name: PNPM Setup
         uses: pnpm/action-setup@v6
@@ -39,6 +42,7 @@ jobs:
         run: node .github/scripts/set-angular-version.js
         env:
           ANGULAR_VERSION: ${{ matrix.angular-version }}
+          TYPESCRIPT_VERSION: ${{ matrix.typescript-version }}
 
       - name: Install dependencies
         run: pnpm install --no-frozen-lockfile
@@ -60,7 +64,7 @@ jobs:
       - uses: actions/upload-artifact@v7
         if: always()
         with:
-          name: playwright-report-angular-${{ matrix.angular-version }}
+          name: playwright-report-angular-${{ matrix.angular-major }}
           path: ./*/**/playwright-report/
           retention-days: 30
 

ct-angular/.browserslistrc

@@ -0,0 +1,3 @@
+chrome 120
+firefox 120
+safari 17

ct-angular/package.json

@@ -11,24 +11,25 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@analogjs/vite-plugin-angular": "1.17.0",
-    "@angular/animations": "17.3.8",
-    "@angular/common": "17.3.8",
-    "@angular/compiler": "17.3.8",
-    "@angular/core": "17.3.8",
-    "@angular/forms": "17.3.8",
-    "@angular/platform-browser": "17.3.8",
-    "@angular/platform-browser-dynamic": "17.3.8",
-    "@angular/router": "17.3.8",
+    "@angular/animations": "^22.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/compiler": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/forms": "^22.0.0",
+    "@angular/platform-browser": "^22.0.0",
+    "@angular/platform-browser-dynamic": "^22.0.0",
+    "@angular/router": "^22.0.0",
     "rxjs": "7.8.1",
     "tslib": "2.6.2",
-    "zone.js": "0.14.5"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
     "@sand4rt/experimental-ct-angular": "workspace:*",
-    "@angular-devkit/build-angular": "17.3.7",
-    "@angular/cli": "17.3.7",
-    "@angular/compiler-cli": "17.3.8",
-    "typescript": "5.4.3"
+    "@angular-devkit/build-angular": "^22.0.0",
+    "@angular/cli": "^22.0.0",
+    "@angular/compiler-cli": "^22.0.0",
+    "typescript": "~6.0.2",
+    "@analogjs/vite-plugin-angular": "2.8.0",
+    "@angular/build": "^22.0.0"
   }
 }

ct-angular/tests/angular-router.spec.ts

@@ -1,5 +1,5 @@
 import { test, expect } from '@sand4rt/experimental-ct-angular';
-import type { HooksConfig } from 'playwright';
+import type { HooksConfig } from '../playwright';
 import { AppComponent } from '@/app.component';
 
 test('navigate to a page by clicking a link', async ({ page, mount }) => {

ct-angular/tests/hooks.spec.ts

@@ -1,5 +1,5 @@
 import { expect, test } from '@sand4rt/experimental-ct-angular';
-import type { HooksConfig } from 'playwright';
+import type { HooksConfig } from '../playwright';
 import { InjectComponent } from '@/components/inject.component';
 
 test('inject a token', async ({ mount }) => {

ct-angular/tests/styles.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

ct-angular/tsconfig.json

@@ -2,7 +2,6 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
@@ -13,9 +12,8 @@
     "sourceMap": true,
     "skipLibCheck": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
     "module": "ES2022",