Adjust settings for comparisons

gatsbyjs · Oct 25, 2020 · a601c97 · a601c97
1 parent 6660374
commit a601c97
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 16 deletions.
diff --git a/e2e-tests/visual-regression/cypress/integration/image.js b/e2e-tests/visual-regression/cypress/integration/image.js
@@ -17,7 +17,7 @@ describe(`GatsbyImage`, () => {
           // Wait for main image to load
           cy.get("[data-main-image]").should("have.css", "opacity", "1")
           // Wait for blur-up
-          cy.wait(600)
+          cy.wait(1000)
           cy.get("#test-image").matchImageSnapshot()
         })
       })

diff --git a/e2e-tests/visual-regression/cypress/support/index.js b/e2e-tests/visual-regression/cypress/support/index.js
@@ -17,5 +17,10 @@ import "gatsby-cypress"
 import { addMatchImageSnapshotCommand } from "cypress-image-snapshot/command"
 
 addMatchImageSnapshotCommand({
-  customDiffDir: `/__diff_output__`,
+    customDiffDir: `/__diff_output__`,
+    customDiffConfig: {
+        threshold: 0.1
+    },
+    failureThreshold: 0.03,
+    failureThresholdType: `percent`
 })
diff --git a/e2e-tests/visual-regression/src/components/layout.css b/e2e-tests/visual-regression/src/components/layout.css
@@ -82,9 +82,7 @@ sub {
 sup {
   top: -0.5em;
 }
-img {
-  border-style: none;
-}
+
 svg:not(:root) {
   overflow: hidden;
 }
@@ -207,17 +205,7 @@ body {
   -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
   font-feature-settings: "kern", "liga", "clig", "calt";
 }
-img {
-  max-width: 100%;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  padding-bottom: 0;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  margin-bottom: 1.45rem;
-}
+
 h1 {
   margin-left: 0;
   margin-right: 0;

diff --git a/e2e-tests/visual-regression/src/components/layout.js b/e2e-tests/visual-regression/src/components/layout.js
@@ -22,6 +22,7 @@ const Layout = ({ children }) => (
           style={{
             margin: `0 auto`,
             padding: `10px 20px`,
+            background: `white`,
           }}
         >
           {children}