cypress 13.16.1 → 14.0.0

package/angular/README.md

@@ -3,6 +3,11 @@
 Mount Angular components in the open source [Cypress.io](https://www.cypress.io/) test runner
 
 > **Note:** This package is bundled with the `cypress` package and should not need to be installed separately. See the [Angular Component Testing Docs](https://docs.cypress.io/guides/component-testing/angular/overview) for mounting Angular components. Installing and importing `mount` from `@cypress/angular` should only be done for advanced use-cases.
+
+## Requirements
+
+- Angular 17.2.0+ (Cypress 13 and under supports Angular 13 - 16)
+
 ## Development
 
 Run `yarn build` to compile and sync packages to the `cypress` cli package.

package/angular/angular/README.md

@@ -3,6 +3,11 @@
 Mount Angular components in the open source [Cypress.io](https://www.cypress.io/) test runner
 
 > **Note:** This package is bundled with the `cypress` package and should not need to be installed separately. See the [Angular Component Testing Docs](https://docs.cypress.io/guides/component-testing/angular/overview) for mounting Angular components. Installing and importing `mount` from `@cypress/angular` should only be done for advanced use-cases.
+
+## Requirements
+
+- Angular 17.2.0+ (Cypress 13 and under supports Angular 13 - 16)
+
 ## Development
 
 Run `yarn build` to compile and sync packages to the `cypress` cli package.

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

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 
-import { Type } from '@angular/core';
+import { InputSignal, WritableSignal, Type } from '@angular/core';
 import { TestModuleMetadata, ComponentFixture, TestComponentRenderer } from '@angular/core/testing';
 
 /**
@@ -48,7 +48,7 @@ interface MountConfig<T> extends TestModuleMetadata {
      * })
      */
     componentProperties?: Partial<{
-        [P in keyof T]: T[P];
+        [P in keyof T]: T[P] extends InputSignal<infer V> ? InputSignal<V> | WritableSignal<V> | V : T[P];
     }>;
 }
 /**
@@ -121,6 +121,15 @@ declare function mount<T>(component: Type<T> | string, config?: MountConfig<T>):
  *   cy.get('[data-cy=increment]').click()
  *   cy.get('@changeSpy').should('have.been.called')
  * })
+ *
+ * // Or for use with Angular Signals following the output nomenclature.
+ * // see https://v17.angular.io/guide/model-inputs#differences-between-model-and-input/
+ *
+ * it('Has spy', () => {
+ *   mount(StepperComponent, { componentProperties: { count: signal(0), countChange: createOutputSpy('countChange') } })
+ *   cy.get('[data-cy=increment]').click()
+ *   cy.get('@countChange').should('have.been.called')
+ * })
  */
 declare const createOutputSpy: <T>(alias: string) => any;