cypress 15.21.1 → 16.1.0

package/angular/README.md

@@ -6,7 +6,10 @@ Mount Angular components in the open source [Cypress.io](https://www.cypress.io/
 
 ## Requirements
 
-- Angular 18.0.0+ (`@cypress/angular@2` supports Angular 13 - 16 and `@cypress/angular@3` supports Angular 17).
+- Angular `>=21.0.0` 
+    - `@cypress/angular@4` supports Angular 18 - 19
+    - `@cypress/angular@3` supports Angular 17
+    - `@cypress/angular@2` supports Angular 13 - 16
 
 ## Development
 

package/angular/angular/README.md

@@ -6,7 +6,10 @@ Mount Angular components in the open source [Cypress.io](https://www.cypress.io/
 
 ## Requirements
 
-- Angular 18.0.0+ (`@cypress/angular@2` supports Angular 13 - 16 and `@cypress/angular@3` supports Angular 17).
+- Angular `>=21.0.0` 
+    - `@cypress/angular@4` supports Angular 18 - 19
+    - `@cypress/angular@3` supports Angular 17
+    - `@cypress/angular@2` supports Angular 13 - 16
 
 ## Development
 

package/angular/angular/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 
 import { InputSignal, WritableSignal, Type } from '@angular/core';
-import { TestModuleMetadata, ComponentFixture, TestComponentRenderer } from '@angular/core/testing';
+import { TestComponentRenderer, TestModuleMetadata, ComponentFixture } from '@angular/core/testing';
 
 /**
  * Additional module configurations needed while mounting the component, like
@@ -11,23 +11,6 @@ import { TestModuleMetadata, ComponentFixture, TestComponentRenderer } from '@an
  * @see https://angular.io/api/core/testing/TestModuleMetadata
  */
 interface MountConfig<T> extends TestModuleMetadata {
-    /**
-     * @memberof MountConfig
-     * @description flag to automatically create a cy.spy() for every component @Output() property
-     * @example
-     * export class ButtonComponent {
-     *  @Output clicked = new EventEmitter()
-     * }
-     *
-     * cy.mount(ButtonComponent, { autoSpyOutputs: true })
-     * cy.get('@clickedSpy).should('have.been.called')
-     */
-    autoSpyOutputs?: boolean;
-    /**
-     * @memberof MountConfig
-     * @description flag defaulted to true to automatically detect changes in your components
-     */
-    autoDetectChanges?: boolean;
     /**
      * @memberof MountConfig
      * @example
@@ -133,4 +116,5 @@ declare function mount<T>(component: Type<T> | string, config?: MountConfig<T>):
  */
 declare const createOutputSpy: <T>(alias: string) => any;
 
-export { CypressTestComponentRenderer, MountConfig, MountResponse, createOutputSpy, mount };
+export { CypressTestComponentRenderer, createOutputSpy, mount };
+export type { MountConfig, MountResponse };

package/angular/angular/dist/index.js

@@ -5,53 +5,51 @@
  * Released under the MIT License
  */
 
-import 'zone.js';
-import 'zone.js/testing';
 import { CommonModule } from '@angular/common';
-import { Injectable, Component, EventEmitter, ErrorHandler, SimpleChange } from '@angular/core';
+import { Injectable, Component, EventEmitter, ErrorHandler, provideZonelessChangeDetection, SimpleChange } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { getTestBed, TestComponentRenderer, TestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-              t[p[i]] = s[p[i]];
-      }
-  return t;
-}
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
 const ROOT_SELECTOR = '[data-cy-root]';
@@ -92,15 +90,10 @@ function setupHooks(optionalCallback) {
     });
     // @ts-ignore
     Cypress.on('test:before:after:run:async', () => {
-        optionalCallback === null || optionalCallback === void 0 ? void 0 : optionalCallback();
+        optionalCallback?.();
     });
 }
 
-/**
- * @hack fixes "Mocha has already been patched with Zone" error.
- */
-// @ts-ignore
-window.Mocha['__zone_patch__'] = false;
 let activeFixture = null;
 let activeInternalSubscriptions = [];
 function cleanup() {
@@ -155,6 +148,9 @@ function bootstrapModule(component, config) {
         provide: ErrorHandler,
         useClass: CypressAngularErrorHandler,
     });
