Run cypress in docker

Achieves reliable results cross-platform Signed-off-by: Raimund Schlüßler <[email protected]>
nextcloud-libraries · Aug 26, 2020 · f093d49 · f093d49
1 parent 546f422
commit f093d49
Show file tree

Hide file tree

Showing 30 changed files with 26 additions and 12 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
@@ -1,4 +1,4 @@
-name: Cypress
+name: Cypress in Docker
 
 on:
   pull_request:
@@ -17,8 +17,6 @@ jobs:
     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 }}
@@ -31,13 +29,7 @@ jobs:
         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 }}
+        run: npm run cypress:record
diff --git a/.gitignore b/.gitignore
@@ -30,3 +30,4 @@ styleguide/index.html
 cypress/videos
 cypress/screenshots
 cypress/snapshots/actual
+cypress/snapshots/diff
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,6 @@
+FROM cypress/base:14.7.0
+RUN mkdir /app
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY .eslintrc.js .stylelintrc.js babel.config.js cypress.json webpack.common.js webpack.dev.js .stylelintignore ./
diff --git a/....vue - starred_false - compact_false - header_image - secondary_button-base.png b/....vue - starred_false - compact_false - header_image - secondary_button-base.png
diff --git a/...ar.vue - starred_false - compact_false - header_image - secondary_none-base.png b/...ar.vue - starred_false - compact_false - header_image - secondary_none-base.png
diff --git a/...r.vue - starred_false - compact_false - header_none - secondary_button-base.png b/...r.vue - starred_false - compact_false - header_none - secondary_button-base.png
diff --git a/...bar.vue - starred_false - compact_false - header_none - secondary_none-base.png b/...bar.vue - starred_false - compact_false - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_false - compact_true - header_image - secondary_button-base.png b/...r.vue - starred_false - compact_true - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_false - compact_true - header_image - secondary_none-base.png b/...bar.vue - starred_false - compact_true - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_false - compact_true - header_none - secondary_button-base.png b/...ar.vue - starred_false - compact_true - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_false - compact_true - header_none - secondary_none-base.png b/...ebar.vue - starred_false - compact_true - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_null - compact_false - header_image - secondary_button-base.png b/...r.vue - starred_null - compact_false - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_null - compact_false - header_image - secondary_none-base.png b/...bar.vue - starred_null - compact_false - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_null - compact_false - header_none - secondary_button-base.png b/...ar.vue - starred_null - compact_false - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_null - compact_false - header_none - secondary_none-base.png b/...ebar.vue - starred_null - compact_false - header_none - secondary_none-base.png
diff --git a/...ar.vue - starred_null - compact_true - header_image - secondary_button-base.png b/...ar.vue - starred_null - compact_true - header_image - secondary_button-base.png
diff --git a/...ebar.vue - starred_null - compact_true - header_image - secondary_none-base.png b/...ebar.vue - starred_null - compact_true - header_image - secondary_none-base.png
diff --git a/...bar.vue - starred_null - compact_true - header_none - secondary_button-base.png b/...bar.vue - starred_null - compact_true - header_none - secondary_button-base.png
diff --git a/...debar.vue - starred_null - compact_true - header_none - secondary_none-base.png b/...debar.vue - starred_null - compact_true - header_none - secondary_none-base.png
diff --git a/...r.vue - starred_true - compact_false - header_image - secondary_button-base.png b/...r.vue - starred_true - compact_false - header_image - secondary_button-base.png
diff --git a/...bar.vue - starred_true - compact_false - header_image - secondary_none-base.png b/...bar.vue - starred_true - compact_false - header_image - secondary_none-base.png
diff --git a/...ar.vue - starred_true - compact_false - header_none - secondary_button-base.png b/...ar.vue - starred_true - compact_false - header_none - secondary_button-base.png
diff --git a/...ebar.vue - starred_true - compact_false - header_none - secondary_none-base.png b/...ebar.vue - starred_true - compact_false - header_none - secondary_none-base.png
diff --git a/...ar.vue - starred_true - compact_true - header_image - secondary_button-base.png b/...ar.vue - starred_true - compact_true - header_image - secondary_button-base.png
diff --git a/...ebar.vue - starred_true - compact_true - header_image - secondary_none-base.png b/...ebar.vue - starred_true - compact_true - header_image - secondary_none-base.png
diff --git a/...bar.vue - starred_true - compact_true - header_none - secondary_button-base.png b/...bar.vue - starred_true - compact_true - header_none - secondary_button-base.png
diff --git a/...debar.vue - starred_true - compact_true - header_none - secondary_none-base.png b/...debar.vue - starred_true - compact_true - header_none - secondary_none-base.png
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,13 @@
+version: '3'
+services:
+  visual:
+    build:
+      context: .
+    volumes:
+      - "./cypress:/app/cypress"
+      - "./src:/app/src"
+      - "./styleguide:/app/styleguide"
+      - "./tests:/app/tests"
+      - "./l10n:/app/l10n"
+    environment:
+      - CYPRESS_RECORD_KEY
diff --git a/package.json b/package.json
@@ -24,9 +24,10 @@
 		"stylelint:fix": "stylelint src/**/*.vue src/**/*.scss src/**/*.css --fix",
 		"styleguide": "vue-styleguidist server",
 		"styleguide:build": "vue-styleguidist build",
-		"cypress": "cypress run",
+		"cypress": "docker-compose run visual sh -c \"npx cypress run\"",
+		"cypress:record": "docker-compose run visual sh -c \"npx cypress run --record\"",
 		"cypress:gui": "cypress open",
-		"cypress:update-snapshots": "cypress run --env type=base --config screenshotsFolder=cypress/snapshots/base"
+		"cypress:update-snapshots": "docker-compose run visual sh -c \"npx cypress run --env type=base --config screenshotsFolder=cypress/snapshots/base\""
 	},
 	"main": "dist/ncvuecomponents.js",
 	"files": [