chore: Update to cypress v12 (#2061)

* chore: migrate to cypress 12

* chore: updated workflow with new file/folder names

* set cy:open for e2e and Chrome

Co-authored-by: Lennart <lekoarts@gmail.com>

* chore: updated github-action from v2 to v5

---------

Co-authored-by: Lennart <lekoarts@gmail.com>

Author: taty2010

.github/workflows/cypress-canary.yml

@@ -7,7 +7,7 @@ on:
       - main
     paths:
       - 'demos/canary/**/*.{js,jsx,ts,tsx}'
-      - 'cypress/integration/canary/**/*.{ts,js}'
+      - 'cypress/e2e/canary/**/*.{ts,js}'
       - 'src/**/*.{ts,js}'
 jobs:
   cypress:
@@ -56,15 +56,15 @@ jobs:
       - name: Cypress run
         if: ${{ steps.deploy.outputs.origin-url }}
         id: cypress
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           browser: chrome
           headless: true
           record: true
           parallel: true
-          config-file: cypress/config/canary.json
+          config-file: cypress/config/canary.config.ts
           group: 'Next Runtime - Demo Canary'
-          spec: cypress/integration/canary/*
+          spec: cypress/e2e/canary/*
         env:
           DEBUG: '@cypress/github-action'
           CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}

.github/workflows/cypress-demo-nx.yml

@@ -7,7 +7,7 @@ on:
       - main
     paths:
       - 'demos/nx-next-monorepo-demo/**/*.{js,jsx,ts,tsx}'
-      - 'cypress/integration/nx/**/*.{ts,js}'
+      - 'cypress/e2e/nx/**/*.{ts,js}'
       - 'src/**/*.{ts,js}'
 jobs:
   cypress:
@@ -56,15 +56,15 @@ jobs:
       - name: Cypress run
         if: ${{ steps.deploy.outputs.origin-url }}
         id: cypress
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           browser: chrome
           headless: true
           record: true
           parallel: true
-          config-file: cypress/config/nx-demo.json
+          config-file: cypress/config/nx-demo.config.ts
           group: 'Next Runtime - Demo NX'
-          spec: cypress/integration/nx/*
+          spec: cypress/e2e/nx/*
         env:
           DEBUG: '@cypress/github-action'
           CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}

.github/workflows/cypress-demo-static.yml

@@ -7,7 +7,7 @@ on:
       - main
     paths:
       - 'demos/static-root/**/*.{js,jsx,ts,tsx}'
-      - 'cypress/integration/static/**/*.{ts,js}'
+      - 'cypress/e2e/static/**/*.{ts,js}'
       - 'src/**/*.{ts,js}'
 jobs:
   cypress:
@@ -56,15 +56,15 @@ jobs:
       - name: Cypress run
         if: ${{ steps.deploy.outputs.origin-url }}
         id: cypress
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           browser: chrome
           headless: true
           record: true
           parallel: true
-          config-file: cypress/config/static-root.json
+          config-file: cypress/config/static-root.config.ts
           group: 'Next Runtime - Demo Static'
-          spec: cypress/integration/static-root/*
+          spec: cypress/e2e/static-root/*
         env:
           DEBUG: '@cypress/github-action'
           CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}

.github/workflows/cypress-demo.yml

@@ -7,7 +7,7 @@ on:
       - main
     paths:
       - 'demos/default/**/*.{js,jsx,ts,tsx}'
-      - 'cypress/integration/default/**/*.{ts,js}'
+      - 'cypress/e2e/default/**/*.{ts,js}'
       - 'src/**/*.{ts,js}'
 jobs:
   cypress:
@@ -56,15 +56,15 @@ jobs:
       - name: Cypress run
         if: ${{ steps.deploy.outputs.origin-url }}
         id: cypress
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           browser: chrome
           headless: true
           record: true
           parallel: true
-          config-file: cypress/config/ci.json
+          config-file: cypress/config/ci.config.ts
           group: 'Next Runtime - Demo'
-          spec: cypress/integration/default/*
+          spec: cypress/e2e/default/*
         env:
           DEBUG: '@cypress/github-action'
           CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}

.github/workflows/cypress-middleware.yml

@@ -7,7 +7,7 @@ on:
       - main
     paths:
       - 'demos/middleware/**/*.{js,jsx,ts,tsx}'
-      - 'cypress/integration/middleware/**/*.{ts,js}'
+      - 'cypress/e2e/middleware/**/*.{ts,js}'
       - 'src/**/*.{ts,js}'
 jobs:
   cypress:
@@ -56,15 +56,15 @@ jobs:
       - name: Cypress run
         if: ${{ steps.deploy.outputs.origin-url }}
         id: cypress
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           browser: chrome
           headless: true
           record: true
           parallel: true
-          config-file: cypress/config/middleware.json
+          config-file: cypress/config/middleware.config.ts
           group: 'Next Runtime - Middleware'
-          spec: cypress/integration/middleware/*
+          spec: cypress/e2e/middleware/*
         env:
           DEBUG: '@cypress/github-action'
           CYPRESS_baseUrl: ${{ steps.deploy.outputs.origin-url }}

cypress/config/all.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  video: false,
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+  },
+})

cypress/config/all.json

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    // integrationFolder was replaced by specPattern in Cypress 12 https://docs.cypress.io/guides/references/migration-guide#integrationFolder
+    "specPattern": "cypress/e2e/canary",
+    "projectId": "5zbkdv"
+  },
+})

cypress/config/canary.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    // integrationFolder was replaced by specPattern in Cypress 12 https://docs.cypress.io/guides/references/migration-guide#integrationFolder
+    "specPattern": "cypress/e2e/default",
+    "projectId": "66va58"
+  },
+})

cypress/config/canary.json

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:8888',
+    // integrationFolder was replaced by specPattern in Cypress 12 https://docs.cypress.io/guides/references/migration-guide#integrationFolder
+    "specPattern": "cypress/e2e/middleware",
+    "projectId": "yn8qwi"
+  },
+})

cypress/config/ci.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+    // integrationFolder was replaced by specPattern in Cypress 12 https://docs.cypress.io/guides/references/migration-guide#integrationFolder
+    "specPattern": "cypress/e2e/nx",
+    "projectId": "ijcdpo"
+  },
+})

cypress/config/ci.json

@@ -0,0 +1,11 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    // integrationFolder was replaced by specPattern in Cypress 12 https://docs.cypress.io/guides/references/migration-guide#integrationFolder
+    "specPattern": "cypress/e2e/static-root",
+    "projectId": "3tvrbe"
+  },
+})
+

cypress/config/middleware.config.ts

@@ -35,7 +35,7 @@
     "@typescript-eslint/eslint-plugin": "^5.36.1",
     "@typescript-eslint/parser": "^5.36.1",
     "babel-jest": "28.1.3",
-    "cypress": "^10.7.0",
+    "cypress": "^12.10.0",
     "eslint": "~8.15.0",
     "eslint-config-next": "12.3.4",
     "eslint-config-prettier": "8.8.0",