test: update Cypress to v10

vitest-dev · Jul 12, 2022 · 11c68e8 · 11c68e8
1 parent 7fa1c44
commit 11c68e8
Show file tree

Hide file tree

Showing 9 changed files with 82 additions and 123 deletions.
diff --git a/packages/ui/cypress.config.ts b/packages/ui/cypress.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig } from 'cypress'
+import { resolve } from 'pathe'
+
+export default defineConfig({
+  fixturesFolder: false,
+  component: {
+    specPattern: 'client/**/*.cy.{js,ts,jsx,tsx}',
+    devServer: {
+      framework: 'vue',
+      bundler: 'vite',
+      viteConfig: {
+        configFile: resolve('./cypress/vite.config.ts'),
+      },
+    },
+  },
+})
diff --git a/packages/ui/cypress.json b/packages/ui/cypress.json
diff --git a/packages/ui/cypress/plugins/index.ts b/packages/ui/cypress/plugins/index.ts
diff --git a/packages/ui/cypress/support/component-index.html b/packages/ui/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <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>
diff --git a/packages/ui/cypress/support/index.ts → packages/ui/cypress/support/component.ts b/packages/ui/cypress/support/index.ts → packages/ui/cypress/support/component.ts
diff --git a/packages/ui/cypress/support/mount.ts b/packages/ui/cypress/support/mount.ts
@@ -1,4 +1,4 @@
-import { mount } from '@cypress/vue'
+import { mount } from 'cypress/vue'
 import type { Component } from 'vue'
 import { directives, plugins } from '../../client/global-setup'
 

diff --git a/packages/ui/cypress/plugins/vite.config.ts → packages/ui/cypress/vite.config.ts b/packages/ui/cypress/plugins/vite.config.ts → packages/ui/cypress/vite.config.ts
@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import { config } from '../../vite.config'
+import { config } from '../vite.config'
 
 config.plugins?.push(vueJsx())
+config.server = { fs: { allow: ['../..'] } }
 
 export default defineConfig(config)
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -30,16 +30,14 @@
     "dev:client": "vite",
     "dev": "rollup -c --watch --watch.include=node/**",
     "dev:ui": "run-p dev dev:client",
-    "test:run": "cypress run-ct",
-    "test:open": "cypress open-ct",
+    "test:run": "cypress run --component",
+    "test:open": "cypress open --component",
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
     "sirv": "^2.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.3",
-    "@cypress/vue": "^3.1.2",
     "@faker-js/faker": "^7.3.0",
     "@testing-library/cypress": "^8.0.3",
     "@types/codemirror": "^5.60.5",
@@ -55,7 +53,7 @@
     "birpc": "^0.2.3",
     "codemirror": "^5.65.6",
     "codemirror-theme-vars": "^0.1.1",
-    "cypress": "^9.7.0",
+    "cypress": "^10.3.0",
     "d3-graph-controller": "^2.2.43",
     "flatted": "^3.2.5",
     "floating-vue": "^2.0.0-y.0",