Add config

gatsbyjs · Oct 24, 2020 · ad9f73a · ad9f73a
1 parent 0af751f
commit ad9f73a
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -375,6 +375,15 @@ jobs:
           test_path: e2e-tests/gatsby-static-image
           test_command: yarn test
 
+  e2e_tests_visual-regression:
+    <<: *e2e-executor
+    steps:
+      - e2e-test:
+          test_path: e2e-tests/visual-regression
+          test_command: yarn test
+      - store_artifacts:
+          path: /tmp/__diff_output__
+
   starters_validate:
     executor: node
     steps:

diff --git a/e2e-tests/visual-regression/cypress/support/index.js b/e2e-tests/visual-regression/cypress/support/index.js
@@ -14,6 +14,8 @@
 // ***********************************************************
 
 import "gatsby-cypress"
-import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
+import { addMatchImageSnapshotCommand } from "cypress-image-snapshot/command"
 
-addMatchImageSnapshotCommand();
+addMatchImageSnapshotCommand({
+  customDiffDir: `/tmp/__diff_output__`,
+})
diff --git a/e2e-tests/visual-regression/src/pages/images/fixed-too-big.js b/e2e-tests/visual-regression/src/pages/images/fixed-too-big.js
@@ -9,7 +9,7 @@ const Page = () => {
       file(relativePath: { eq: "landsend.jpg" }) {
         childImageSharp {
           # gatsbyImage(width: 500, height: 500, layout: FIXED) { Disabled until bug is fixed
-          gatsbyImage(width: 500, layout: FIXED) {
+          gatsbyImage(width: 550, layout: FIXED) {
             imageData
           }
         }