cypress 10.4.0 → 10.7.0

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);
     };
 }

package/vue/dist/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="cypress" />
+/// <reference types="cypress" />
 import type { ComponentPublicInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, ExtractDefaultPropTypes, DefineComponent, FunctionalComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, EmitsOptions, ComponentOptionsWithObjectProps, ComponentPropsOptions, ComponentOptionsWithArrayProps, ComponentOptionsWithoutProps } from 'vue';
 import type { MountingOptions, VueWrapper } from './@vue/test-utils';
 import { StyleOptions } from '@cypress/mount-utils';

package/vue/package.json

@@ -7,7 +7,7 @@
     "build-prod": "yarn build",
     "cy:open": "node ../../scripts/cypress.js open --component --project ${PWD}",
     "cy:run": "node ../../scripts/cypress.js run --component --project ${PWD}",
-    "build": "rimraf dist && rollup -c rollup.config.js",
+    "build": "rimraf dist && rollup -c rollup.config.mjs",
     "postbuild": "node --require @packages/ts/register ./inline-types.ts && node ../../scripts/sync-exported-npm-with-cli.js",
     "typecheck": "yarn tsd && vue-tsc --noEmit",
     "test": "yarn cy:run",
@@ -15,10 +15,7 @@
     "watch": "yarn build --watch --watch.exclude ./dist/**/*"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.8.1",
     "@cypress/mount-utils": "0.0.0-development",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-node-resolve": "^11.1.1",
     "@vitejs/plugin-vue": "2.3.1",
     "@vue/compiler-sfc": "3.2.31",
     "@vue/test-utils": "2.0.2",
@@ -26,11 +23,8 @@
     "cypress": "0.0.0-development",
     "debug": "^4.3.2",
     "globby": "^11.0.1",
-    "rollup": "^2.38.5",
-    "rollup-plugin-istanbul": "2.0.1",
-    "rollup-plugin-typescript2": "^0.29.0",
     "tailwindcss": "1.1.4",
-    "typescript": "^4.2.3",
+    "typescript": "^4.7.4",
     "vite": "3.0.3",
     "vue": "3.2.31",
     "vue-i18n": "9.0.0-rc.6",

