Merge pull request #3609 from nextcloud/dependabot/npm_and_yarn/cypress-12.3.0

Bump cypress from 9.7.0 to 12.3.0

Author: skjnldsv

.github/workflows/cypress.yml

@@ -19,19 +19,19 @@ jobs:
       matrix:
         # run x copies of the current job in parallel
         containers: [1, 2]
-        node-version: [14]
+        node-version: [16]
 
     name: Runner ${{ matrix.containers }}
 
     steps:
       - uses: actions/checkout@v3
 
       - name: Read package.json node and npm engines version
-        uses: skjnldsv/read-package-engines-version-actions@v1.2
+        uses: skjnldsv/read-package-engines-version-actions@v2
         id: versions
         with:
-          fallbackNode: '^12'
-          fallbackNpm: '^6'
+          fallbackNode: '^14'
+          fallbackNpm: '^7'
 
       - name: Set up node ${{ steps.versions.outputs.nodeVersion }}
         uses: actions/setup-node@v3
@@ -46,16 +46,20 @@ jobs:
           npm ci
 
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
+          component: true
+          install: false # we have already installed all dependencies above
           record: true
           parallel: true
+          # cypress dashboard env
           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
           COMMIT_INFO_MESSAGE: ${{ github.event.pull_request.title }}
+          # https://github.com/cypress-io/github-action/issues/524
+          npm_package_name: ${{ env.APP_NAME }}
 
       - name: Upload snapshots
         uses: actions/upload-artifact@v2

cypress.config.ts

@@ -0,0 +1,83 @@
+import { defineConfig } from 'cypress'
+import { DefinePlugin } from 'webpack'
+import getCompareSnapshotsPlugin  from 'cypress-visual-regression/dist/plugin'
+import path from 'path'
+import webpackConfig from '@nextcloud/webpack-vue-config'
+import webpackRules from '@nextcloud/webpack-vue-config/rules'
+
+import { loadTranslations } from './resources/translations'
+
+const SCOPE_VERSION = Date.now()
+webpackRules.RULE_SCSS.use.push({
+	loader: 'sass-loader',
+	options: {
+		additionalData: `@use 'sass:math'; $scope_version:${SCOPE_VERSION}; @import 'variables'; @import 'material-icons';`,
+		/**
+		 * ! needed for resolve-url-loader
+		 */
+		sourceMap: true,
+		sassOptions: {
+			sourceMapContents: false,
+			includePaths: [
+				path.resolve(__dirname, './src/assets'),
+			],
+		},
+	},
+})
+
+webpackConfig.module.rules = Object.values(webpackRules)
+
+export default defineConfig({
+	projectId: '3paxvy',
+	viewportWidth: 1920,
+	viewportHeight: 1080,
+	defaultCommandTimeout: 6000,
+
+	env: {
+		failSilently: false,
+		type: 'actual',
+	},
+
+	screenshotsFolder: 'cypress/snapshots/actual',
+	trashAssetsBeforeRuns: true,
+
+	component: {
+		setupNodeEvents(on, config) {
+			getCompareSnapshotsPlugin(on, config)
+
+			// Disable spell checking to prevent rendering differences
+			on('before:browser:launch', (browser, launchOptions) => {
+				if (browser.family === 'chromium' && browser.name !== 'electron') {
+					launchOptions.preferences.default['browser.enable_spellchecking'] = false
+					return launchOptions
+				}
+
+				if (browser.family === 'firefox') {
+					launchOptions.preferences['layout.spellcheckDefault'] = 0
+					return launchOptions
+				}
+
+				if (browser.name === 'electron') {
+					launchOptions.preferences.spellcheck = false
+					return launchOptions
+				}
+			})
+
+		},
+
+		devServer: {
+			framework: 'vue',
+			bundler: 'webpack',
+			webpackConfig: async () => {
+				const translations = await loadTranslations(path.resolve(__dirname, './l10n'))
+				webpackConfig.plugins.push(new DefinePlugin({
+					PRODUCTION: false,
+					SCOPE_VERSION,
+					TRANSLATIONS: JSON.stringify(translations),
+				}))
+
+				return webpackConfig
+			},
+		},
+	},
+})