+    // allow for zoneless change detection inside the testing module.
+    // @see https://angular.dev/guide/zoneless#using-zoneless-in-testbed
+    testModuleMetaData.providers.push(provideZonelessChangeDetection());
     // check if the component is a standalone component
     if ((_a = component.ɵcmp) === null || _a === void 0 ? void 0 : _a.standalone) {
         testModuleMetaData.imports.push(component);
@@ -221,20 +217,11 @@ function createComponentFixture(component) {
  * @param {Type<T>} component Angular component being mounted
  * @param {MountConfig<T>} config MountConfig
 
- * @returns {ComponentFixture<T>} ComponentFixture
+ * @returns {Promise<ComponentFixture<T>>} ComponentFixture
  */
 function setupFixture(component, config) {
     const fixture = getTestBed().createComponent(component);
     setupComponent(config, fixture);
-    fixture.whenStable().then(() => {
-        var _a;
-        fixture.autoDetectChanges((_a = config.autoDetectChanges) !== null && _a !== void 0 ? _a : true);
-    }).catch((e) => {
-        // If this promise does not settle in Angular 19 it is rejected
-        // https://github.com/angular/angular/blob/main/CHANGELOG.md#1900-2024-11-19
-        // eslint-disable-next-line no-console
-        console.error(e);
-    });
     return fixture;
 }
 // Best known way to currently detect whether or not a function is a signal is if the signal symbol exists.
@@ -303,11 +290,6 @@ function detectAndRegisterOutputSpyToSignal(config, component, key, injector) {
                 // @ts-expect-error
                 config.componentProperties[expectedChangeKey];
         }
-        // since spies do NOT make change handlers by default, similar to the Output() decorator, we need to create the spy and subscribe to the signal
-        if (!changeKeyIfExists && config.autoSpyOutputs) {
-            component[expectedChangeKey] = createOutputSpy(`${expectedChangeKey}Spy`);
-            changeKeyIfExists = true;
-        }
         if (changeKeyIfExists) {
             const componentValue = component[key];
             // if the user passed in a change key or we created one due to config.autoSpyOutputs being set to true for a given signal,
@@ -365,14 +347,6 @@ function setupComponent(config, fixture) {
             }
         });
     }
-    if (config.autoSpyOutputs) {
-        Object.keys(component).forEach((key) => {
-            const property = component[key];
-            if (property instanceof EventEmitter) {
-                component[key] = createOutputSpy(`${key}Spy`);
-            }
-        });
-    }
     // Manually call ngOnChanges when mounting components using the class syntax.
     // This is necessary because we are assigning input values to the class directly
     // on mount and therefore the ngOnChanges() lifecycle is not triggered.
@@ -442,18 +416,30 @@ function mount(component, config = {}) {
         cleanup();
     }
     const componentFixture = initTestBed(component, config);