package/vue2/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@cypress/vue2-v1.0.2](https://github.com/cypress-io/cypress/compare/@cypress/vue2-v1.0.1...@cypress/vue2-v1.0.2) (2022-08-11)
+
+
+### Bug Fixes
+
+* remove CT side effects from mount when e2e testing ([#22633](https://github.com/cypress-io/cypress/issues/22633)) ([a9476ec](https://github.com/cypress-io/cypress/commit/a9476ecb3d43f628b689e060294a1952937cb1a7))
+
 # [@cypress/vue2-v1.0.1](https://github.com/cypress-io/cypress/compare/@cypress/vue2-v1.0.0...@cypress/vue2-v1.0.1) (2022-06-13)
 
 

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

@@ -15,32 +15,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0$1);
 
-/******************************************************************************
-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.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = 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.apply(this, arguments);
-};
-
 var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function createCommonjsModule$1(fn) {
@@ -19987,64 +19961,60 @@ function setupHooks(optionalCallback) {
     });
 }
 
-var defaultOptions = [
+const defaultOptions = [
     'vue',
     'extensions',
 ];
-var DEFAULT_COMP_NAME = 'unknown';
-var registerGlobalComponents = function (Vue, options) {
-    var globalComponents = Cypress._.get(options, 'extensions.components');
+const DEFAULT_COMP_NAME = 'unknown';
+const registerGlobalComponents = (Vue, options) => {
+    const globalComponents = Cypress._.get(options, 'extensions.components');
     if (Cypress._.isPlainObject(globalComponents)) {
-        Cypress._.forEach(globalComponents, function (component, id) {
+        Cypress._.forEach(globalComponents, (component, id) => {
             Vue.component(id, component);
         });
     }
 };
-var installFilters = function (Vue, options) {
-    var filters = Cypress._.get(options, 'extensions.filters');
+const installFilters = (Vue, options) => {
+    const filters = Cypress._.get(options, 'extensions.filters');
     if (Cypress._.isPlainObject(filters)) {
-        Object.keys(filters).forEach(function (name) {
+        Object.keys(filters).forEach((name) => {
             Vue.filter(name, filters[name]);
         });
     }
 };
-var installPlugins = function (Vue, options, props) {
-    var plugins = Cypress._.get(props, 'plugins') ||
+const installPlugins = (Vue, options, props) => {
+    const plugins = Cypress._.get(props, 'plugins') ||
         Cypress._.get(options, 'extensions.use') ||
         Cypress._.get(options, 'extensions.plugins') ||
         [];
     // @ts-ignore
-    plugins.forEach(function (p) {
-        Array.isArray(p) ? Vue.use.apply(Vue, p) : Vue.use(p);
+    plugins.forEach((p) => {
+        Array.isArray(p) ? Vue.use(...p) : Vue.use(p);
     });
 };
-var installMixins = function (Vue, options) {
-    var mixins = Cypress._.get(options, 'extensions.mixin') ||
+const installMixins = (Vue, options) => {
+    const mixins = Cypress._.get(options, 'extensions.mixin') ||
         Cypress._.get(options, 'extensions.mixins');
     if (Cypress._.isArray(mixins)) {
-        mixins.forEach(function (mixin) {
+        mixins.forEach((mixin) => {
             Vue.mixin(mixin);
         });
     }
 };
-var hasStore = function (_a) {
-    var store = _a.store;
-    return Boolean(store && store._vm);
-};
-var forEachValue = function (obj, fn) {
-    return Object.keys(obj).forEach(function (key) { return fn(obj[key], key); });
+const hasStore = ({ store }) => Boolean(store && store._vm);
+const forEachValue = (obj, fn) => {
+    return Object.keys(obj).forEach((key) => fn(obj[key], key));
 };
-var resetStoreVM = function (Vue, _a) {
-    var store = _a.store;
+const resetStoreVM = (Vue, { store }) => {
     // bind store public getters
     store.getters = {};
-    var wrappedGetters = store._wrappedGetters;
-    var computed = {};
-    forEachValue(wrappedGetters, function (fn, key) {
+    const wrappedGetters = store._wrappedGetters;
+    const computed = {};
+    forEachValue(wrappedGetters, (fn, key) => {
         // use computed to leverage its lazy-caching mechanism
-        computed[key] = function () { return fn(store); };
+        computed[key] = () => fn(store);
         Object.defineProperty(store.getters, key, {
-            get: function () { return store._vm[key]; },
+            get: () => store._vm[key],
             enumerable: true, // for local getters
         });
     });
@@ -20053,7 +20023,7 @@ var resetStoreVM = function (Vue, _a) {
         data: {
             $$state: store._vm._data.$$state,
         },
-        computed: computed,
+        computed,
     });
     return store;
 };
@@ -20064,19 +20034,19 @@ var resetStoreVM = function (Vue, _a) {
  * @see https://github.com/cypress-io/cypress/issues/7910
  */
 function failTestOnVueError(err, vm, info) {
-    console.error("Vue error");
+    console.error(`Vue error`);
     console.error(err);
     console.error('component:', vm);
     console.error('info:', info);
     window.top.onerror(err);
 }
 function registerAutoDestroy($destroy) {
-    Cypress.on('test:before:run', function () {
+    Cypress.on('test:before:run', () => {
         $destroy();
     });
 }
 enableAutoDestroy_1(registerAutoDestroy);
-var injectStyles = function (options) {
+const injectStyles = (options) => {
     return injectStylesBeforeElement(options, document, getContainerEl());
 };
 /**
@@ -20090,10 +20060,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);
     }
@@ -20112,35 +20082,34 @@ function getComponentDisplayName(componentOptions) {
  *    cy.get('#greeting').should('be.visible')
  *  })
  */
-var mount = function (component, optionsOrProps) {
-    if (optionsOrProps === void 0) { optionsOrProps = {}; }
-    var options = Cypress._.pick(optionsOrProps, defaultOptions);
-    var props = Cypress._.omit(optionsOrProps, defaultOptions);
-    var componentName = getComponentDisplayName(component);
-    var message = "<" + componentName + " ... />";
+const mount = (component, optionsOrProps = {}) => {
+    const options = Cypress._.pick(optionsOrProps, defaultOptions);
+    const props = Cypress._.omit(optionsOrProps, defaultOptions);
+    const componentName = getComponentDisplayName(component);
+    const message = `<${componentName} ... />`;
     return cy
         .window({
         log: false,
     })
-        .then(function () {
-        var style = optionsOrProps.style, stylesheets = optionsOrProps.stylesheets, stylesheet = optionsOrProps.stylesheet, styles = optionsOrProps.styles, cssFiles = optionsOrProps.cssFiles, cssFile = optionsOrProps.cssFile;
+        .then(() => {
+        const { style, stylesheets, stylesheet, styles, cssFiles, cssFile } = optionsOrProps;
         injectStyles({
-            style: style,
-            stylesheets: stylesheets,
-            stylesheet: stylesheet,
-            styles: styles,
-            cssFiles: cssFiles,
-            cssFile: cssFile,
+            style,
+            stylesheets,
+            stylesheet,
+            styles,
+            cssFiles,
+            cssFile,
         });
     })
-        .then(function (win) {
+        .then((win) => {
         if (optionsOrProps.log !== false) {
             Cypress.log({
                 name: 'mount',
                 message: [message],
             }).snapshot('mounted').end();
         }
-        var localVue = createLocalVue_1();
+        const localVue = createLocalVue_1();
         // @ts-ignore
         win.Vue = localVue;
         localVue.config.errorHandler = failTestOnVueError;
@@ -20155,9 +20124,9 @@ var mount = function (component, optionsOrProps) {
             component.store = resetStoreVM(localVue, component);
         }
         // @ts-ignore
-        var document = cy.state('document');
-        var el = getContainerEl();
-        var componentNode = document.createElement('div');
+        const document = cy.state('document');
+        let el = getContainerEl();
+        const componentNode = document.createElement('div');
         el.append(componentNode);
         // setup Vue instance
         installFilters(localVue, options);
@@ -20165,8 +20134,8 @@ var mount = function (component, optionsOrProps) {
         installPlugins(localVue, options, props);
         registerGlobalComponents(localVue, options);
         props.attachTo = componentNode;
-        var wrapper = localVue.extend(component);
-        var VTUWrapper = mount_1(wrapper, __assign({ localVue: localVue }, props));
+        const wrapper = localVue.extend(component);
+        const VTUWrapper = mount_1(wrapper, Object.assign({ localVue }, props));
         Cypress.vue = VTUWrapper.vm;
         Cypress.vueWrapper = VTUWrapper;
     });
@@ -20177,8 +20146,8 @@ var mount = function (component, optionsOrProps) {
  *  import {mountCallback} from '@cypress/vue2'
  *  beforeEach(mountVue(component, options))
  */
-var mountCallback = function (component, options) {
-    return function () { return mount(component, options); };
+const mountCallback = (component, options) => {
+    return () => mount(component, options);
 };
 // 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,