test(e2e): migrate to cypress 10.x

Author: aeneasr

package.json

@@ -2,7 +2,7 @@
   "private": true,
   "prettier": "ory-prettier-styles",
   "config": {
-    "prettierTarget": "test/e2e/cypress/**/*{.ts,.js}"
+    "prettierTarget": "test/e2e/**/*{.ts,.js}"
   },
   "scripts": {
     "format": "prettier --write ${npm_package_config_prettierTarget}",

test/e2e/cypress.config.ts

@@ -0,0 +1,71 @@
+import { defineConfig } from 'cypress'
+import got from 'got'
+import CRI from 'chrome-remote-interface'
+let criPort = 0,
+  criClient = null
+
+export default defineConfig({
+  chromeWebSecurity: false,
+  retries: {
+    runMode: 6,
+    openMode: 1
+  },
+  defaultCommandTimeout: 10000,
+  requestTimeout: 10000,
+  projectId: 'bc48bg',
+  video: true,
+  videoCompression: false,
+  screenshotOnRunFailure: true,
+  e2e: {
+    videosFolder: 'cypress/videos',
+    screenshotsFolder: 'cypress/screenshots',
+    excludeSpecPattern: '**/*snapshots.js',
+    supportFile: 'cypress/support/index.js',
+    specPattern: '**/*.spec.{js,ts}',
+    baseUrl: 'http://localhost:4455/',
+    setupNodeEvents(on, config) {
+      on('before:browser:launch', (browser, args) => {
+        criPort = ensureRdpPort(args.args)
+        console.log('criPort is', criPort)
+      })
+
+      on('task', {
+        httpRequest(params) {
+          return got(params).then(({ body }) => body)
+        },
+        // Reset chrome remote interface for clean state
+        async resetCRI() {
+          if (criClient) {
+            const c = criClient
+            criClient = null
+            await c.close()
+          }
+
+          return Promise.resolve(true)
+        },
+        // Execute CRI command
+        async sendCRI(args) {
+          if (!criClient) {
+            criClient = await CRI({ port: criPort })
+          }
+
+          return criClient.send(args.query, args.opts)
+        }
+      })
+    }
+  }
+})
+
+function ensureRdpPort(args) {
+  const existing = args.find(
+    (arg) => arg.slice(0, 23) === '--remote-debugging-port'
+  )
+
+  if (existing) {
+    return Number(existing.split('=')[1])
+  }
+
+  const port = 40000 + Math.round(Math.random() * 25000)
+  args.push(`--remote-debugging-port=${port}`)
+  return port
+}

test/e2e/cypress.json

@@ -1,5 +1,5 @@
 **/*.go !**/*_test.go {
-    prep: go build -tags sqlite -o test/e2e/.bin/kratos .
+    prep: go build -tags sqlite,json1 -o test/e2e/.bin/kratos .
     prep: test/e2e/.bin/kratos migrate sql -e --yes
     daemon +sigterm: test/e2e/.bin/kratos serve --watch-courier --dev -c test/e2e/kratos.generated.yml
 }

test/e2e/modd.conf

@@ -13,11 +13,11 @@
     "@types/node": "^16.9.6",
     "@types/yamljs": "^0.2.31",
     "chrome-remote-interface": "0.31.2",
-    "cypress": "^9.5.1",
+    "cypress": "^10.3.1",
     "dayjs": "^1.10.4",
     "got": "^11.8.2",
     "otplib": "^12.0.1",
-    "typescript": "^4.4.3",
+    "typescript": "^4.7.4",
     "wait-on": "5.3.0",
     "yamljs": "^0.3.0"
   }