chore(e2e): Upgrade cypress

Author: mst101

.cypress-cucumber-preprocessorrc.json

@@ -0,0 +1,13 @@
+{
+  "e2e": {
+    "stepDefinitions": "test/e2e/specs/**/*.{js,mjs,ts,tsx}",
+    "messages": {
+      "enabled": true,
+      "output": "test/e2e/cucumber-messages.ndjson"
+    },
+    "json": {
+      "enabled": true,
+      "output": "test/e2e/cucumber-report.json"
+    }
+  }
+}

.gitignore

@@ -10,7 +10,9 @@ example/demo.js.map
 example-e2e/app.js
 example-e2e/app.js.map
 test/unit/coverage
-test/e2e/cucumber-json
+test/e2e/cucumber-messages.ndjson
+test/e2e/cucumber-report.json
+test/e2e/screenshots/
 yarn-debug.log*
 yarn-error.log*
 .idea

.nvmrc

@@ -1 +1 @@
-16.18.0
+18.16.0

cypress.config.js

@@ -1,24 +1,34 @@
 const { defineConfig } = require('cypress')
-const cucumber = require('cypress-cucumber-preprocessor').default
+const createBundler = require('@bahmutov/cypress-esbuild-preprocessor')
+const preprocessor = require('@badeball/cypress-cucumber-preprocessor')
+const createEsbuildPlugin = require('@badeball/cypress-cucumber-preprocessor/esbuild')
+
+async function setupNodeEvents(on, config) {
+  // This is required for the preprocessor to be able to generate JSON reports after each run, and more,
+  await preprocessor.addCucumberPreprocessorPlugin(on, config)
+
+  on(
+    'file:preprocessor',
+    createBundler({
+      plugins: [createEsbuildPlugin.default(config)],
+    }),
+  )
+
+  // Make sure to return the config object as it might have been modified by the plugin.
+  return config
+}
 
 module.exports = defineConfig({
   defaultCommandTimeout: 1000,
   e2e: {
-    setupNodeEvents(on, config) {
-      on('file:preprocessor', cucumber())
-
-      return {
-        ...config,
-        fixturesFolder: 'test/e2e/fixtures',
-        screenshotsFolder: 'test/e2e/screenshots',
-        specPattern: 'test/e2e/specs/**/*.{feature,features}',
-        supportFile: 'test/e2e/support/index.js',
-        video: false,
-        videosFolder: 'test/e2e/videos',
-      }
-    },
     baseUrl: 'http://localhost:8080',
+    experimentalRunAllSpecs: true,
+    fixturesFolder: false,
+    screenshotsFolder: 'test/e2e/screenshots',
+    setupNodeEvents,
     specPattern: 'test/e2e/specs/**/*.{feature,features}',
     supportFile: 'test/e2e/support/index.js',
+    video: false,
+    viewportWidth: 400,
   },
 })