Update cypress to 9.5.3

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

.github/workflows/cypress.yml

@@ -24,29 +24,34 @@ jobs:
     name: Runner ${{ matrix.containers }}
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Read package.json node and npm engines version
-        uses: skjnldsv/read-package-engines-version-actions@v1.1
+        uses: skjnldsv/read-package-engines-version-actions@v1.2
         id: versions
         with:
           fallbackNode: '^12'
           fallbackNpm: '^6'
 
       - name: Set up node ${{ steps.versions.outputs.nodeVersion }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ steps.versions.outputs.nodeVersion }}
 
       - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
         run: npm i -g npm@"${{ steps.versions.outputs.npmVersion }}"
 
+      - name: Install dependencies
+        run: |
+          npm ci
+
       - name: Cypress run
         uses: cypress-io/github-action@v2
         with:
           record: true
           parallel: true
           tag: ${{ github.event_name }}
+          command: npm run cypress
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
           # https://github.com/cypress-io/github-action/issues/124

cypress.json

@@ -3,14 +3,16 @@
   "viewportWidth": 1920, 
   "viewportHeight": 1080,
   "defaultCommandTimeout": 6000,
-  "experimentalComponentTesting": true,
-  "componentFolder": "tests/visual",
+  "integrationFolder": "tests/visual",
   "testFiles": "**/*.visual.*",
-  "nodeVersion": "system",
   "env": {
     "failSilently": false,
     "type": "actual"
   },
+  "component": {
+    "componentFolder": "tests/visual",
+    "testFiles": "**/*.visual.{js,ts,jsx,tsx}"
+  },
   "screenshotsFolder": "cypress/snapshots/actual",
   "trashAssetsBeforeRuns": true
 }

cypress/plugins/index.js

@@ -14,6 +14,7 @@
 const getCompareSnapshotsPlugin = require('cypress-visual-regression/dist/plugin')
 
 const webpack = require('@cypress/webpack-preprocessor')
+const { startDevServer } = require('@cypress/webpack-dev-server')
 
 const webpackOptions = require('../../webpack.dev.js')
 webpackOptions.externals = {}
@@ -29,6 +30,10 @@ module.exports = (on, config) => {
 	getCompareSnapshotsPlugin(on, config)
 	on('file:preprocessor', webpack(options))
 
+	on('dev-server:start', (options) => {
+		return startDevServer({ options, webpackConfig: webpackOptions })
+	  })
+
 	// Disable spell checking to prevent rendering differences
 	on('before:browser:launch', (browser, launchOptions) => {
 		if (browser.family === 'chromium' && browser.name !== 'electron') {
@@ -51,4 +56,5 @@ module.exports = (on, config) => {
 			return launchOptions
 		}
 	})
+	return config
 }

cypress/support/index.js

@@ -13,5 +13,4 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-import 'cypress-vue-unit-test/dist/support'
 import './commands'