cypress 13.10.0 → 13.12.0

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

@@ -8434,134 +8434,134 @@ var _VueTestUtils = /*#__PURE__*/Object.freeze({
   shallowMount: shallowMount$1
 });
 
-const { 
-// We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
-// Cypress-compatible `mount` API.
-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';
-const VUE_ROOT = '__cy_vue_root';
-const cleanup = () => {
-    var _a;
-    (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.unmount();
-    Cypress.$(`#${VUE_ROOT}`).remove();
-    Cypress.vueWrapper = null;
-    Cypress.vue = null;
-};
-/**
- * Mounts a component and returns an object containing the component and VueWrapper
- * @param componentOptions
- * @param options
- * @returns {Cypress.Chainable<{wrapper: VueWrapper<T>, component: T}>}
- * @see {@link https://on.cypress.io/mounting-vue} for more details.
- * @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')
- * })
- */
-function mount(componentOptions, options = {}) {
-    checkForRemovedStyleOptions(options);
-    // Remove last mounted component if cy.mount is called more than once in a test
-    cleanup();
-    // then wait for cypress to load
-    return cy.then(() => {
-        var _a, _b;
-        // @ts-ignore
-        const document = cy.state('document');
-        const el = getContainerEl();
-        // 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 = Object.assign(Object.assign({}, options.extensions), options.global);
-        }
-        const componentNode = document.createElement('div');
-        componentNode.id = VUE_ROOT;
-        el.append(componentNode);
-        // mount the component using VTU and return the wrapper in Cypress.VueWrapper
-        const wrapper = VTUmount(componentOptions, Object.assign({ attachTo: componentNode }, options));
-        Cypress.vueWrapper = wrapper;
-        Cypress.vue = wrapper.vm;
-        return cy
-            .wait(1, { log: false })
-            .then(() => {
-            if (options.log !== false) {
-                // TODO: get the real displayName and props from VTU shallowMount
-                const message = `<${getComponentDisplayName(componentOptions)} ... />`;
-                Cypress.log({
-                    name: 'mount',
-                    message: [message],
-                });
-            }
-            const returnVal = {
-                wrapper,
-                component: wrapper.vm,
-            };
-            return new Proxy(Object.create(returnVal), {
-                get(obj, prop) {
-                    // throw an error if it looks like the caller is trying to call a method on the VueWrapper that was originally returned
-                    if (Reflect.get(wrapper, prop)) {
-                        // @ts-expect-error - internal API
-                        Cypress.utils.throwErrByPath('mount.vue_yielded_value');
-                    }
-                    return Reflect.get(obj, prop);
-                },
-            });
-        });
-    });
-}
-/**
- * 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;
-}
-/**
- * Helper function for mounting a component quickly in test hooks.
- * @example
- *  import {mountCallback} from '@cypress/vue'
- *  beforeEach(mountVue(component, options))
- *
- * Removed as of Cypress 11.0.0.
- * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
- */
-function 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
+const { 
+// We do not expose the `mount` from VueTestUtils, instead, we wrap it and expose a
+// Cypress-compatible `mount` API.
+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';
+const VUE_ROOT = '__cy_vue_root';
+const cleanup = () => {
+    var _a;
+    (_a = Cypress.vueWrapper) === null || _a === void 0 ? void 0 : _a.unmount();
+    Cypress.$(`#${VUE_ROOT}`).remove();
+    Cypress.vueWrapper = null;
+    Cypress.vue = null;
+};
+/**
+ * Mounts a component and returns an object containing the component and VueWrapper
+ * @param componentOptions
+ * @param options
+ * @returns {Cypress.Chainable<{wrapper: VueWrapper<T>, component: T}>}
+ * @see {@link https://on.cypress.io/mounting-vue} for more details.
+ * @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')
+ * })
+ */
+function mount(componentOptions, options = {}) {
+    checkForRemovedStyleOptions(options);
+    // Remove last mounted component if cy.mount is called more than once in a test
+    cleanup();
+    // then wait for cypress to load
+    return cy.then(() => {
+        var _a, _b;
+        // @ts-ignore
+        const document = cy.state('document');
+        const el = getContainerEl();
+        // 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 = Object.assign(Object.assign({}, options.extensions), options.global);
+        }
+        const componentNode = document.createElement('div');
+        componentNode.id = VUE_ROOT;
+        el.append(componentNode);
+        // mount the component using VTU and return the wrapper in Cypress.VueWrapper
+        const wrapper = VTUmount(componentOptions, Object.assign({ attachTo: componentNode }, options));
+        Cypress.vueWrapper = wrapper;
+        Cypress.vue = wrapper.vm;
+        return cy
+            .wait(1, { log: false })
+            .then(() => {
+            if (options.log !== false) {
+                // TODO: get the real displayName and props from VTU shallowMount
+                const message = `<${getComponentDisplayName(componentOptions)} ... />`;
+                Cypress.log({
+                    name: 'mount',
+                    message: [message],
+                });
+            }
+            const returnVal = {
+                wrapper,
+                component: wrapper.vm,
+            };
+            return new Proxy(Object.create(returnVal), {
+                get(obj, prop) {
+                    // throw an error if it looks like the caller is trying to call a method on the VueWrapper that was originally returned
+                    if (Reflect.get(wrapper, prop)) {
+                        // @ts-expect-error - internal API
+                        Cypress.utils.throwErrByPath('mount.vue_yielded_value');
+                    }
+                    return Reflect.get(obj, prop);
+                },
+            });
+        });
+    });
+}
+/**
+ * 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;
+}
+/**
+ * Helper function for mounting a component quickly in test hooks.
+ * @example
+ *  import {mountCallback} from '@cypress/vue'
+ *  beforeEach(mountVue(component, options))
+ *
+ * Removed as of Cypress 11.0.0.
+ * @see https://on.cypress.io/migration-11-0-0-component-testing-updates
+ */
+function 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);
 
 export { VueTestUtils, mount, mountCallback };

