cypress 13.16.1 → 14.0.0

package/react/dist/index.d.ts

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import React__default from 'react';
-import * as react_dom from 'react-dom';
+import * as react_dom_client from 'react-dom/client';
 
 interface UnmountArgs {
     log: boolean;
@@ -10,7 +10,7 @@ interface UnmountArgs {
 }
 type MountOptions = Partial<MountReactComponentOptions>;
 interface MountReactComponentOptions {
-    ReactDom: typeof react_dom;
+    ReactDom: typeof react_dom_client;
     /**
      * Log the mounting command into Cypress Command Log,
      * true by default.
@@ -23,8 +23,8 @@ interface MountReactComponentOptions {
     strict: boolean;
 }
 interface InternalMountOptions {
-    reactDom: typeof react_dom;
-    render: (reactComponent: ReturnType<typeof React__default.createElement>, el: HTMLElement, reactDomToUse: typeof react_dom) => void;
+    reactDom: typeof react_dom_client;
+    render: (reactComponent: ReturnType<typeof React__default.createElement>, el: HTMLElement, reactDomToUse: typeof react_dom_client) => void;
     unmount: (options: UnmountArgs) => void;
     cleanup: () => boolean;
 }
@@ -38,13 +38,6 @@ interface MountReturn {
      * or have asynchronous updates (`useEffect`, `useLayoutEffect`).
      */
     rerender: (component: React__default.ReactNode) => globalThis.Cypress.Chainable<MountReturn>;
-    /**
-     * Removes the mounted component.
-     *
-     * Removed as of Cypress 11.0.0.
-     * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
-     */
-    unmount: (payload: UnmountArgs) => void;
 }
 
 /**
@@ -78,10 +71,10 @@ declare const getContainerEl: () => HTMLElement;
 
 /**
  * Mounts a React component into the DOM.
- * @param jsx {React.ReactNode} The React component to mount.
- * @param options {MountOptions} [options={}] options to pass to the mount function.
- * @param rerenderKey {string} [rerenderKey] A key to use to force a rerender.
- * @see {@link https://on.cypress.io/mounting-react} for more details.
+ * @param {import('react').JSX.Element} jsx The React component to mount.
+ * @param {MountOptions} options Options to pass to the mount function.
+ * @param {string} rerenderKey A key to use to force a rerender.
+ *
  * @example
  * import { mount } from '@cypress/react'
  * import { Stepper } from './Stepper'
@@ -91,21 +84,11 @@ declare const getContainerEl: () => HTMLElement;
  *   cy.get('[data-cy=increment]').click()
  *   cy.get('[data-cy=counter]').should('have.text', '1')
  * }
+ *
+ * @see {@link https://on.cypress.io/mounting-react} for more details.
+ *
+ * @returns {Cypress.Chainable<MountReturn>} The mounted component.
  */
 declare function mount(jsx: React__default.ReactNode, options?: MountOptions, rerenderKey?: string): Cypress.Chainable<MountReturn>;
-/**
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-declare function unmount(options?: {
-    log: boolean;
-}): void;
-
-/**
- * Mounts a React hook function in a test component for testing.
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-declare const mountHook: <T>(hookFn: (...args: any[]) => T) => void;
 
-export { InternalMountOptions, MountOptions, MountReactComponentOptions, MountReturn, UnmountArgs, createMount, getContainerEl, makeMountFn, makeUnmountFn, mount, mountHook, unmount };
+export { InternalMountOptions, MountOptions, MountReactComponentOptions, MountReturn, UnmountArgs, createMount, getContainerEl, makeMountFn, makeUnmountFn, mount };

package/react/package.json

@@ -17,25 +17,26 @@
   },
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
-    "@types/semver": "7.5.0",
-    "@vitejs/plugin-react": "4.3.0",
-    "axios": "0.21.2",
+    "@types/semver": "7.5.8",
+    "@vitejs/plugin-react": "4.3.3",
+    "axios": "1.7.7",
     "cypress": "0.0.0-development",
-    "prop-types": "15.7.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-router": "6.10.0",
-    "react-router-dom": "6.10.0",
+    "prop-types": "15.8.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router": "6.28.0",
+    "react-router-dom": "6.28.0",
     "semver": "^7.5.3",
     "typescript": "~5.4.5",
-    "vite": "5.2.11",
+    "vite": "5.4.10",
     "vite-plugin-require-transform": "1.0.12"
   },
   "peerDependencies": {
-    "@types/react": "^16.9.16 || ^17.0.0",
+    "@types/react": "^18 || ^19",
+    "@types/react-dom": "^18 || ^19",
     "cypress": "*",
-    "react": "^=16.x || ^=17.x",
-    "react-dom": "^=16.x || ^=17.x"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "files": [
     "dist"
@@ -90,9 +91,6 @@
   "nx": {
     "targets": {
       "build": {
-        "dependsOn": [
-          "!@cypress/react18:build"
-        ],
         "outputs": [
           "{workspaceRoot}/cli/react",
           "{projectRoot}/dist"

package/react/react/README.md

@@ -3,6 +3,11 @@
 Mount React 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 [React Component Testing Docs](https://docs.cypress.io/guides/component-testing/react/overview) for mounting React components. Installing and importing `mount` from `@cypress/react` should only be done for advanced use-cases.
+
+## Requirements
+
+- React 18.0.0+ (Cypress 13 and under supports React 16 and 17)
+
 ## Development
 
 Run `yarn build` to compile and sync packages to the `cypress` cli package.