feat: add cypress/angular-zoneless testing harness for Angular 21 (also supports Angular 20)
#33025
+1,738
−29
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
…ritable signals to an observable
AtofStryker
force-pushed
the
feat/add_zoneless_angular_harness
branch
from
5700a7b to
b3a6a49
Compare
cypress
|
||||||||||||||||||||||||||||||||||||||||
| Project |
cypress
|
| Branch Review |
feat/add_zoneless_angular_harness
|
| Run status |
|
| Run duration | 19m 52s |
| Commit |
|
| Committer | Bill Glesias |
| View all properties for this run ↗︎ | |
| Test results | |
|---|---|
Failures
|
0
|
Flaky
|
4
|
Pending
|
27
|
Skipped
|
0
|
Passing
|
798
|
| View all changes introduced in this branch ↗︎ | |
UI Coverage
62.34%
|
|
|---|---|
|
Untested elements
|
27
|
|
Tested elements
|
48
|
Accessibility
99.02%
|
|
|---|---|
|
Failed rules
|
0 critical
3 serious
1 moderate
0 minor
|
|
Failed elements
|
19
|
AtofStryker
force-pushed
the
feat/add_zoneless_angular_harness
branch
from
6b71efe to
a1b2377
Compare
…se zoneless support FIRST before we can have the schematic support angular 21
AtofStryker
force-pushed
the
feat/add_zoneless_angular_harness
branch
from
a1b2377 to
15f446b
Compare
AtofStryker
commented
Nov 26, 2025
| }).subscribe((value) => { | ||
| component[expectedChangeKey]?.emit(value) | ||
| }) | ||
| activeInternalSubscriptions.push( |
Contributor
Author
There was a problem hiding this comment.
fixing a bug here? don't think we need a changelog because nothing was reported but cursorbot did detect a possible memory leak here
AtofStryker
commented
Nov 26, 2025
| const cypressSchematicPackagePath = path.join(__dirname, '..') | ||
|
|
||
| const ANGULAR_PROJECTS: ProjectFixtureDir[] = ['angular-20', 'angular-21'] | ||
| const ANGULAR_PROJECTS: ProjectFixtureDir[] = ['angular-19', 'angular-20'] |
Contributor
Author
There was a problem hiding this comment.
we have to downgrade the test because the zoneless handler isn't supported within the binary yet (see the PR description)
AtofStryker
commented
Nov 26, 2025
| "jsdom": "^27.1.0", | ||
| "typescript": "~5.9.2", | ||
| "vitest": "^4.0.8", | ||
| "zone.js": "~0.15.0" |
Contributor
Author
There was a problem hiding this comment.
removes the zone.js dependency as promised
AtofStryker
force-pushed
the
feat/add_zoneless_angular_harness
branch
from
10e9b77 to
70ce43b
Compare
AtofStryker
force-pushed
the
feat/add_zoneless_angular_harness
branch
from
47d9a59 to
1e24ba1
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Additional details
Adds a zoneless component testing harness for Angular 20 (experimental) and Angular 21. Angular 21 ships with zoneless and Cypress will scaffold
cypress/angular-zonelessfor Angular 21+ projects.Because this is likely going to be the
nexttarget forcypress/angularand the recommended pattern for data-binding is now signals, this testing harness will be removeautoDetectChangesas this happens naturally andautoSpyOutputsas@Outputdecorators are legacy and can be created manually viacreateSpyOutputs.NOTE: when we merge the changes upstream in #33007 we need to call this out as BREAKING CHANGES
Additionally, with the addition of the
zonelessmount handler, theangular-21system test project needs it's own set of fixtures, which will eventually be moved into the main fixture directory (as a replacement) once Angular 18 and 19 support are officially dropped from Cypress.After this releases, we need to update
@cypress/schematicto support Angular 21 as the scaffolded files via the schematic CLI are not correct. I have a WIP of this on #33027 and it must be done AFTER this feature is releasedSteps to test
How has the user experience changed?
PR Tasks
cypress-documentation?type definitions?Note
Introduces
@cypress/angular-zonelessfor Angular 21 (and 20 preview) and integrates it across the CLI, CI pipelines, scaffolding wizard, and system tests (adds an Angular 21 project).@cypress/angular-zonelesswithmount/createOutputSpy, zoneless TestBed viaprovideZonelessChangeDetection, and rollup/tsconfig.@angular/core/rxjs-interopto externals.cypress/angular-zoneless(exports, files, devDeps) and syncs in post-build; updates ESLint ignores; updates changelog.cypress/angular-zonelessfor Angular >=21; support file generation tests accept bothcypress/angularandcypress/angular-zoneless.npm-angular-zonelessbuild job to main and PR workflows; updates branch filters; bumps cache key.angular-21fixture using zoneless harness; updates configs/aliases, component-index, and specs; separates Angular 21 run; adjusts Angular handler test (styles.css); fixes provider key typo in an existing spec.Written by Cursor Bugbot for commit 1e24ba1. This will update automatically on new commits. Configure here.