chore: Upgrade Cypress from v9 to v12

e2e-tests/mdx/cypress/configs/build.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    baseUrl: `http://localhost:9000`,
+    specPattern: `cypress/integration/*.{js,ts}`
+  },
+  env: {
+    "GATSBY_COMMAND": `build`
+  }
+})

e2e-tests/mdx/cypress/configs/develop.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    baseUrl: `http://localhost:8000`,
+    specPattern: `cypress/integration/*.{js,ts}`
+  },
+  env: {
+    "GATSBY_COMMAND": `develop`
+  }
+})

e2e-tests/trailing-slash/cypress/support/index.js → e2e-tests/mdx/cypress/support/e2e.ts

@@ -1,2 +1 @@
 import "gatsby-cypress"
-import "./commands"

e2e-tests/mdx/cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}

e2e-tests/mdx/package.json

@@ -5,7 +5,7 @@
   "dependencies": {
     "@mdx-js/react": "^2",
     "@sindresorhus/slugify": "^2.1.1",
-    "cypress": "^9.7.0",
+    "cypress": "^12.9.0",
     "fs-extra": "^11.1.0",
     "gatsby": "next",
     "gatsby-plugin-mdx": "next",
@@ -35,10 +35,10 @@
     "start-server-and-test:develop": "start-server-and-test develop http://localhost:8000 cy:run:develop",
     "start-server-and-test:build": "start-server-and-test serve http://localhost:9000 cy:run:build",
     "serve": "gatsby serve",
-    "cy:open:develop": "cypress open --config-file cypress-dev.json",
-    "cy:open:build": "cypress open",
-    "cy:run:build": "node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome --group production",
-    "cy:run:develop": "node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome --config-file cypress-dev.json --group development",
+    "cy:open:develop": "cypress open --browser chrome --e2e --config-file cypress/configs/develop.ts",
+    "cy:open:build": "cypress open --browser chrome --e2e --config-file cypress/configs/build.ts",
+    "cy:run:build": "CYPRESS_GROUP_NAME=production node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome --e2e --config-file cypress/configs/build.ts",
+    "cy:run:develop": "CYPRESS_GROUP_NAME=development node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome --e2e --config-file cypress/configs/develop.ts",
     "reset": "node scripts/reset.js",
     "update": "node scripts/update.js"
   },
@@ -47,6 +47,7 @@
     "gatsby-cypress": "next",
     "is-ci": "^3.0.1",
     "prettier": "^2.8.3",
-    "start-server-and-test": "^1.15.3"
+    "start-server-and-test": "^2.0.0",
+    "typescript": "^5.0.2"
   }
 }

e2e-tests/path-prefix/cypress.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    baseUrl: `http://localhost:9000/blog`,
+    specPattern: `cypress/integration/*.{js,ts}`
+  },
+})

e2e-tests/path-prefix/cypress/support/e2e.ts

@@ -0,0 +1 @@
+import "gatsby-cypress"

e2e-tests/path-prefix/cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}

e2e-tests/path-prefix/package.json

@@ -4,12 +4,11 @@
   "version": "1.0.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
-    "cypress": "^9.7.0",
+    "cypress": "^12.9.0",
     "gatsby": "next",
     "gatsby-plugin-feed": "next",
     "gatsby-plugin-image": "next",
     "gatsby-plugin-manifest": "next",
-    "gatsby-plugin-offline": "next",
     "gatsby-plugin-sharp": "next",
     "gatsby-plugin-sitemap": "next",
     "gatsby-source-filesystem": "next",
@@ -30,13 +29,13 @@
     "develop": "gatsby develop",
     "format": "prettier --write '**/*.js'",
     "test": "npm run build && npm run start-server-and-test",
-    "start-server-and-test": "start-server-and-test serve \"http://localhost:9000/blog/|http://localhost:9001/blog/\" cy:run",
-    "start-server-and-test:locally": "start-server-and-test serve \"http://localhost:9000/blog/|http://localhost:9001/blog/\" cy:open",
+    "start-server-and-test": "start-server-and-test serve http://localhost:9000/blog/ cy:run",
+    "start-server-and-test:locally": "start-server-and-test serve http://localhost:9000/blog/ cy:open",
     "serve": "npm-run-all --parallel serve:*",
     "serve:site": "gatsby serve --prefix-paths",
     "serve:assets": "node scripts/serve.js",
