cypress 10.6.0 → 10.7.0

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

@@ -0,0 +1,209 @@
+
+/**
+ * @cypress/svelte v0.0.0-development
+ * (c) 2022 Cypress.io
+ * Released under the MIT License
+ */
+
+const ROOT_SELECTOR = '[data-cy-root]';
+const getContainerEl = () => {
+    const el = document.querySelector(ROOT_SELECTOR);
+    if (el) {
+        return el;
+    }
+    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.`);
+};
+/**
+ * Remove any style or extra link elements from the iframe placeholder
+ * left from any previous test
+ *
+ */
+function cleanupStyles() {
+    const styles = document.body.querySelectorAll('[data-cy=injected-style-tag]');
+    styles.forEach((styleElement) => {
+        if (styleElement.parentElement) {
+            styleElement.parentElement.removeChild(styleElement);
+        }
+    });
+    const links = document.body.querySelectorAll('[data-cy=injected-stylesheet]');
+    links.forEach((link) => {
+        if (link.parentElement) {
+            link.parentElement.removeChild(link);
+        }
+    });
+}
+/**
+ * Insert links to external style resources.
+ */
+function insertStylesheets(stylesheets, document, el) {
+    stylesheets.forEach((href) => {
+        const link = document.createElement('link');
+        link.type = 'text/css';
+        link.rel = 'stylesheet';
+        link.href = href;
+        link.dataset.cy = 'injected-stylesheet';
+        document.body.insertBefore(link, el);
+    });
+}
+/**
+ * Inserts a single stylesheet element
+ */
+function insertStyles(styles, document, el) {
+    styles.forEach((style) => {
+        const styleElement = document.createElement('style');
+        styleElement.dataset.cy = 'injected-style-tag';
+        styleElement.appendChild(document.createTextNode(style));
+        document.body.insertBefore(styleElement, el);
+    });
+}
+function insertSingleCssFile(cssFilename, document, el, log) {
+    return cy.readFile(cssFilename, { log }).then((css) => {
+        const style = document.createElement('style');
+        style.appendChild(document.createTextNode(css));
+        document.body.insertBefore(style, el);
+    });
+}
+/**
+ * Reads the given CSS file from local file system
+ * and adds the loaded style text as an element.
+ */
+function insertLocalCssFiles(cssFilenames, document, el, log) {
+    return Cypress.Promise.mapSeries(cssFilenames, (cssFilename) => {
+        return insertSingleCssFile(cssFilename, document, el, log);
+    });
+}
+/**
+ * Injects custom style text or CSS file or 3rd party style resources
+ * into the given document.
+ */
+const injectStylesBeforeElement = (options, document, el) => {
+    if (!el)
+        return;
+    // first insert all stylesheets as Link elements
+    let stylesheets = [];
+    if (typeof options.stylesheet === 'string') {
+        stylesheets.push(options.stylesheet);
+    }
+    else if (Array.isArray(options.stylesheet)) {
+        stylesheets = stylesheets.concat(options.stylesheet);
+    }
+    if (typeof options.stylesheets === 'string') {
+        options.stylesheets = [options.stylesheets];
+    }
+    if (options.stylesheets) {
+        stylesheets = stylesheets.concat(options.stylesheets);
+    }
+    insertStylesheets(stylesheets, document, el);
+    // insert any styles as <style>...</style> elements
+    let styles = [];
+    if (typeof options.style === 'string') {
+        styles.push(options.style);
+    }
+    else if (Array.isArray(options.style)) {
+        styles = styles.concat(options.style);
+    }
+    if (typeof options.styles === 'string') {
+        styles.push(options.styles);
+    }
+    else if (Array.isArray(options.styles)) {
+        styles = styles.concat(options.styles);
+    }
+    insertStyles(styles, document, el);
+    // now load any css files by path and add their content
+    // as <style>...</style> elements
+    let cssFiles = [];
+    if (typeof options.cssFile === 'string') {
+        cssFiles.push(options.cssFile);
+    }
+    else if (Array.isArray(options.cssFile)) {
+        cssFiles = cssFiles.concat(options.cssFile);
+    }
+    if (typeof options.cssFiles === 'string') {
+        cssFiles.push(options.cssFiles);
+    }
+    else if (Array.isArray(options.cssFiles)) {
+        cssFiles = cssFiles.concat(options.cssFiles);
+    }
+    return insertLocalCssFiles(cssFiles, document, el, options.log);
+};
+function setupHooks(optionalCallback) {
+    // Consumed by the framework "mount" libs. A user might register their own mount in the scaffolded 'commands.js'
+    // file that is imported by e2e and component support files by default. We don't want CT side effects to run when e2e
+    // testing so we early return.
+    // System test to verify CT side effects do not pollute e2e: system-tests/test/e2e_with_mount_import_spec.ts
+    if (Cypress.testingType !== 'component') {
+        return;
+    }
+    // When running component specs, we cannot allow "cy.visit"
+    // because it will wipe out our preparation work, and does not make much sense
+    // thus we overwrite "cy.visit" to throw an error
+    Cypress.Commands.overwrite('visit', () => {
+        throw new Error('cy.visit from a component spec is not allowed');
+    });
+    // @ts-ignore
+    Cypress.on('test:before:run', () => {
+        optionalCallback === null || optionalCallback === void 0 ? void 0 : optionalCallback();
+        cleanupStyles();
+    });
+}
+
+const DEFAULT_COMP_NAME = 'unknown';
+let componentInstance;
+const cleanup = () => {
+    componentInstance === null || componentInstance === void 0 ? void 0 : componentInstance.$destroy();
+};
+// Extract the component name from the object passed to mount
+const getComponentDisplayName = (Component) => {
+    if (Component.name) {
+        const [_, match] = /Proxy\<(\w+)\>/.exec(Component.name) || [];
+        return match || Component.name;
+    }
+    return DEFAULT_COMP_NAME;
+};
+/**
+ * Mounts a Svelte component inside the Cypress browser
+ *
+ * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
+ * @returns Cypress.Chainable<MountReturn>
+ *
+ * @example
+ * import Counter from './Counter.svelte'
+ * import { mount } from 'cypress/svelte'
+ *
+ * it('should render', () => {
+ *   mount(Counter, { props: { count: 42 } })
+ *   cy.get('button').contains(42)
+ * })
+ */
+function mount(Component, options = {}) {
+    return cy.then(() => {
+        const target = getContainerEl();
+        injectStylesBeforeElement(options, document, target);
+        const ComponentConstructor = (Component.default || Component);
+        componentInstance = new 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(() => {
+            if (options.log) {
+                const mountMessage = `<${getComponentDisplayName(Component)} ... />`;
+                Cypress.log({
+                    name: 'mount',
+                    message: [mountMessage],
+                }).snapshot('mounted').end();
+            }
+        })
+            .wrap({ component: componentInstance }, { log: false });
+    });
+}
+// Side effects from "import { mount } from '@cypress/<my-framework>'" are annoying, we should avoid doing this
+// by creating an explicit function/import that the user can register in their 'component.js' support file,
+// such as:
+//    import 'cypress/<my-framework>/support'
+// or
+//    import { registerCT } from 'cypress/<my-framework>'
+//    registerCT()
+// Note: This would be a breaking change
+setupHooks(cleanup);
+
+export { mount };

package/svelte/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './mount';

package/svelte/dist/mount.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+import { StyleOptions } from '@cypress/mount-utils';
+import type { ComponentConstructorOptions, ComponentProps, SvelteComponent } from 'svelte';
+declare type SvelteConstructor<T> = new (...args: any[]) => T;
+declare type SvelteComponentOptions<T extends SvelteComponent> = Omit<ComponentConstructorOptions<ComponentProps<T>>, 'hydrate' | 'target' | '$$inline'>;
+export interface MountOptions<T extends SvelteComponent> extends SvelteComponentOptions<T>, Partial<StyleOptions> {
+    log?: boolean;
+}
+export interface MountReturn<T extends SvelteComponent> {
+    component: T;
+}
+/**
+ * Mounts a Svelte component inside the Cypress browser
+ *
+ * @param {SvelteConstructor<T>} Component Svelte component being mounted
+ * @param {MountReturn<T extends SvelteComponent>} options options to customize the component being mounted
+ * @returns Cypress.Chainable<MountReturn>
+ *
+ * @example
+ * import Counter from './Counter.svelte'
+ * import { mount } from 'cypress/svelte'
+ *
+ * it('should render', () => {
+ *   mount(Counter, { props: { count: 42 } })
+ *   cy.get('button').contains(42)
+ * })
+ */
+export declare function mount<T extends SvelteComponent>(Component: SvelteConstructor<T>, options?: MountOptions<T>): Cypress.Chainable<MountReturn<T>>;
+export {};

package/svelte/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@cypress/svelte",
+  "version": "0.0.0-development",
+  "description": "Browser-based Component Testing for Svelte.js with Cypress.io 🧡",
+  "main": "dist/cypress-svelte.cjs.js",
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "rollup -c rollup.config.mjs",
+    "postbuild": "node ../../scripts/sync-exported-npm-with-cli.js",
+    "build-prod": "yarn build",
+    "check-ts": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@cypress/mount-utils": "0.0.0-development",
+    "svelte": "^3.49.0",
+    "typescript": "^4.7.4"
+  },
+  "peerDependencies": {
+    "cypress": ">=10.6.0",
+    "svelte": ">=3.0.0"
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cypress-io/cypress.git"
+  },
+  "homepage": "https://github.com/cypress-io/cypress/blob/master/npm/svelte/#readme",
+  "bugs": "https://github.com/cypress-io/cypress/issues/new?assignees=&labels=npm%3A%20%40cypress%2Fsvelte&template=1-bug-report.md&title=",
+  "keywords": [
+    "cypress",
+    "svelte",
+    "testing",
+    "component testing"
+  ],
+  "module": "dist/cypress-svelte.esm-bundler.js",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/types/cypress-type-helpers.d.ts

@@ -1,2 +1,4 @@
 // type helpers
-type Nullable<T> = T | null
+declare namespace Cypress {
+   type Nullable<T> = T | null
+}

package/types/cypress.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="./cypress-npm-api.d.ts" />
 /// <reference path="./cypress-eventemitter.d.ts" />
+/// <reference path="./cypress-type-helpers.d.ts" />
 
 declare namespace Cypress {
   type FileContents = string | any[] | object
@@ -2866,10 +2867,15 @@ declare namespace Cypress {
      */
     experimentalModifyObstructiveThirdPartyCode: boolean
     /**
-     * Generate and save commands directly to your test suite by interacting with your app as an end user would.
+     * Enables AST-based JS/HTML rewriting. This may fix issues caused by the existing regex-based JS/HTML replacement algorithm.
      * @default false
      */
     experimentalSourceRewriting: boolean
+    /**
+     * Generate and save commands directly to your test suite by interacting with your app as an end user would.
+     * @default false
+     */
+    experimentalStudio: boolean
     /**
      * Number of times to retry a failed test.
      * If a number is set, tests will retry in both runMode and openMode.
@@ -3047,19 +3053,32 @@ declare namespace Cypress {
 
   type PickConfigOpt<T> = T extends keyof DefineDevServerConfig ? DefineDevServerConfig[T] : any
 
+  interface AngularDevServerProjectConfig {
+    root: string,
+    sourceRoot: string,
+    buildOptions: Record<string, any>
+  }
+
   type DevServerFn<ComponentDevServerOpts = any> = (cypressDevServerConfig: DevServerConfig, devServerConfig: ComponentDevServerOpts) => ResolvedDevServerConfig | Promise<ResolvedDevServerConfig>
 
   type DevServerConfigOptions = {
     bundler: 'webpack'
-    framework: 'react' | 'vue' | 'vue-cli' | 'nuxt' | 'create-react-app' | 'next' | 'angular'
+    framework: 'react' | 'vue' | 'vue-cli' | 'nuxt' | 'create-react-app' | 'next' | 'svelte'
     webpackConfig?: PickConfigOpt<'webpackConfig'>
   } | {
     bundler: 'vite'
-    framework: 'react' | 'vue'
+    framework: 'react' | 'vue' | 'svelte'
     viteConfig?: Omit<Exclude<PickConfigOpt<'viteConfig'>, undefined>, 'base' | 'root'>
+  } | {
+    bundler: 'webpack',
+    framework: 'angular',
+    webpackConfig?: PickConfigOpt<'webpackConfig'>,
+    options?: {
+      projectConfig: AngularDevServerProjectConfig
+    }
   }
 
-  interface ComponentConfigOptions<ComponentDevServerOpts = any> extends Omit<CoreConfigOptions, 'baseUrl' | 'experimentalSessionAndOrigin'> {
+  interface ComponentConfigOptions<ComponentDevServerOpts = any> extends Omit<CoreConfigOptions, 'baseUrl' | 'experimentalSessionAndOrigin' | 'experimentalStudio'> {
     devServer: DevServerFn<ComponentDevServerOpts> | DevServerConfigOptions
     devServerConfig?: ComponentDevServerOpts
     /**
@@ -5783,6 +5802,26 @@ declare namespace Cypress {
      *   cy.clock().invoke('restore')
      */
     restore(): void
+    /**
+     * Change the time without invoking any timers.
+     *
+     * Default value with no argument or undefined is 0.
+     *
+     * This can be useful if you need to change the time by an hour
+     * while there is a setInterval registered that may otherwise run thousands
+     * of times.
+     * @see https://on.cypress.io/clock
+     * @example
+     *   cy.clock()
+     *   cy.visit('/')
+     *   ...
+     *   cy.clock().then(clock => {
+     *     clock.setSystemTime(60 * 60 * 1000)
+     *   })
+     *   // or use this shortcut
+     *   cy.clock().invoke('setSystemTime', 60 * 60 * 1000)
+     */
+    setSystemTime(now?: number | Date): void
   }
 
   interface Cookie {

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

@@ -46,17 +46,6 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-
 function __rest(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -13721,7 +13710,7 @@ function mount$1(inputComponent, options) {
     trackInstance(wrapper);
     return wrapper;
 }
-var shallowMount = function (component, options) {
+var shallowMount$1 = function (component, options) {
     return mount$1(component, __assign(__assign({}, options), { shallow: true }));
 };
 
@@ -13790,15 +13779,20 @@ var _VueTestUtils = /*#__PURE__*/Object.freeze({
     enableAutoUnmount: enableAutoUnmount,
     flushPromises: flushPromises,
     mount: mount$1,
-    shallowMount: shallowMount
+    shallowMount: shallowMount$1
 });
 
-var // We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
+const { 
+// We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
 // Cypress-compatible `mount` API.
-VTUmount = mount$1, 
-VueTestUtils = __rest(_VueTestUtils, ["mount", "shallowMount"]);
-var DEFAULT_COMP_NAME = 'unknown';
-Cypress.on('run:start', function () {
+mount: VTUmount, 
+// We do not expose shallowMount. It doesn't make much sense in the context of Cypress.
+// It might be useful for people who like to migrate some Test Utils tests to Cypress,
+// so if we decide it is useful to expose, just remove the next line, and it will be
+// available on the `VueTestUtils` import.
+shallowMount } = _VueTestUtils, VueTestUtils = __rest(_VueTestUtils, ["mount", "shallowMount"]);
+const DEFAULT_COMP_NAME = 'unknown';
+Cypress.on('run:start', () => {
     // `mount` is designed to work with component testing only.
     // it assumes ROOT_SELECTOR exists, which is not the case in e2e.
     // if the user registers a custom command that imports `cypress/vue`,
@@ -13808,22 +13802,21 @@ Cypress.on('run:start', function () {
     if (Cypress.testingType !== 'component') {
         return;
     }
-    Cypress.on('test:before:run', function () {
+    Cypress.on('test:before:run', () => {
         var _a;
         (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.unmount();
-        var el = getContainerEl();
+        const el = getContainerEl();
         el.innerHTML = '';
     });
 });
 // implementation
-function mount(componentOptions, options) {
-    if (options === void 0) { options = {}; }
+function mount(componentOptions, options = {}) {
     // TODO: get the real displayName and props from VTU shallowMount
-    var componentName = getComponentDisplayName(componentOptions);
-    var message = "<" + componentName + " ... />";
-    var logInstance;
+    const componentName = getComponentDisplayName(componentOptions);
+    const message = `<${componentName} ... />`;
+    let logInstance;
     // then wait for cypress to load
-    return cy.then(function () {
+    return cy.then(() => {
         var _a, _b;
         if (options.log !== false) {
             logInstance = Cypress.log({
@@ -13832,26 +13825,26 @@ function mount(componentOptions, options) {
             });
         }
         // @ts-ignore
-        var document = cy.state('document');
-        var el = getContainerEl();
+        const document = cy.state('document');
+        const el = getContainerEl();
         injectStylesBeforeElement(options, document, el);
         // merge the extensions with global
         if (options.extensions) {
             options.extensions.plugins = (_a = []) === null || _a === void 0 ? void 0 : _a.concat(options.extensions.plugins || [], options.extensions.use || []);
             options.extensions.mixins = (_b = []) === null || _b === void 0 ? void 0 : _b.concat(options.extensions.mixins || [], options.extensions.mixin || []);
-            options.global = __assign$1(__assign$1({}, options.extensions), options.global);
+            options.global = Object.assign(Object.assign({}, options.extensions), options.global);
         }
-        var componentNode = document.createElement('div');
+        const componentNode = document.createElement('div');
         componentNode.id = '__cy_vue_root';
         el.append(componentNode);
         // mount the component using VTU and return the wrapper in Cypress.VueWrapper
-        var wrapper = VTUmount(componentOptions, __assign$1({ attachTo: componentNode }, options));
+        const wrapper = VTUmount(componentOptions, Object.assign({ attachTo: componentNode }, options));
         Cypress.vueWrapper = wrapper;
         Cypress.vue = wrapper.vm;
         return cy
             .wrap(wrapper, { log: false })
             .wait(1, { log: false })
-            .then(function () {
+            .then(() => {
             if (logInstance) {
                 logInstance.snapshot('mounted');
                 logInstance.end();
@@ -13873,10 +13866,10 @@ function getComponentDisplayName(componentOptions) {
         return componentOptions.name;
     }
     if (componentOptions.__file) {
-        var filepathSplit = componentOptions.__file.split('/');
-        var fileName = (_a = filepathSplit[filepathSplit.length - 1]) !== null && _a !== void 0 ? _a : DEFAULT_COMP_NAME;
+        const filepathSplit = componentOptions.__file.split('/');
+        const fileName = (_a = filepathSplit[filepathSplit.length - 1]) !== null && _a !== void 0 ? _a : DEFAULT_COMP_NAME;
         // remove the extension .js, .ts or .vue from the filename to get the name of the component
-        var baseFileName = fileName.replace(/\.(js|ts|vue)?$/, '');
+        const baseFileName = fileName.replace(/\.(js|ts|vue)?$/, '');
         // if the filename is index, then we can use the direct parent foldername, else use the name itself
         return (baseFileName === 'index' ? filepathSplit[filepathSplit.length - 2] : baseFileName);
     }
@@ -13888,9 +13881,8 @@ function getComponentDisplayName(componentOptions) {
  *  import {mountCallback} from '@cypress/vue'
  *  beforeEach(mountVue(component, options))
  */
-function mountCallback(component, options) {
-    if (options === void 0) { options = {}; }
-    return function () {
+function mountCallback(component, options = {}) {
+    return () => {
         return mount(component, options);
     };
 }

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

@@ -23,17 +23,6 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-
 function __rest(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -13698,7 +13687,7 @@ function mount$1(inputComponent, options) {
     trackInstance(wrapper);
     return wrapper;
 }
-var shallowMount = function (component, options) {
+var shallowMount$1 = function (component, options) {
     return mount$1(component, __assign(__assign({}, options), { shallow: true }));
 };
 
@@ -13767,15 +13756,20 @@ var _VueTestUtils = /*#__PURE__*/Object.freeze({
     enableAutoUnmount: enableAutoUnmount,
     flushPromises: flushPromises,
     mount: mount$1,
-    shallowMount: shallowMount
+    shallowMount: shallowMount$1
 });
 
-var // We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
+const { 
+// We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
 // Cypress-compatible `mount` API.
-VTUmount = mount$1, 
-VueTestUtils = __rest(_VueTestUtils, ["mount", "shallowMount"]);
-var DEFAULT_COMP_NAME = 'unknown';
-Cypress.on('run:start', function () {
+mount: VTUmount, 
+// We do not expose shallowMount. It doesn't make much sense in the context of Cypress.
+// It might be useful for people who like to migrate some Test Utils tests to Cypress,
+// so if we decide it is useful to expose, just remove the next line, and it will be
+// available on the `VueTestUtils` import.
+shallowMount } = _VueTestUtils, VueTestUtils = __rest(_VueTestUtils, ["mount", "shallowMount"]);
+const DEFAULT_COMP_NAME = 'unknown';
+Cypress.on('run:start', () => {
     // `mount` is designed to work with component testing only.
     // it assumes ROOT_SELECTOR exists, which is not the case in e2e.
     // if the user registers a custom command that imports `cypress/vue`,
@@ -13785,22 +13779,21 @@ Cypress.on('run:start', function () {
     if (Cypress.testingType !== 'component') {
         return;
     }
-    Cypress.on('test:before:run', function () {
+    Cypress.on('test:before:run', () => {
         var _a;
         (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.unmount();
-        var el = getContainerEl();
+        const el = getContainerEl();
         el.innerHTML = '';
     });
 });
 // implementation
-function mount(componentOptions, options) {
-    if (options === void 0) { options = {}; }
+function mount(componentOptions, options = {}) {
     // TODO: get the real displayName and props from VTU shallowMount
-    var componentName = getComponentDisplayName(componentOptions);
-    var message = "<" + componentName + " ... />";
-    var logInstance;
+    const componentName = getComponentDisplayName(componentOptions);
+    const message = `<${componentName} ... />`;
+    let logInstance;
     // then wait for cypress to load
-    return cy.then(function () {
+    return cy.then(() => {
         var _a, _b;
         if (options.log !== false) {
             logInstance = Cypress.log({
@@ -13809,26 +13802,26 @@ function mount(componentOptions, options) {
             });
         }
         // @ts-ignore
-        var document = cy.state('document');
-        var el = getContainerEl();
+        const document = cy.state('document');
+        const el = getContainerEl();
         injectStylesBeforeElement(options, document, el);
         // merge the extensions with global
         if (options.extensions) {
             options.extensions.plugins = (_a = []) === null || _a === void 0 ? void 0 : _a.concat(options.extensions.plugins || [], options.extensions.use || []);
             options.extensions.mixins = (_b = []) === null || _b === void 0 ? void 0 : _b.concat(options.extensions.mixins || [], options.extensions.mixin || []);
-            options.global = __assign$1(__assign$1({}, options.extensions), options.global);
+            options.global = Object.assign(Object.assign({}, options.extensions), options.global);
         }
-        var componentNode = document.createElement('div');
+        const componentNode = document.createElement('div');
         componentNode.id = '__cy_vue_root';
         el.append(componentNode);
         // mount the component using VTU and return the wrapper in Cypress.VueWrapper
-        var wrapper = VTUmount(componentOptions, __assign$1({ attachTo: componentNode }, options));
+        const wrapper = VTUmount(componentOptions, Object.assign({ attachTo: componentNode }, options));
         Cypress.vueWrapper = wrapper;
         Cypress.vue = wrapper.vm;
         return cy
             .wrap(wrapper, { log: false })
             .wait(1, { log: false })
-            .then(function () {
+            .then(() => {
             if (logInstance) {
                 logInstance.snapshot('mounted');
                 logInstance.end();
@@ -13850,10 +13843,10 @@ function getComponentDisplayName(componentOptions) {
         return componentOptions.name;
     }
     if (componentOptions.__file) {
-        var filepathSplit = componentOptions.__file.split('/');
-        var fileName = (_a = filepathSplit[filepathSplit.length - 1]) !== null && _a !== void 0 ? _a : DEFAULT_COMP_NAME;
+        const filepathSplit = componentOptions.__file.split('/');
+        const fileName = (_a = filepathSplit[filepathSplit.length - 1]) !== null && _a !== void 0 ? _a : DEFAULT_COMP_NAME;
         // remove the extension .js, .ts or .vue from the filename to get the name of the component
-        var baseFileName = fileName.replace(/\.(js|ts|vue)?$/, '');
+        const baseFileName = fileName.replace(/\.(js|ts|vue)?$/, '');
         // if the filename is index, then we can use the direct parent foldername, else use the name itself
         return (baseFileName === 'index' ? filepathSplit[filepathSplit.length - 2] : baseFileName);
     }
@@ -13865,9 +13858,8 @@ function getComponentDisplayName(componentOptions) {
  *  import {mountCallback} from '@cypress/vue'
  *  beforeEach(mountVue(component, options))
  */
-function mountCallback(component, options) {
-    if (options === void 0) { options = {}; }
-    return function () {
+function mountCallback(component, options = {}) {
+    return () => {
         return mount(component, options);
     };
 }