Switch to Cypress 10.

.eslintrc.js

@@ -66,6 +66,7 @@ module.exports = {
       rules: {
         "react/require-default-props": "off",
         "react/prop-types": "off",
+        "no-restricted-exports": "off",
       },
 
       parser: "@typescript-eslint/parser",

cypress.config.ts

@@ -0,0 +1 @@
+export { default } from "./cypress/config";

cypress/config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress";
+
+export default defineConfig({
+  fixturesFolder: false,
+  e2e: {
+    baseUrl: "http://localhost:9000",
+    specPattern: "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
+  },
+});

examples/advanced-demo/cypress.config.ts

@@ -0,0 +1 @@
+export { default } from "./cypress/config";

examples/advanced-demo/cypress/config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "cypress";
+import pluginConfig from "./plugins/index";
+
+export default defineConfig({
+  fixturesFolder: false,
+  chromeWebSecurity: false,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      pluginConfig(on);
+
+      return config;
+    },
+    baseUrl: "http://localhost:9000",
+    specPattern: "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
+  },
+});

examples/advanced-demo/cypress/plugins/index.ts

@@ -14,7 +14,7 @@ type SiteMapData = {
 
 type ParseSitemapArgs = { siteUrl: string; sitemapString: string };
 
-const pluginConfig: Cypress.PluginConfig = (on) => {
+const pluginConfig = (on: Cypress.PluginEvents): void => {
   on("task", {
     // Parse the RSS feed and return a list of links to posts
     parseRss(rssString: string) {

examples/advanced-demo/package.json

@@ -65,7 +65,7 @@
     "axe-core": "^4.4.2",
     "babel-jest": "^28.1.1",
     "babel-preset-gatsby": "^2.17.0",
-    "cypress": "^8.7.0",
+    "cypress": "^10.2.0",
     "cypress-axe": "^1.0.0",
     "eslint": "^8.18.0",
     "eslint-config-airbnb": "^19.0.4",

examples/amaranth-demo/cypress.config.ts

@@ -0,0 +1 @@
+export { default } from "./cypress/config";

examples/amaranth-demo/cypress/config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "cypress";
+import pluginConfig from "./plugins/index";
+
+export default defineConfig({
+  fixturesFolder: false,
+  chromeWebSecurity: false,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      pluginConfig(on);
+
+      return config;
+    },
+    baseUrl: "http://localhost:9000",
+    specPattern: "cypress/e2e/**/*.cy.{js,jsx,ts,tsx}",
+  },
+});

examples/amaranth-demo/cypress/plugins/index.ts

@@ -14,7 +14,7 @@ type SiteMapData = {
 
 type ParseSitemapArgs = { siteUrl: string; sitemapString: string };
 
-const pluginConfig: Cypress.PluginConfig = (on) => {
+const pluginConfig = (on: Cypress.PluginEvents): void => {
   on("task", {
     // Parse the RSS feed and return a list of links to posts
     parseRss(rssString: string) {

examples/amaranth-demo/cypress/tsconfig.json

@@ -4,5 +4,5 @@
     "lib": ["es5", "dom"],
     "types": ["cypress", "cypress-axe", "@testing-library/cypress"]
   },
-  "include": ["./**/*.ts", "./.eslintrc.js"]
+  "include": ["./**/*.ts", "../eslintrc.js"]
 }

examples/amaranth-demo/package.json

@@ -63,7 +63,7 @@
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "axe-core": "^4.4.2",
     "babel-jest": "^28.1.1",
-    "cypress": "^8.7.0",
+    "cypress": "^10.2.0",
     "cypress-axe": "^1.0.0",
     "eslint": "^8.18.0",
     "eslint-config-airbnb": "^19.0.4",

package.json

@@ -69,7 +69,7 @@
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.29.0",
     "babel-jest": "^28.1.1",
-    "cypress": "^8.7.0",
+    "cypress": "^10.2.0",
     "cypress-axe": "^1.0.0",
     "eslint": "^8.18.0",
     "eslint-config-airbnb": "^19.0.4",

tsconfig.json

@@ -13,7 +13,8 @@
     "**/src/**/*",
     "**/__mocks__/**/*",
     "**/test/**/*",
-    "**/index.ts"
+    "**/index.ts",
+    "**/cypress.config.ts"
   ],
   "compilerOptions": {
     "jsx": "react",