cypress 13.17.0 → 14.0.0

package/react/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/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/svelte/README.md

@@ -1,8 +1,12 @@
 # @cypress/svelte
 
-Mount Svelte components in the open source [Cypress.io](https://www.cypress.io/) test runner **v10.7.0+**
+Mount Svelte 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 [Svelte Component Testing Docs](https://docs.cypress.io/guides/component-testing/svelte/overview) for mounting Svelte components. Installing and importing `mount` from `@cypress/svelte` should only be done for advanced use-cases.
+> **Note:** This package is bundled with the `cypress` package and should not need to be installed separately. See the [Svelte Component Testing Docs](https://docs.cypress.io/guides/component-testing/svelte/overview) for mounting Svelte components. Installing and importing `mount` from `@cypress/svelte` should only be done for advanced use-cases or in the case you may require an older or non supported version of svelte.
+
+## Requirements
+
+- Svelte 5+ (Cypress 13 and under supports Svelte 4 and under)
 
 ## Development
 

package/svelte/dist/cypress-svelte.cjs.js

@@ -1,12 +1,14 @@
 
 /**
  * @cypress/svelte v0.0.0-development
- * (c) 2024 Cypress.io
+ * (c) 2025 Cypress.io
  * Released under the MIT License
  */
 
 'use strict';
 
+var svelte = require('svelte');
+
 const ROOT_SELECTOR = '[data-cy-root]';
 /**
  * Gets the root element used to mount the component.
@@ -20,13 +22,6 @@ const getContainerEl = () => {
     }
     throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
 };
-function checkForRemovedStyleOptions(mountingOptions) {
-    for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
-        if (mountingOptions[key]) {
-            Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
-        }
-    }
-}
 /**
  * Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
  * @param optionalCallback Callback to be called before the next test runs
@@ -59,7 +54,9 @@ function setupHooks(optionalCallback) {
 const DEFAULT_COMP_NAME = 'unknown';
 let componentInstance;
 const cleanup = () => {
-    componentInstance === null || componentInstance === void 0 ? void 0 : componentInstance.$destroy();
+    if (componentInstance) {
+        svelte.unmount(componentInstance);
+    }
 };
 // Extract the component name from the object passed to mount
 const getComponentDisplayName = (Component) => {
@@ -72,7 +69,7 @@ const getComponentDisplayName = (Component) => {
 /**
  * Mounts a Svelte component inside the Cypress browser
  *
- * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {Record<string, any>} Component Svelte component being mounted
  * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
  * @returns Cypress.Chainable<MountReturn>
  *
@@ -88,13 +85,16 @@ const getComponentDisplayName = (Component) => {
  * @see {@link https://on.cypress.io/mounting-svelte} for more details.
  */
 function mount(Component, options = {}) {
-    checkForRemovedStyleOptions(options);
+    // In Svelte 5, the component name is no longer easily discoverable and logs as "wrapper"
+    // so we default the logging of it to false as it doesn't provide a lot of value
+    options.log = options.log || false;
     return cy.then(() => {
         // Remove last mounted component if cy.mount is called more than once in a test
         cleanup();
         const target = getContainerEl();
         const ComponentConstructor = (Component.default || Component);
-        componentInstance = new ComponentConstructor(Object.assign({ target }, options));
+        // @see https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes
+        componentInstance = svelte.mount(ComponentConstructor, Object.assign({ target }, options));
         // by waiting, we are delaying test execution for the next tick of event loop
         // and letting hooks and component lifecycle methods to execute mount
         return cy.wait(0, { log: false }).then(() => {

package/svelte/dist/cypress-svelte.esm-bundler.js

@@ -1,10 +1,12 @@
 
 /**
  * @cypress/svelte v0.0.0-development
- * (c) 2024 Cypress.io
+ * (c) 2025 Cypress.io
  * Released under the MIT License
  */
 
+import { mount as mount$1, unmount } from 'svelte';
+
 const ROOT_SELECTOR = '[data-cy-root]';
 /**
  * Gets the root element used to mount the component.
@@ -18,13 +20,6 @@ const getContainerEl = () => {
     }
     throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
 };
-function checkForRemovedStyleOptions(mountingOptions) {
-    for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
-        if (mountingOptions[key]) {
-            Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
-        }
-    }
-}
 /**
  * Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
  * @param optionalCallback Callback to be called before the next test runs
@@ -57,7 +52,9 @@ function setupHooks(optionalCallback) {
 const DEFAULT_COMP_NAME = 'unknown';
 let componentInstance;
 const cleanup = () => {
-    componentInstance === null || componentInstance === void 0 ? void 0 : componentInstance.$destroy();
+    if (componentInstance) {
+        unmount(componentInstance);
+    }
 };
 // Extract the component name from the object passed to mount
 const getComponentDisplayName = (Component) => {
@@ -70,7 +67,7 @@ const getComponentDisplayName = (Component) => {
 /**
  * Mounts a Svelte component inside the Cypress browser
  *
- * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {Record<string, any>} Component Svelte component being mounted
  * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
  * @returns Cypress.Chainable<MountReturn>
  *
@@ -86,13 +83,16 @@ const getComponentDisplayName = (Component) => {
  * @see {@link https://on.cypress.io/mounting-svelte} for more details.
  */
 function mount(Component, options = {}) {
-    checkForRemovedStyleOptions(options);
+    // In Svelte 5, the component name is no longer easily discoverable and logs as "wrapper"
+    // so we default the logging of it to false as it doesn't provide a lot of value
+    options.log = options.log || false;
     return cy.then(() => {
         // Remove last mounted component if cy.mount is called more than once in a test
         cleanup();
         const target = getContainerEl();
         const ComponentConstructor = (Component.default || Component);
-        componentInstance = new ComponentConstructor(Object.assign({ target }, options));
+        // @see https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes
+        componentInstance = mount$1(ComponentConstructor, Object.assign({ target }, options));
         // by waiting, we are delaying test execution for the next tick of event loop
         // and letting hooks and component lifecycle methods to execute mount
         return cy.wait(0, { log: false }).then(() => {

package/svelte/dist/index.d.ts

@@ -1,187 +1,14 @@
 /// <reference types="cypress" />
 
-declare module '*.svelte' {
-    export { SvelteComponentDev as default } from 'svelte/internal';
-}
-
-/**
- * INTERNAL, DO NOT USE. Code may change at any time.
- */
-interface Fragment {
-    key: string | null;
-    first: null;
-    c: () => void;
-    l: (nodes: any) => void;
-    h: () => void;
-    m: (target: HTMLElement, anchor: any) => void;
-    p: (ctx: any, dirty: any) => void;
-    r: () => void;
-    f: () => void;
-    a: () => void;
-    i: (local: any) => void;
-    o: (local: any) => void;
-    d: (detaching: 0 | 1) => void;
-}
-interface T$$ {
-    dirty: number[];
-    ctx: null | any;
-    bound: any;
-    update: () => void;
-    callbacks: any;
-    after_update: any[];
-    props: Record<string, 0 | string>;
-    fragment: null | false | Fragment;
-    not_equal: any;
-    before_update: any[];
-    context: Map<any, any>;
-    on_mount: any[];
-    on_destroy: any[];
-    skip_bound: boolean;
-    on_disconnect: any[];
-    root: Element | ShadowRoot;
-}
-/**
- * Base class for Svelte components. Used when dev=false.
- */
-declare class SvelteComponent {
-    $$: T$$;
-    $$set?: ($$props: any) => void;
-    $destroy(): void;
-    $on(type: any, callback: any): () => void;
-    $set($$props: any): void;
-}
-
-declare type Props = Record<string, any>;
-interface ComponentConstructorOptions<Props extends Record<string, any> = Record<string, any>> {
-    target: Element | ShadowRoot;
-    anchor?: Element;
-    props?: Props;
-    context?: Map<any, any>;
-    hydrate?: boolean;
-    intro?: boolean;
-    $$inline?: boolean;
-}
-interface SvelteComponentDev$1 {
-    $set(props?: Props): void;
-    $on(event: string, callback: (event: any) => void): () => void;
-    $destroy(): void;
-    [accessor: string]: any;
-}
-/**
- * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
- */
-declare class SvelteComponentDev$1 extends SvelteComponent {
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$prop_def: Props;
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$events_def: any;
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$slot_def: any;
-    constructor(options: ComponentConstructorOptions);
-    $capture_state(): void;
-    $inject_state(): void;
-}
-interface SvelteComponentTyped<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any> {
-    $set(props?: Partial<Props>): void;
-    $on<K extends Extract<keyof Events, string>>(type: K, callback: (e: Events[K]) => void): () => void;
-    $destroy(): void;
-    [accessor: string]: any;
-}
-/**
- * Base class to create strongly typed Svelte components.
- * This only exists for typing purposes and should be used in `.d.ts` files.
- *
- * ### Example:
- *
- * You have component library on npm called `component-library`, from which
- * you export a component called `MyComponent`. For Svelte+TypeScript users,
- * you want to provide typings. Therefore you create a `index.d.ts`:
- * ```ts
- * import { SvelteComponentTyped } from "svelte";
- * export class MyComponent extends SvelteComponentTyped<{foo: string}> {}
- * ```
- * Typing this makes it possible for IDEs like VS Code with the Svelte extension
- * to provide intellisense and to use the component like this in a Svelte file
- * with TypeScript:
- * ```svelte
- * <script lang="ts">
- * 	import { MyComponent } from "component-library";
- * </script>
- * <MyComponent foo={'bar'} />
- * ```
- *
- * #### Why not make this part of `SvelteComponent(Dev)`?
- * Because
- * ```ts
- * class ASubclassOfSvelteComponent extends SvelteComponent<{foo: string}> {}
- * const component: typeof SvelteComponent = ASubclassOfSvelteComponent;
- * ```
- * will throw a type error, so we need to separate the more strictly typed class.
- */
-declare class SvelteComponentTyped<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any> extends SvelteComponentDev$1 {
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$prop_def: Props;
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$events_def: Events;
-    /**
-     * @private
-     * For type checking capabilities only.
-     * Does not exist at runtime.
-     * ### DO NOT USE!
-     */
-    $$slot_def: Slots;
-    constructor(options: ComponentConstructorOptions<Props>);
-}
-/**
- * Convenience type to get the props the given component expects. Example:
- * ```html
- * <script lang="ts">
- * 	import type { ComponentProps } from 'svelte';
- * 	import Component from './Component.svelte';
- *
- * 	const props: ComponentProps<Component> = { foo: 'bar' }; // Errors if these aren't the correct props
- * </script>
- * ```
- */
-declare type ComponentProps<Component extends SvelteComponent> = Component extends SvelteComponentTyped<infer Props> ? Props : never;
+import { Component, MountOptions } from 'svelte';
 
-type SvelteConstructor<T> = new (...args: any[]) => T;
-type SvelteComponentOptions<T extends SvelteComponentDev$1> = Omit<ComponentConstructorOptions<ComponentProps<T>>, 'hydrate' | 'target' | '$$inline'>;
-interface MountOptions<T extends SvelteComponentDev$1> extends SvelteComponentOptions<T> {
-    log?: boolean;
-}
-interface MountReturn<T extends SvelteComponentDev$1> {
-    component: T;
+interface MountReturn {
+    component: Record<string, any>;
 }
 /**
  * Mounts a Svelte component inside the Cypress browser
  *
- * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {Record<string, any>} Component Svelte component being mounted
  * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
  * @returns Cypress.Chainable<MountReturn>
  *
@@ -196,6 +23,8 @@ interface MountReturn<T extends SvelteComponentDev$1> {
  *
  * @see {@link https://on.cypress.io/mounting-svelte} for more details.
  */
-declare function mount<T extends SvelteComponentDev$1>(Component: SvelteConstructor<T>, options?: MountOptions<T>): Cypress.Chainable<MountReturn<T>>;
+declare function mount(Component: Component<Record<string, any>, Record<string, any>, any>, options?: Omit<MountOptions, 'target'> & {
+    log?: boolean;
+}): Cypress.Chainable<MountReturn>;
 
-export { MountOptions, MountReturn, mount };
+export { MountReturn, mount };

package/svelte/package.json

@@ -12,12 +12,12 @@
   },
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
-    "svelte": "^3.49.0",
+    "svelte": "^5.4.0",
     "typescript": "~5.4.5"
   },
   "peerDependencies": {
     "cypress": ">=10.6.0",
-    "svelte": ">=3.0.0"
+    "svelte": ">=5.0.0"
   },
   "files": [
     "dist/**/*"

package/svelte/svelte/README.md

@@ -1,8 +1,12 @@
 # @cypress/svelte
 
-Mount Svelte components in the open source [Cypress.io](https://www.cypress.io/) test runner **v10.7.0+**
+Mount Svelte 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 [Svelte Component Testing Docs](https://docs.cypress.io/guides/component-testing/svelte/overview) for mounting Svelte components. Installing and importing `mount` from `@cypress/svelte` should only be done for advanced use-cases.
+> **Note:** This package is bundled with the `cypress` package and should not need to be installed separately. See the [Svelte Component Testing Docs](https://docs.cypress.io/guides/component-testing/svelte/overview) for mounting Svelte components. Installing and importing `mount` from `@cypress/svelte` should only be done for advanced use-cases or in the case you may require an older or non supported version of svelte.
+
+## Requirements
+
+- Svelte 5+ (Cypress 13 and under supports Svelte 4 and under)
 
 ## Development
 

package/svelte/svelte/dist/cypress-svelte.cjs.js

@@ -1,12 +1,14 @@
 
 /**
  * @cypress/svelte v0.0.0-development
- * (c) 2024 Cypress.io
+ * (c) 2025 Cypress.io
  * Released under the MIT License
  */
 
 'use strict';
 
+var svelte = require('svelte');
+
 const ROOT_SELECTOR = '[data-cy-root]';
 /**
  * Gets the root element used to mount the component.
@@ -20,13 +22,6 @@ const getContainerEl = () => {
     }
     throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
 };
-function checkForRemovedStyleOptions(mountingOptions) {
-    for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
-        if (mountingOptions[key]) {
-            Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
-        }
-    }
-}
 /**
  * Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
  * @param optionalCallback Callback to be called before the next test runs
@@ -59,7 +54,9 @@ function setupHooks(optionalCallback) {
 const DEFAULT_COMP_NAME = 'unknown';
 let componentInstance;
 const cleanup = () => {
-    componentInstance === null || componentInstance === void 0 ? void 0 : componentInstance.$destroy();
+    if (componentInstance) {
+        svelte.unmount(componentInstance);
+    }
 };
 // Extract the component name from the object passed to mount
 const getComponentDisplayName = (Component) => {
@@ -72,7 +69,7 @@ const getComponentDisplayName = (Component) => {
 /**
  * Mounts a Svelte component inside the Cypress browser
  *
- * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {Record<string, any>} Component Svelte component being mounted
  * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
  * @returns Cypress.Chainable<MountReturn>
  *
@@ -88,13 +85,16 @@ const getComponentDisplayName = (Component) => {
  * @see {@link https://on.cypress.io/mounting-svelte} for more details.
  */
 function mount(Component, options = {}) {
-    checkForRemovedStyleOptions(options);
+    // In Svelte 5, the component name is no longer easily discoverable and logs as "wrapper"
+    // so we default the logging of it to false as it doesn't provide a lot of value
+    options.log = options.log || false;
     return cy.then(() => {
         // Remove last mounted component if cy.mount is called more than once in a test
         cleanup();
         const target = getContainerEl();
         const ComponentConstructor = (Component.default || Component);
-        componentInstance = new ComponentConstructor(Object.assign({ target }, options));
+        // @see https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes
+        componentInstance = svelte.mount(ComponentConstructor, Object.assign({ target }, options));
         // by waiting, we are delaying test execution for the next tick of event loop
         // and letting hooks and component lifecycle methods to execute mount
         return cy.wait(0, { log: false }).then(() => {

package/svelte/svelte/dist/cypress-svelte.esm-bundler.js

@@ -1,10 +1,12 @@
 
 /**
  * @cypress/svelte v0.0.0-development
- * (c) 2024 Cypress.io
+ * (c) 2025 Cypress.io
  * Released under the MIT License
  */
 
+import { mount as mount$1, unmount } from 'svelte';
+
 const ROOT_SELECTOR = '[data-cy-root]';
 /**
  * Gets the root element used to mount the component.
@@ -18,13 +20,6 @@ const getContainerEl = () => {
     }
     throw Error(`No element found that matches selector ${ROOT_SELECTOR}. Please add a root element with data-cy-root attribute to your "component-index.html" file so that Cypress can attach your component to the DOM.`);
 };
-function checkForRemovedStyleOptions(mountingOptions) {
-    for (const key of ['cssFile', 'cssFiles', 'style', 'styles', 'stylesheet', 'stylesheets']) {
-        if (mountingOptions[key]) {
-            Cypress.utils.throwErrByPath('mount.removed_style_mounting_options', key);
-        }
-    }
-}
 /**
  * Utility function to register CT side effects and run cleanup code during the "test:before:run" Cypress hook
  * @param optionalCallback Callback to be called before the next test runs
@@ -57,7 +52,9 @@ function setupHooks(optionalCallback) {
 const DEFAULT_COMP_NAME = 'unknown';
 let componentInstance;
 const cleanup = () => {
-    componentInstance === null || componentInstance === void 0 ? void 0 : componentInstance.$destroy();
+    if (componentInstance) {
+        unmount(componentInstance);
+    }
 };
 // Extract the component name from the object passed to mount
 const getComponentDisplayName = (Component) => {
@@ -70,7 +67,7 @@ const getComponentDisplayName = (Component) => {
 /**
  * Mounts a Svelte component inside the Cypress browser
  *
- * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {Record<string, any>} Component Svelte component being mounted
  * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
  * @returns Cypress.Chainable<MountReturn>
  *
@@ -86,13 +83,16 @@ const getComponentDisplayName = (Component) => {
  * @see {@link https://on.cypress.io/mounting-svelte} for more details.
  */
 function mount(Component, options = {}) {
-    checkForRemovedStyleOptions(options);
+    // In Svelte 5, the component name is no longer easily discoverable and logs as "wrapper"
+    // so we default the logging of it to false as it doesn't provide a lot of value
+    options.log = options.log || false;
     return cy.then(() => {
         // Remove last mounted component if cy.mount is called more than once in a test
         cleanup();
         const target = getContainerEl();
         const ComponentConstructor = (Component.default || Component);
-        componentInstance = new ComponentConstructor(Object.assign({ target }, options));
+        // @see https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes
+        componentInstance = mount$1(ComponentConstructor, Object.assign({ target }, options));
         // by waiting, we are delaying test execution for the next tick of event loop
         // and letting hooks and component lifecycle methods to execute mount
         return cy.wait(0, { log: false }).then(() => {