patrickcate
diff --git a/‎cypress.config.js
+65 b/‎cypress.config.js
+65
diff --git a/‎cypress.json
-13 b/‎cypress.json
-13
diff --git a/‎cypress/integration/init.test.js renamed to ‎cypress/e2e/init.cy.js b/‎cypress/integration/init.test.js renamed to ‎cypress/e2e/init.cy.js
diff --git a/‎cypress/plugins/index.js
-72 b/‎cypress/plugins/index.js
-72
diff --git a/‎cypress/support/component-index.html
+12 b/‎cypress/support/component-index.html
+12
diff --git a/‎cypress/support/component.js
+34 b/‎cypress/support/component.js
+34
diff --git a/‎cypress/support/index.js renamed to ‎cypress/support/e2e.js b/‎cypress/support/index.js renamed to ‎cypress/support/e2e.js
@@ -0,0 +1,65 @@
+const path = require('path')
+const vue = require('@vitejs/plugin-vue')
+const { defineConfig } = require('cypress')
+const codeCoverageTask = require('@cypress/code-coverage/task')
+const istanbul = require('vite-plugin-istanbul')
+
+module.exports = defineConfig({
+  video: false,
+  numTestsKeptInMemory: 5,
+  retries: {
+    runMode: 1,
+    openMode: 0,
+  },
+  e2e: {
+    // setupNodeEvents(on, config) {},
+  },
+  component: {
+    devServer: {
+      framework: 'vue',
+      bundler: 'vite',
+      viteConfig: {
+        logLevel: 'silent',
+        resolve: {
+          alias: {
+            '@': path.resolve(__dirname, 'src'),
+            '@module': path.resolve(__dirname, 'node_modules'),
+            vue: path.resolve(
+              __dirname,
+              'node_modules',
+              'vue',
+              'dist',
+              'vue.esm-bundler.js'
+            ),
+          },
+        },
+        plugins: [
+          vue(),
+          istanbul({
+            include: ['src/components', 'src/composables', 'src/utils'],
+            exclude: [
+              'node_modules',
+              '^src/**',
+              '**/*.test.js',
+              '**/*.stories.js',
+              '**/*.fixtures.js',
+            ],
+            cypress: true,
+            requireEnv: false,
+            extension: ['.js', '.vue'],
+          }),
+        ],
+        build: {
+          sourcemap: true,
+        },
+      },
+    },
+    setupNodeEvents(on, config) {
+      codeCoverageTask(on, config)
+
+      return config
+    },
+    port: 3030,
+    specPattern: 'src/components/**/*.test.js',
+  },
+})
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
@@ -0,0 +1,34 @@
+// ***********************************************************
+// This example support/component.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import Cypress Real Event plugin.
+// https://github.com/dmtrKovalenko/cypress-real-events
+import 'cypress-real-events/support'
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Import Cypress code coverage plugin.
+import '@cypress/code-coverage/support'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+import { mount } from 'cypress/vue'
+
+Cypress.Commands.add('mount', mount)
+
+// Example use:
+// cy.mount(MyComponent)