-    "cy:open": "cypress open",
-    "cy:run": "node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome"
+    "cy:open": "cypress open --browser chrome --e2e",
+    "cy:run": "node ../../scripts/cypress-run-with-conditional-record-flag.js --browser chrome --e2e"
   },
   "devDependencies": {
     "cpy-cli": "^4.2.0",
@@ -46,8 +45,9 @@
     "is-ci": "^3.0.1",
     "make-dir-cli": "^3.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.8.3",
-    "start-server-and-test": "^1.15.3",
+    "prettier": "^2.8.7",
+    "start-server-and-test": "^2.0.0",
+    "typescript": "^5.0.2",
     "wait-on": "^7.0.1"
   },
   "repository": {

e2e-tests/trailing-slash/cypress.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    specPattern: `cypress/integration/*.{js,ts}`
+  },
+  videoUploadOnPasses: false,
+  chromeWebSecurity: false,
+})

e2e-tests/trailing-slash/cypress/configs/always.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    specPattern: [`cypress/integration/always.js`, `cypress/integration/functions.js`, `cypress/integration/static.js`]
+  },
+  videoUploadOnPasses: false,
+  chromeWebSecurity: false,
+})

e2e-tests/trailing-slash/cypress/configs/ignore.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    specPattern: [`cypress/integration/ignore.js`, `cypress/integration/functions.js`, `cypress/integration/static.js`]
+  },
+  videoUploadOnPasses: false,
+  chromeWebSecurity: false,
+})

e2e-tests/trailing-slash/cypress/configs/never.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    specPattern: [`cypress/integration/never.js`, `cypress/integration/functions.js`, `cypress/integration/static.js`]
+  },
+  videoUploadOnPasses: false,
+  chromeWebSecurity: false,
+})

e2e-tests/trailing-slash/cypress/integration/always.js

@@ -1,4 +1,4 @@
-import { assertPageVisits } from "../support/utils/trailing-slash"
+import { assertPageVisits } from "../utils/trailing-slash"
 
 Cypress.on('uncaught:exception', (err) => {
   if (err.message.includes('Minified React error #418') || err.message.includes('Minified React error #423') || err.message.includes('Minified React error #425')) {

e2e-tests/trailing-slash/cypress/integration/functions.js

@@ -1,4 +1,4 @@
-import { assertPageVisits } from "../support/utils/trailing-slash"
+import { assertPageVisits } from "../utils/trailing-slash"
 
 describe(`functions`, () => {
   describe(`src/api/test.js`, () => {

e2e-tests/trailing-slash/cypress/integration/ignore.js

@@ -1,4 +1,4 @@
-import { assertPageVisits } from "../support/utils/trailing-slash"
+import { assertPageVisits } from "../utils/trailing-slash"
 
 Cypress.on('uncaught:exception', (err) => {
   if (err.message.includes('Minified React error #418') || err.message.includes('Minified React error #423') || err.message.includes('Minified React error #425')) {

e2e-tests/trailing-slash/cypress/integration/never.js

@@ -1,4 +1,4 @@
-import { assertPageVisits } from "../support/utils/trailing-slash"
+import { assertPageVisits } from "../utils/trailing-slash"
 
 Cypress.on('uncaught:exception', (err) => {
   if (err.message.includes('Minified React error #418') || err.message.includes('Minified React error #423') || err.message.includes('Minified React error #425')) {

e2e-tests/trailing-slash/cypress/integration/static.js

@@ -1,4 +1,4 @@
-import { assertPageVisits } from "../support/utils/trailing-slash"
+import { assertPageVisits } from "../utils/trailing-slash"
 
 const IS_BUILD = Cypress.env(`IS_BUILD`)
 

e2e-tests/trailing-slash/cypress/support/e2e.ts

@@ -0,0 +1,18 @@
+import "gatsby-cypress"
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Assert the current URL
+       * @param route
+       * @example cy.assertRoute('/page-2')
+       */
+      assertRoute(value: string): Chainable<JQuery<HTMLElement>>
+    }
+  }
+}
+
+Cypress.Commands.add(`assertRoute`, route => {
+  cy.url().should(`equal`, `${window.location.origin}${route}`)
+})

e2e-tests/trailing-slash/cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "node"]
+  },
+  "include": ["**/*.ts"]
+}