cypress 10.5.0 → 10.8.0

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

@@ -7,32 +7,6 @@
 
 import require$$0$1 from 'vue';
 
-/******************************************************************************
-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) {
@@ -19979,64 +19953,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
         });
     });
@@ -20045,7 +20015,7 @@ var resetStoreVM = function (Vue, _a) {
         data: {
             $$state: store._vm._data.$$state,
         },
-        computed: computed,
+        computed,
     });
     return store;
 };
@@ -20056,19 +20026,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());
 };
 /**
@@ -20082,10 +20052,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);
     }
@@ -20104,35 +20074,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;
@@ -20147,9 +20116,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);
@@ -20157,8 +20126,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;
     });
@@ -20169,8 +20138,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,

package/vue2/dist/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="cypress" />
+/// <reference types="cypress" />
 import Vue from 'vue';
 import { VueTestUtilsConfigOptions, Wrapper } from '@vue/test-utils';
 import { StyleOptions } from '@cypress/mount-utils';

package/vue2/package.json

@@ -5,7 +5,7 @@
   "main": "dist/cypress-vue2.cjs.js",
   "scripts": {
     "typecheck": "tsc --noEmit",
-    "build": "rimraf dist && yarn rollup -c rollup.config.js",
+    "build": "rimraf dist && yarn rollup -c rollup.config.mjs",
     "postbuild": "node ../../scripts/sync-exported-npm-with-cli.js",
     "build-prod": "yarn build",
     "test": "echo \"Tests for @cypress/vue2 are run from system-tests\"",
@@ -17,13 +17,10 @@
   },
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
-    "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^11.1.1",
     "@rollup/plugin-replace": "^2.3.1",
-    "rollup-plugin-typescript2": "^0.29.0",
     "tslib": "^2.1.0",
-    "typescript": "^4.2.3",
+    "typescript": "^4.7.4",
     "vue": "2.6.12"
   },
   "peerDependencies": {