feat(angular): Add support for zoneless change detection in Angular 20

[AtofStryker]

Current Behavior

Currently, @cypress/angular does not support zoneless change detection which will be the default in Angular 20.

Desired Behavior

Add support for zoneless change detection in @cypress/angular to align with Angular 20's new defaults.

Related Issues

• Related to Cypress component tests not working without zone.js #30070 (Angular zoneless change detection)
• Part of Cypress 15 release breaking: 15.0.0 Release #31408 cut scope for Cypress 15, scope of work TBD

Technical Details

• Angular 20 is introducing zoneless change detection as the default
• This change is part of Angular's move away from zone.js
• The implementation should support both zoned and zoneless applications

Implementation Considerations

1. Support for manual change detection triggering
2. Integration with Angular's new test runner
3. Backwards compatibility for applications still using zone.js
4. Documentation updates for both zoneless and zoned testing approaches

Questions

• How should we handle the transition period where both zoned and zoneless applications need to be supported?
• What are the implications for existing test suites?
• Should we provide migration guides for users moving from zoned to zoneless testing?

[AtofStryker]

Additional context from this article:

This change aligns with Angular's move towards zoneless change detection as the default in Angular 20, which makes this support important for the Cypress Angular component testing implementation.

[mikem-of]

@AtofStryker I see this did not make it in Cypress 15. Any idea when this will be released?

[AtofStryker]

Hi @mikem-of. That's correct we unfortunately had to cut this issue from scope from Cypress 15. I have now updated the issue description to reflect that. Right now the timeline is TBD as we are unsure of the scope of work but we do know a few things within the mount function do need to change