Update Cypress to v10

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>

cypress.config.cjs

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const { defineConfig } = require("cypress");
+const { startDevServer } = require('@cypress/vite-dev-server');
+
+module.exports = defineConfig({
+  video: false,
+  e2e: {
+    setupNodeEvents(on, config) {
+      return require('@cypress/code-coverage/task')(on, config);
+    },
+    specPattern: 'cypress/e2e/**/*spec.ts',
+    baseUrl: 'http://localhost:3000',
+  },
+  component: {
+    devServer({ config, specs, devServerEvents }) {
+      return startDevServer({
+        options: {
+          config,
+          specs,
+          devServerEvents,
+        },
+        viteConfig: {
+          configFile: "./vite.config.ts",
+          logLevel: "silent"
+        },
+      });
+
+    },
+    specPattern: 'src/**/*spec.ts',
+  },
+});

cypress.json

@@ -1,7 +0,0 @@
-{
-  "video": false,
-  "componentFolder": "src",
-  "testFiles": "**/*spec.{js,ts}",
-  "pluginsFile": "cypress/plugins/index.cjs",
-  "baseUrl": "http://localhost:3000"
-}

cypress/e2e/connect.spec.ts

@@ -1,5 +1,5 @@
 /// <reference types="cypress" />
-import { MockExtensionProvider } from "../support";
+import { MockExtensionProvider } from "../support/e2e";
 
 describe("MetaMask", () => {
   it("Lets user connect with Metamask provider", () => {

cypress/e2e/home.spec.ts

@@ -1,5 +1,5 @@
 /// <reference types="cypress" />
-import { MockExtensionProvider } from "../support";
+import { MockExtensionProvider } from "../support/e2e";
 
 describe("Landing page", () => {
   it("Loads user, orgs and seeds", () => {

cypress/e2e/project.spec.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /// <reference types="cypress" />
-import { MockExtensionProvider } from "../support";
+import { MockExtensionProvider } from "../support/e2e";
 
 const groupedCommits = [
   {

cypress/plugins/index.cjs

@@ -1,19 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const { startDevServer } = require('@cypress/vite-dev-server');
-const path = require('path');
-
-module.exports = (on, config) => {
-  on('dev-server:start', (options) => {
-    return startDevServer({
-      options,
-      viteConfig: {
-        configFile: path.resolve(__dirname, '..', '..', 'vite.config.ts'),
-        logLevel: "silent"
-      },
-    });
-  });
-
-  require('@cypress/code-coverage/task')(on, config);
-
-  return config;
-};

cypress/support/component.ts

@@ -0,0 +1 @@
+import '@testing-library/cypress/add-commands';

package.json

@@ -7,25 +7,25 @@
     "check": "scripts/check",
     "coverage": "npx nyc report",
     "test:unit": "vitest run",
-    "test:components": "cypress run-ct",
+    "test:components": "cypress run --component",
     "test:e2e": "cypress run",
-    "test:e2e:open": "cypress open"
+    "test:open": "cypress open"
   },
   "type": "module",
   "engines": {
     "node": ">=14"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "^3.9.12",
+    "@cypress/code-coverage": "^3.10.0",
     "@cypress/vite-dev-server": "^2.2.2",
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.36",
-    "@testing-library/cypress": "^8.0.2",
+    "@testing-library/cypress": "^8.0.3",
     "@testing-library/svelte": "^3.1.0",
     "@tsconfig/svelte": "^1.0.13",
     "@types/sanitize-html": "^2.6.2",
     "@typescript-eslint/eslint-plugin": "^5.25.0",
     "@typescript-eslint/parser": "^5.25.0",
-    "cypress": "^9.7.0",
+    "cypress": "^10.0.3",
     "eslint": "^7.28.0",
     "eslint-plugin-radicle": "^0.2.0",
     "eslint-plugin-svelte3": "^3.2.0",

tsconfig.json

@@ -16,6 +16,7 @@
       "@testing-library/cypress"
     ],
     "sourceMap": true,
+    "baseUrl": "./",
     "moduleResolution": "node",
     "strict": true,
     "resolveJsonModule": true,