cypress 13.10.0 → 13.12.0

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

@@ -19828,217 +19828,217 @@ function setupHooks(optionalCallback) {
     });
 }
 
-/// <reference types="cypress" />
-const defaultOptions = [
-    'vue',
-    'extensions',
-];
-const DEFAULT_COMP_NAME = 'unknown';
-const registerGlobalComponents = (Vue, options) => {
-    const globalComponents = Cypress._.get(options, 'extensions.components');
-    if (Cypress._.isPlainObject(globalComponents)) {
-        Cypress._.forEach(globalComponents, (component, id) => {
-            Vue.component(id, component);
-        });
-    }
-};
-const installFilters = (Vue, options) => {
-    const filters = Cypress._.get(options, 'extensions.filters');
-    if (Cypress._.isPlainObject(filters)) {
-        Object.keys(filters).forEach((name) => {
-            Vue.filter(name, filters[name]);
-        });
-    }
-};
-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((p) => {
-        Array.isArray(p) ? Vue.use(...p) : Vue.use(p);
-    });
-};
-const installMixins = (Vue, options) => {
-    const mixins = Cypress._.get(options, 'extensions.mixin') ||
-        Cypress._.get(options, 'extensions.mixins');
-    if (Cypress._.isArray(mixins)) {
-        mixins.forEach((mixin) => {
-            Vue.mixin(mixin);
-        });
-    }
-};
-const registerGlobalDirectives = (Vue, options) => {
-    const directives = Cypress._.get(options, 'extensions.directives');
-    if (Cypress._.isPlainObject(directives)) {
-        Object.keys(directives).forEach((name) => {
-            Vue.directive(name, directives[name]);
-        });
-    }
-};
-const hasStore = ({ store }) => Boolean(store && store._vm);
-const forEachValue = (obj, fn) => {
-    return Object.keys(obj).forEach((key) => fn(obj[key], key));
-};
-const resetStoreVM = (Vue, { store }) => {
-    // bind store public getters
-    store.getters = {};
-    const wrappedGetters = store._wrappedGetters;
-    const computed = {};
-    forEachValue(wrappedGetters, (fn, key) => {
-        // use computed to leverage its lazy-caching mechanism
-        computed[key] = () => fn(store);
-        Object.defineProperty(store.getters, key, {
-            get: () => store._vm[key],
-            enumerable: true, // for local getters
-        });
-    });
-    store._watcherVM = new Vue();
-    store._vm = new Vue({
-        data: {
-            $$state: store._vm._data.$$state,
-        },
-        computed,
-    });
-    return store;
-};
-const cleanup = () => {
-    var _a;
-    (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.destroy();
-};
-/**
- * Direct Vue errors to the top error handler
- * where they will fail Cypress test
- * @see https://vuejs.org/v2/api/#errorHandler
- * @see https://github.com/cypress-io/cypress/issues/7910
- */
-function failTestOnVueError(err, vm, info) {
-    // Vue 2 try catches the error-handler so push the error to be caught outside
-    // of the handler.
-    setTimeout(() => {
-        throw err;
-    });
-}
-/**
- * Extract the component name from the object passed to mount
- * @param componentOptions the component passed to mount
- * @returns name of the component
- */
-function getComponentDisplayName(componentOptions) {
-    var _a;
-    if (componentOptions.name) {
-        return componentOptions.name;
-    }
-    if (componentOptions.__file) {
-        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
-        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);
-    }
-    return DEFAULT_COMP_NAME;
-}
-/**
- * Mounts a Vue component inside Cypress browser.
- * @param {VueComponent} component imported from Vue file
- * @param {MountOptionsArgument} optionsOrProps used to pass options to component being mounted
- * @returns {Cypress.Chainable<{wrapper: Wrapper<T>, component: T}
- * @example
- * import { mount } from '@cypress/vue'
- * import { Stepper } from './Stepper.vue'
- *
- * it('mounts', () => {
- *   cy.mount(Stepper)
- *   cy.get('[data-cy=increment]').click()
- *   cy.get('[data-cy=counter]').should('have.text', '1')
- * })
- * @see {@link https://on.cypress.io/mounting-vue} for more details.
- *
- */
-const mount = (component, optionsOrProps = {}) => {
-    checkForRemovedStyleOptions(optionsOrProps);
-    // Remove last mounted component if cy.mount is called more than once in a test
-    cleanup();
-    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((win) => {
-        const localVue = createLocalVue();
-        // @ts-ignore
-        win.Vue = localVue;
-        localVue.config.errorHandler = failTestOnVueError;
-        // set global Vue instance:
-        // 1. convenience for debugging in DevTools
-        // 2. some libraries might check for this global
-        // appIframe.contentWindow.Vue = localVue
-        // refresh inner Vue instance of Vuex store
-        // @ts-ignore
-        if (hasStore(component)) {
-            // @ts-ignore
-            component.store = resetStoreVM(localVue, component);
-        }
-        // @ts-ignore
-        const document = cy.state('document');
-        let el = getContainerEl();
-        const componentNode = document.createElement('div');
-        el.append(componentNode);
-        // setup Vue instance
-        installFilters(localVue, options);
-        installMixins(localVue, options);
-        installPlugins(localVue, options, props);
-        registerGlobalDirectives(localVue, options);
-        registerGlobalComponents(localVue, options);
-        props.attachTo = componentNode;
-        const wrapper = localVue.extend(component);
-        const VTUWrapper = mount$1(wrapper, Object.assign({ localVue }, props));
-        Cypress.vue = VTUWrapper.vm;
-        Cypress.vueWrapper = VTUWrapper;
-        return {
-            wrapper: VTUWrapper,
-            component: VTUWrapper.vm,
-        };
-    })
-        .then(() => {
-        if (optionsOrProps.log !== false) {
-            return Vue.nextTick(() => {
-                Cypress.log({
-                    name: 'mount',
-                    message: [message],
-                });
-            });
-        }
-    });
-};
-/**
- * Helper function for mounting a component quickly in test hooks.
- * @example
- *  import {mountCallback} from '@cypress/vue2'
- *  beforeEach(mountVue(component, options))
- *
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-const mountCallback = (component, options) => {
-    return () => {
-        // @ts-expect-error - undocumented API
-        Cypress.utils.throwErrByPath('mount.mount_callback');
-    };
-};
-// 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
+/// <reference types="cypress" />
+const defaultOptions = [
+    'vue',
+    'extensions',
+];
+const DEFAULT_COMP_NAME = 'unknown';
+const registerGlobalComponents = (Vue, options) => {
+    const globalComponents = Cypress._.get(options, 'extensions.components');
+    if (Cypress._.isPlainObject(globalComponents)) {
+        Cypress._.forEach(globalComponents, (component, id) => {
+            Vue.component(id, component);
+        });
+    }
+};
+const installFilters = (Vue, options) => {
+    const filters = Cypress._.get(options, 'extensions.filters');
+    if (Cypress._.isPlainObject(filters)) {
+        Object.keys(filters).forEach((name) => {
+            Vue.filter(name, filters[name]);
+        });
+    }
+};
+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((p) => {
+        Array.isArray(p) ? Vue.use(...p) : Vue.use(p);
+    });
+};
+const installMixins = (Vue, options) => {
+    const mixins = Cypress._.get(options, 'extensions.mixin') ||
+        Cypress._.get(options, 'extensions.mixins');
+    if (Cypress._.isArray(mixins)) {
+        mixins.forEach((mixin) => {
+            Vue.mixin(mixin);
+        });
+    }
+};
+const registerGlobalDirectives = (Vue, options) => {
+    const directives = Cypress._.get(options, 'extensions.directives');
+    if (Cypress._.isPlainObject(directives)) {
+        Object.keys(directives).forEach((name) => {
+            Vue.directive(name, directives[name]);
+        });
+    }
+};
+const hasStore = ({ store }) => Boolean(store && store._vm);
+const forEachValue = (obj, fn) => {
+    return Object.keys(obj).forEach((key) => fn(obj[key], key));
+};
+const resetStoreVM = (Vue, { store }) => {
+    // bind store public getters
+    store.getters = {};
+    const wrappedGetters = store._wrappedGetters;
+    const computed = {};
+    forEachValue(wrappedGetters, (fn, key) => {
+        // use computed to leverage its lazy-caching mechanism
+        computed[key] = () => fn(store);
+        Object.defineProperty(store.getters, key, {
+            get: () => store._vm[key],
+            enumerable: true, // for local getters
+        });
+    });
+    store._watcherVM = new Vue();
+    store._vm = new Vue({
+        data: {
+            $$state: store._vm._data.$$state,
+        },
+        computed,
+    });
+    return store;
+};
+const cleanup = () => {
+    var _a;
+    (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.destroy();
+};
+/**
+ * Direct Vue errors to the top error handler
+ * where they will fail Cypress test
+ * @see https://vuejs.org/v2/api/#errorHandler
+ * @see https://github.com/cypress-io/cypress/issues/7910
+ */
+function failTestOnVueError(err, vm, info) {
+    // Vue 2 try catches the error-handler so push the error to be caught outside
+    // of the handler.
+    setTimeout(() => {
+        throw err;
+    });
+}
+/**
+ * Extract the component name from the object passed to mount
+ * @param componentOptions the component passed to mount
+ * @returns name of the component
+ */
+function getComponentDisplayName(componentOptions) {
+    var _a;
+    if (componentOptions.name) {
+        return componentOptions.name;
+    }
+    if (componentOptions.__file) {
+        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
+        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);
+    }
+    return DEFAULT_COMP_NAME;
+}
+/**
+ * Mounts a Vue component inside Cypress browser.
+ * @param {VueComponent} component imported from Vue file
+ * @param {MountOptionsArgument} optionsOrProps used to pass options to component being mounted
+ * @returns {Cypress.Chainable<{wrapper: Wrapper<T>, component: T}
+ * @example
+ * import { mount } from '@cypress/vue'
+ * import { Stepper } from './Stepper.vue'
+ *
+ * it('mounts', () => {
+ *   cy.mount(Stepper)
+ *   cy.get('[data-cy=increment]').click()
+ *   cy.get('[data-cy=counter]').should('have.text', '1')
+ * })
+ * @see {@link https://on.cypress.io/mounting-vue} for more details.
+ *
+ */
+const mount = (component, optionsOrProps = {}) => {
+    checkForRemovedStyleOptions(optionsOrProps);
+    // Remove last mounted component if cy.mount is called more than once in a test
+    cleanup();
+    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((win) => {
+        const localVue = createLocalVue();
+        // @ts-ignore
+        win.Vue = localVue;
+        localVue.config.errorHandler = failTestOnVueError;
+        // set global Vue instance:
+        // 1. convenience for debugging in DevTools
+        // 2. some libraries might check for this global
+        // appIframe.contentWindow.Vue = localVue
+        // refresh inner Vue instance of Vuex store
+        // @ts-ignore
+        if (hasStore(component)) {
+            // @ts-ignore
+            component.store = resetStoreVM(localVue, component);
+        }
+        // @ts-ignore
+        const document = cy.state('document');
+        let el = getContainerEl();
+        const componentNode = document.createElement('div');
+        el.append(componentNode);
+        // setup Vue instance
+        installFilters(localVue, options);
+        installMixins(localVue, options);
+        installPlugins(localVue, options, props);
+        registerGlobalDirectives(localVue, options);
+        registerGlobalComponents(localVue, options);
+        props.attachTo = componentNode;
+        const wrapper = localVue.extend(component);
+        const VTUWrapper = mount$1(wrapper, Object.assign({ localVue }, props));
+        Cypress.vue = VTUWrapper.vm;
+        Cypress.vueWrapper = VTUWrapper;
+        return {
+            wrapper: VTUWrapper,
+            component: VTUWrapper.vm,
+        };
+    })
+        .then(() => {
+        if (optionsOrProps.log !== false) {
+            return Vue.nextTick(() => {
+                Cypress.log({
+                    name: 'mount',
+                    message: [message],
+                });
+            });
+        }
+    });
+};
+/**
+ * Helper function for mounting a component quickly in test hooks.
+ * @example
+ *  import {mountCallback} from '@cypress/vue2'
+ *  beforeEach(mountVue(component, options))
+ *
+ * Removed as of Cypress 11.0.0.
+ * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
+ */
+const mountCallback = (component, options) => {
+    return () => {
+        // @ts-expect-error - undocumented API
+        Cypress.utils.throwErrByPath('mount.mount_callback');
+    };
+};
+// 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);
 
 exports.mount = mount;