Use cypress github action

Signed-off-by: Raimund Schlüßler <[email protected]>

.github/workflows/cypress.yml

@@ -0,0 +1,43 @@
+name: Cypress
+
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+      - stable*
+
+env:
+  APP_NAME: nextcloud-vue
+
+jobs:
+  jest:
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        # run x copies of the current job in parallel
+        containers: [1, 2]
+        node-version: ['12.x']
+
+    name: Runner ${{ matrix.containers }}
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Set up node ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Cypress run
+        uses: cypress-io/github-action@v1
+        with:
+          record: true
+          parallel: true
+        env:
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}

.gitignore

@@ -28,3 +28,4 @@ styleguide/index.html
 
 # Cypress files
 cypress/videos
+cypress/screenshots

cypress/plugins/index.js

@@ -21,13 +21,13 @@ const webpackOptions = require('../../webpack.dev.js')
 webpackOptions.externals = {}
 
 const options = {
-  // send in the options from your webpack.config.js, so it works the same
-  // as your app's code
-  webpackOptions,
-  watchOptions: {},
+	// send in the options from your webpack.config.js, so it works the same
+	// as your app's code
+	webpackOptions,
+	watchOptions: {},
 }
 
 module.exports = (on, config) => {
 	addMatchImageSnapshotPlugin(on, config)
 	on('file:preprocessor', webpack(options))
- }
+}

webpack.common.js

@@ -13,7 +13,8 @@ const { DefinePlugin } = require('webpack')
 const nodeExternals = require('webpack-node-externals')
 
 // scope variable
-const appVersion = JSON.stringify(process.env.npm_package_version)
+// fallback for cypress testing
+const appVersion = JSON.stringify(process.env.npm_package_version || 'nextcloud-vue')
 const versionHash = md5(appVersion).substr(0, 7)
 const SCOPE_VERSION = JSON.stringify(versionHash)
 const ICONFONT_NAME = `iconfont-vue-${versionHash}`