only test angular 19 and 20 for cypress schematic as we need to release zoneless support FIRST before we can have the schematic support angular 21

Author: AtofStryker

npm/cypress-schematic/src/ct.spec.ts

@@ -24,7 +24,7 @@ const copyAngularMount = async (projectPath: string) => {
 
 const cypressSchematicPackagePath = path.join(__dirname, '..')
 
-const ANGULAR_PROJECTS: ProjectFixtureDir[] = ['angular-20', 'angular-21']
+const ANGULAR_PROJECTS: ProjectFixtureDir[] = ['angular-19', 'angular-20']
 
 const timeout = 1000 * 60 * 5
 

npm/webpack-dev-server/test/handlers/angularHandler.spec.ts

@@ -84,7 +84,7 @@ describe('angularHandler', { timeout: 60000 }, function () {
         browser: 'src/main.ts',
         tsConfig: 'tsconfig.app.json',
         assets: ['src/favicon.ico', 'src/assets'],
-        styles: ['src/styles.scss'],
+        styles: ['src/styles.css'],
         optimization: false,
         extractLicenses: false,
         sourceMap: true,

system-tests/projects/angular-21/package.json

@@ -28,6 +28,5 @@
     "jsdom": "^27.1.0",
     "typescript": "~5.9.2",
     "vitest": "^4.0.8"
-  },
-  "projectFixtureDirectory": "angular"
+  }
 }

system-tests/test/component_testing_spec.ts

@@ -74,7 +74,7 @@ describe(`React major versions with Webpack`, function () {
   }
 })
 
-const ANGULAR_VERSIONS = ['18', '19', '20', '21'] as const
+const ANGULAR_VERSIONS = ['18', '19', '20'] as const
 
 describe(`Angular CLI versions`, () => {
   systemTests.setup()
@@ -89,6 +89,16 @@ describe(`Angular CLI versions`, () => {
     })
   }
 
+  // NOTE: Angular 21 has to be tested separate because it uses the zoneless mount function,
+  // which doesn't support zone.js any longer OR support autoDetectChanges or autoSpyOutputs
+  systemTests.it(`v21 with mount tests`, {
+    project: `angular-21`,
+    spec: 'src/**/*.cy.ts,!src/app/errors.cy.ts',
+    testingType: 'component',
+    browser: 'chrome',
+    expectedExitCode: 0,
+  })
+
   systemTests.it('angular 19 custom config', {
     project: 'angular-custom-config',
     spec: 'src/app/my-component.cy.ts',