-    activeFixture = setupFixture(componentFixture, config);
-    const mountResponse = {
-        fixture: activeFixture,
-        component: activeFixture.componentInstance,
-    };
-    const logMessage = typeof component === 'string' ? 'Component' : componentFixture.name;
-    Cypress.log({
-        name: 'mount',
-        message: logMessage,
-        consoleProps: () => ({ result: mountResponse }),
+    let mountResponsePromiseResolver;
+    let mountResponsePromiseRejector;
+    let mountResponsePromise = new Promise((resolve, reject) => {
+        mountResponsePromiseResolver = resolve;
+        mountResponsePromiseRejector = reject;
+    });
+    const fixture = setupFixture(componentFixture, config);
+    activeFixture = fixture;
+    fixture.whenStable().then(() => {
+        const mountResponse = {
+            fixture,
+            component: fixture.componentInstance,
+        };
+        const logMessage = typeof component === 'string' ? 'Component' : componentFixture.name;
+        Cypress.log({
+            name: 'mount',
+            message: logMessage,
+            consoleProps: () => ({ result: mountResponse }),
+        });
+        mountResponsePromiseResolver(mountResponse);
+    }).catch((error) => {
+        mountResponsePromiseRejector(error);
     });
-    return cy.wrap(mountResponse, { log: false });
+    return cy.wrap(mountResponsePromise, { log: false });
 }
 /**
  * Creates a new Event Emitter and then spies on it's `emit` method
@@ -485,7 +471,7 @@ const createOutputSpy = (alias) => {
     return emitter;
 };
 // Only needs to run once, we reset before each test
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
     teardown: { destroyAfterEach: false },
 });
 setupHooks(cleanup);

package/angular/angular/package.json

@@ -13,20 +13,18 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
     "@cypress/mount-utils": "0.0.0-development",
-    "rollup": "^4.24.4",
-    "typescript": "~5.4.5",
-    "zone.js": "~0.14.6"
+    "rollup": "^4.60.2",
+    "typescript": "~5.9.2"
   },
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0",
-    "@angular/platform-browser-dynamic": ">=18.0.0",
-    "rxjs": ">=7.5.0",
-    "zone.js": ">=0.14.0"
+    "@angular/common": ">=21.0.0",
+    "@angular/core": ">=21.0.0",
+    "@angular/platform-browser": ">=21.0.0",
+    "rxjs": ">=7.8.0"
   },
   "files": [
     "dist"
@@ -44,7 +42,8 @@
     "cypress",
     "cypress-io",
     "test",
-    "testing"
+    "testing",
+    "zoneless"
   ],
   "contributors": [
     {

package/angular/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="cypress" />
 
 import { InputSignal, WritableSignal, Type } from '@angular/core';
-import { TestModuleMetadata, ComponentFixture, TestComponentRenderer } from '@angular/core/testing';
+import { TestComponentRenderer, TestModuleMetadata, ComponentFixture } from '@angular/core/testing';
 
 /**
  * Additional module configurations needed while mounting the component, like
@@ -11,23 +11,6 @@ import { TestModuleMetadata, ComponentFixture, TestComponentRenderer } from '@an
  * @see https://angular.io/api/core/testing/TestModuleMetadata
  */
 interface MountConfig<T> extends TestModuleMetadata {
-    /**
-     * @memberof MountConfig
-     * @description flag to automatically create a cy.spy() for every component @Output() property
-     * @example
-     * export class ButtonComponent {
-     *  @Output clicked = new EventEmitter()
-     * }
-     *
-     * cy.mount(ButtonComponent, { autoSpyOutputs: true })
-     * cy.get('@clickedSpy).should('have.been.called')
-     */
-    autoSpyOutputs?: boolean;
-    /**
-     * @memberof MountConfig
-     * @description flag defaulted to true to automatically detect changes in your components
-     */
-    autoDetectChanges?: boolean;
     /**
      * @memberof MountConfig
      * @example
@@ -133,4 +116,5 @@ declare function mount<T>(component: Type<T> | string, config?: MountConfig<T>):
  */
 declare const createOutputSpy: <T>(alias: string) => any;
 
-export { CypressTestComponentRenderer, MountConfig, MountResponse, createOutputSpy, mount };
+export { CypressTestComponentRenderer, createOutputSpy, mount };
+export type { MountConfig, MountResponse };

package/angular/dist/index.js

@@ -5,53 +5,51 @@
  * Released under the MIT License
  */
 
-import 'zone.js';
-import 'zone.js/testing';
 import { CommonModule } from '@angular/common';
-import { Injectable, Component, EventEmitter, ErrorHandler, SimpleChange } from '@angular/core';
+import { Injectable, Component, EventEmitter, ErrorHandler, provideZonelessChangeDetection, SimpleChange } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { getTestBed, TestComponentRenderer, TestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-              t[p[i]] = s[p[i]];
-      }
-  return t;
-}
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
 const ROOT_SELECTOR = '[data-cy-root]';
@@ -92,15 +90,10 @@ function setupHooks(optionalCallback) {
     });
     // @ts-ignore
     Cypress.on('test:before:after:run:async', () => {
-        optionalCallback === null || optionalCallback === void 0 ? void 0 : optionalCallback();
+        optionalCallback?.();
     });
 }
 
-/**
- * @hack fixes "Mocha has already been patched with Zone" error.
- */
-// @ts-ignore
-window.Mocha['__zone_patch__'] = false;
 let activeFixture = null;
 let activeInternalSubscriptions = [];
 function cleanup() {
@@ -155,6 +148,9 @@ function bootstrapModule(component, config) {
         provide: ErrorHandler,
         useClass: CypressAngularErrorHandler,
     });
+    // allow for zoneless change detection inside the testing module.
+    // @see https://angular.dev/guide/zoneless#using-zoneless-in-testbed
+    testModuleMetaData.providers.push(provideZonelessChangeDetection());
     // check if the component is a standalone component
     if ((_a = component.ɵcmp) === null || _a === void 0 ? void 0 : _a.standalone) {
         testModuleMetaData.imports.push(component);
@@ -221,20 +217,11 @@ function createComponentFixture(component) {
  * @param {Type<T>} component Angular component being mounted
  * @param {MountConfig<T>} config MountConfig
 
- * @returns {ComponentFixture<T>} ComponentFixture
+ * @returns {Promise<ComponentFixture<T>>} ComponentFixture
  */
 function setupFixture(component, config) {
     const fixture = getTestBed().createComponent(component);
     setupComponent(config, fixture);
-    fixture.whenStable().then(() => {
-        var _a;
-        fixture.autoDetectChanges((_a = config.autoDetectChanges) !== null && _a !== void 0 ? _a : true);
-    }).catch((e) => {
-        // If this promise does not settle in Angular 19 it is rejected
-        // https://github.com/angular/angular/blob/main/CHANGELOG.md#1900-2024-11-19
-        // eslint-disable-next-line no-console
-        console.error(e);
-    });
     return fixture;
 }
 // Best known way to currently detect whether or not a function is a signal is if the signal symbol exists.
@@ -303,11 +290,6 @@ function detectAndRegisterOutputSpyToSignal(config, component, key, injector) {
                 // @ts-expect-error
                 config.componentProperties[expectedChangeKey];
         }
-        // since spies do NOT make change handlers by default, similar to the Output() decorator, we need to create the spy and subscribe to the signal
-        if (!changeKeyIfExists && config.autoSpyOutputs) {
-            component[expectedChangeKey] = createOutputSpy(`${expectedChangeKey}Spy`);
-            changeKeyIfExists = true;
-        }
         if (changeKeyIfExists) {
             const componentValue = component[key];
             // if the user passed in a change key or we created one due to config.autoSpyOutputs being set to true for a given signal,
@@ -365,14 +347,6 @@ function setupComponent(config, fixture) {
             }
         });
     }