package/vue/vue/dist/index.d.ts

@@ -1287,7 +1287,7 @@ declare const VueTestUtils: {
     createWrapperError: typeof createWrapperError;
 };
 
-declare type GlobalMountOptions = Required<MountingOptions$1<any>>['global'];
+type GlobalMountOptions = Required<MountingOptions$1<any>>['global'];
 declare global {
     namespace Cypress {
         interface Cypress {
@@ -1296,7 +1296,7 @@ declare global {
         }
     }
 }
-declare type MountingOptions<Props, Data = {}> = Omit<MountingOptions$1<Props, Data>, 'attachTo'> & {
+type MountingOptions<Props, Data = {}> = Omit<MountingOptions$1<Props, Data>, 'attachTo'> & {
     log?: boolean;
     /**
      * @deprecated use vue-test-utils `global` instead
@@ -1306,7 +1306,7 @@ declare type MountingOptions<Props, Data = {}> = Omit<MountingOptions$1<Props, D
         mixin?: GlobalMountOptions['mixins'];
     };
 };
-declare type CyMountOptions<Props, Data = {}> = MountingOptions<Props, Data>;
+type CyMountOptions<Props, Data = {}> = MountingOptions<Props, Data>;
 /**
  * The types for mount have been copied directly from the VTU mount
  * https://github.com/vuejs/vue-test-utils-next/blob/master/src/mount.ts.
@@ -1318,8 +1318,8 @@ declare type CyMountOptions<Props, Data = {}> = MountingOptions<Props, Data>;
  * `MountOptions` are modifying, including some Cypress specific options like `styles`.
  * The return type is different. Instead of VueWrapper, it's Cypress.Chainable<VueWrapper<...>>.
  */
-declare type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps;
-declare type ComponentMountingOptions<T> = T extends DefineComponent<infer PropsOrPropOptions, any, infer D, any, any> ? MountingOptions<Partial<ExtractDefaultPropTypes<PropsOrPropOptions>> & Omit<Readonly<ExtractPropTypes<PropsOrPropOptions>> & PublicProps, keyof ExtractDefaultPropTypes<PropsOrPropOptions>>, D> & Record<string, any> : MountingOptions<any>;
+type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps;
+type ComponentMountingOptions<T> = T extends DefineComponent<infer PropsOrPropOptions, any, infer D, any, any> ? MountingOptions<Partial<ExtractDefaultPropTypes<PropsOrPropOptions>> & Omit<Readonly<ExtractPropTypes<PropsOrPropOptions>> & PublicProps, keyof ExtractDefaultPropTypes<PropsOrPropOptions>>, D> & Record<string, any> : MountingOptions<any>;
 declare function mount<V extends {}>(originalComponent: {
     new (...args: any[]): V;
     __vccOpts: any;

package/vue/vue/package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@cypress/mount-utils": "0.0.0-development",
-    "@vitejs/plugin-vue": "4.2.0",
+    "@vitejs/plugin-vue": "5.0.4",
     "@vue/compiler-sfc": "3.2.47",
     "@vue/test-utils": "2.3.2",
     "axios": "0.21.2",
@@ -24,12 +24,12 @@
     "debug": "^4.3.4",
     "globby": "^11.0.1",
     "tailwindcss": "1.1.4",
-    "typescript": "^4.7.4",
-    "vite": "4.5.2",
+    "typescript": "~5.4.5",
+    "vite": "5.2.11",
     "vue": "3.2.47",
-    "vue-i18n": "9.0.0-rc.6",
+    "vue-i18n": "9.13.1",
     "vue-router": "^4.0.0",
-    "vue-tsc": "^0.3.0",
+    "vue-tsc": "^2.0.19",
     "vuex": "^4.0.0"
   },
   "peerDependencies": {