-    if (config.autoSpyOutputs) {
-        Object.keys(component).forEach((key) => {
-            const property = component[key];
-            if (property instanceof EventEmitter) {
-                component[key] = createOutputSpy(`${key}Spy`);
-            }
-        });
-    }
     // Manually call ngOnChanges when mounting components using the class syntax.
     // This is necessary because we are assigning input values to the class directly
     // on mount and therefore the ngOnChanges() lifecycle is not triggered.
@@ -442,18 +416,30 @@ function mount(component, config = {}) {
         cleanup();
     }
     const componentFixture = initTestBed(component, config);
-    activeFixture = setupFixture(componentFixture, config);
-    const mountResponse = {
-        fixture: activeFixture,
-        component: activeFixture.componentInstance,
-    };
-    const logMessage = typeof component === 'string' ? 'Component' : componentFixture.name;
-    Cypress.log({
-        name: 'mount',
-        message: logMessage,
-        consoleProps: () => ({ result: mountResponse }),
+    let mountResponsePromiseResolver;
+    let mountResponsePromiseRejector;
+    let mountResponsePromise = new Promise((resolve, reject) => {
+        mountResponsePromiseResolver = resolve;
+        mountResponsePromiseRejector = reject;
+    });
+    const fixture = setupFixture(componentFixture, config);
+    activeFixture = fixture;
+    fixture.whenStable().then(() => {
+        const mountResponse = {
+            fixture,
+            component: fixture.componentInstance,
+        };
+        const logMessage = typeof component === 'string' ? 'Component' : componentFixture.name;
+        Cypress.log({
+            name: 'mount',
+            message: logMessage,
+            consoleProps: () => ({ result: mountResponse }),
+        });
+        mountResponsePromiseResolver(mountResponse);
+    }).catch((error) => {
+        mountResponsePromiseRejector(error);
     });
-    return cy.wrap(mountResponse, { log: false });
+    return cy.wrap(mountResponsePromise, { log: false });
 }
 /**
  * Creates a new Event Emitter and then spies on it's `emit` method
@@ -485,7 +471,7 @@ const createOutputSpy = (alias) => {
     return emitter;
 };
 // Only needs to run once, we reset before each test
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), {
     teardown: { destroyAfterEach: false },
 });
 setupHooks(cleanup);

package/angular/package.json

@@ -13,20 +13,18 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
     "@cypress/mount-utils": "0.0.0-development",
-    "rollup": "^4.24.4",
-    "typescript": "~5.4.5",
-    "zone.js": "~0.14.6"
+    "rollup": "^4.60.2",
+    "typescript": "~5.9.2"
   },
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0",
-    "@angular/platform-browser-dynamic": ">=18.0.0",
-    "rxjs": ">=7.5.0",
-    "zone.js": ">=0.14.0"
+    "@angular/common": ">=21.0.0",
+    "@angular/core": ">=21.0.0",
+    "@angular/platform-browser": ">=21.0.0",
+    "rxjs": ">=7.8.0"
   },
   "files": [
     "dist"
@@ -44,7 +42,8 @@
     "cypress",
     "cypress-io",
     "test",
-    "testing"
+    "testing",
+    "zoneless"
   ],
   "contributors": [
     {

package/dist/bin/cypress

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 'use strict';
 
-var cli = require('../cli-_xePNEPj.js');
-require('../xvfb-BKRGwxlS.js');
+var cli = require('../cli-BUzHfIQ2.js');
+require('../xvfb-CbW2_YXR.js');
 require('os');
 require('bluebird');
 require('@cypress/xvfb');
@@ -32,7 +32,7 @@ require('commander');
 require('cli-table3');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('../spawn-BkpC5qQ4.js');
+require('../spawn-BNsy7yWl.js');
 require('child_process');
 require('listr2');
 require('readline');