upgrade cypress-visual-regression

usablica · Sep 10, 2024 · 62103b1 · 62103b1
1 parent 0eec7fc
commit 62103b1
Show file tree

Hide file tree

Showing 29 changed files with 37 additions and 38 deletions.
diff --git a/cypress.config.ts b/cypress.config.ts
@@ -2,9 +2,10 @@ import { defineConfig } from "cypress";
 import { configureVisualRegression } from "cypress-visual-regression";
 
 module.exports = defineConfig({
+  viewportWidth: 1000,
   trashAssetsBeforeRuns: true,
   env: {
-    failSilently: false,
+    visualRegressionFailSilently: false,
   },
   e2e: {
     screenshotsFolder: "./cypress/snapshots/actual",

diff --git a/cypress/setup/index.html b/cypress/setup/index.html
@@ -14,15 +14,15 @@
       crossorigin="anonymous"
     />
 
-    <link href="http://localhost:10001/dist/introjs.css" rel="stylesheet" />
-    <link href="http://host.docker.internal:10001/dist/introjs.css" rel="stylesheet" />
-
     <link rel="preconnect" href="https://fonts.gstatic.com" />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
       rel="stylesheet"
     />
 
+    <link href="http://localhost:10001/dist/introjs.css" rel="stylesheet" />
+    <link href="http://host.docker.internal:10001/dist/introjs.css" rel="stylesheet" />
+
     <style type="text/css">
       body,
       h1,
@@ -157,7 +157,7 @@ <h2 data-intro="fourth header step" data-hint="secondary header">
           class="pt-3 mt-4 text-muted border-top"
           data-hint="this is the footer"
         >
-          &copy; YEAR
+          &copy; 2021
         </footer>
       </div>
     </main>

diff --git a/...s/dont_show_again_checkbox_first_step.png → ...s/dont-show-again-checkbox-first-step.png b/...s/dont_show_again_checkbox_first_step.png → ...s/dont-show-again-checkbox-first-step.png
diff --git a/.../dont_show_again_checkbox_second_step.png → .../dont-show-again-checkbox-second-step.png b/.../dont_show_again_checkbox_second_step.png → .../dont-show-again-checkbox-second-step.png
diff --git a/...ts/dont_show_again_clicked_after_exit.png → ...ts/dont-show-again-clicked-after-exit.png b/...ts/dont_show_again_clicked_after_exit.png → ...ts/dont-show-again-clicked-after-exit.png
diff --git a/...show_again_clicked_after_second_start.png → ...show-again-clicked-after-second-start.png b/...show_again_clicked_after_second_start.png → ...show-again-clicked-after-second-start.png
diff --git a/...ts/dont_show_again_clicked_first_step.png → ...ts/dont-show-again-clicked-first-step.png b/...ts/dont_show_again_clicked_first_step.png → ...ts/dont-show-again-clicked-first-step.png
diff --git a/...ht.cy.ts/highlight_element_first_step.png → ...ht.cy.ts/highlight-element-first-step.png b/...ht.cy.ts/highlight_element_first_step.png → ...ht.cy.ts/highlight-element-first-step.png
diff --git a/...t.cy.ts/highlight_element_second_step.png → ...t.cy.ts/highlight-element-second-step.png b/...t.cy.ts/highlight_element_second_step.png → ...t.cy.ts/highlight-element-second-step.png
diff --git a/....cy.ts/highlight_fixed_element_scroll.png → ....cy.ts/highlight-fixed-element-scroll.png b/....cy.ts/highlight_fixed_element_scroll.png → ....cy.ts/highlight-fixed-element-scroll.png
diff --git a/...ghlight.cy.ts/highlight_fixed_element.png → ...ghlight.cy.ts/highlight-fixed-element.png b/...ghlight.cy.ts/highlight_fixed_element.png → ...ghlight.cy.ts/highlight-fixed-element.png
diff --git a/...highlight_fixed_parent_element_scroll.png → ...highlight-fixed-parent-element-scroll.png b/...highlight_fixed_parent_element_scroll.png → ...highlight-fixed-parent-element-scroll.png
diff --git a/.../packages/tour/modal.cy.ts/first_step.png → .../packages/tour/modal.cy.ts/first-step.png b/.../packages/tour/modal.cy.ts/first_step.png → .../packages/tour/modal.cy.ts/first-step.png
diff --git a/...ages/tour/modal.cy.ts/position_bottom.png → ...ages/tour/modal.cy.ts/position-bottom.png b/...ages/tour/modal.cy.ts/position_bottom.png → ...ages/tour/modal.cy.ts/position-bottom.png
diff --git a/...ckages/tour/modal.cy.ts/position_left.png → ...ckages/tour/modal.cy.ts/position-left.png b/...ckages/tour/modal.cy.ts/position_left.png → ...ckages/tour/modal.cy.ts/position-left.png
diff --git a/...kages/tour/modal.cy.ts/position_right.png → ...kages/tour/modal.cy.ts/position-right.png b/...kages/tour/modal.cy.ts/position_right.png → ...kages/tour/modal.cy.ts/position-right.png
diff --git a/...s/tour/modal.cy.ts/refresh_first_step.png → ...s/tour/modal.cy.ts/refresh-first-step.png b/...s/tour/modal.cy.ts/refresh_first_step.png → ...s/tour/modal.cy.ts/refresh-first-step.png
diff --git a/.../tour/modal.cy.ts/refresh_second_step.png → .../tour/modal.cy.ts/refresh-second-step.png b/.../tour/modal.cy.ts/refresh_second_step.png → .../tour/modal.cy.ts/refresh-second-step.png
diff --git a/...s/tour/modal.cy.ts/refresh_third_step.png → ...s/tour/modal.cy.ts/refresh-third-step.png b/...s/tour/modal.cy.ts/refresh_third_step.png → ...s/tour/modal.cy.ts/refresh-third-step.png
diff --git a/...packages/tour/modal.cy.ts/second_step.png → ...packages/tour/modal.cy.ts/second-step.png b/...packages/tour/modal.cy.ts/second_step.png → ...packages/tour/modal.cy.ts/second-step.png
diff --git a/...ges/tour/progressbar.cy.ts/first_step.png → ...ges/tour/progressbar.cy.ts/first-step.png b/...ges/tour/progressbar.cy.ts/first_step.png → ...ges/tour/progressbar.cy.ts/first-step.png
diff --git a/...es/tour/progressbar.cy.ts/second_step.png → ...es/tour/progressbar.cy.ts/second-step.png b/...es/tour/progressbar.cy.ts/second_step.png → ...es/tour/progressbar.cy.ts/second-step.png
diff --git a/cypress/support/index.ts b/cypress/support/index.ts
@@ -4,6 +4,7 @@ import { addCompareSnapshotCommand } from "cypress-visual-regression/dist/comman
 
 addCompareSnapshotCommand({
   capture: "fullPage",
+  errorThreshold: 0.05
 });
 
 Cypress.Commands.add("nextStep", () => {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
     "core-js": "^3.6.5",
     "cypress": "^13.12.0",
     "cypress-real-events": "^1.13.0",
-    "cypress-visual-regression": "^5.0.2",
+    "cypress-visual-regression": "^5.2.1",
     "eslint": "^8.0.1",
     "jest": "^29.5.0",
     "jest-extended": "^3.2.4",

diff --git a/src/packages/tour/dont-show-again.cy.ts b/src/packages/tour/dont-show-again.cy.ts
@@ -24,13 +24,13 @@ context("Don't show again checkbox", () => {
 
       cy.wait(500);
 
-      cy.compareSnapshot("dont-show-again-checkbox-first-step", 0.05);
+      cy.compareSnapshot("dont-show-again-checkbox-first-step");
 
       cy.nextStep();
 
       cy.wait(800);
 
-      cy.compareSnapshot("dont-show-again-checkbox-second-step", 0.05);
+      cy.compareSnapshot("dont-show-again-checkbox-second-step");
     });
   });
 
@@ -53,21 +53,21 @@ context("Don't show again checkbox", () => {
 
       cy.wait(500);
 
-      cy.compareSnapshot("dont-show-again-clicked-first-step", 0.05);
+      cy.compareSnapshot("dont-show-again-clicked-first-step");
 
       cy.get(".introjs-dontShowAgain input").click();
 
       cy.get(".introjs-skipbutton").click();
 
       cy.wait(800);
 
-      cy.compareSnapshot("dont-show-again-clicked-after-exit", 0.05);
+      cy.compareSnapshot("dont-show-again-clicked-after-exit");
 
       instance.start();
 
       cy.wait(500);
 
-      cy.compareSnapshot("dont-show-again-clicked-after-second-start", 0.05);
+      cy.compareSnapshot("dont-show-again-clicked-after-second-start");
     });
   });
 });
diff --git a/src/packages/tour/highlight.cy.ts b/src/packages/tour/highlight.cy.ts
@@ -22,13 +22,13 @@ context("Highlight", () => {
 
       cy.wait(500);
 
-      cy.compareSnapshot("highlight-element-first-step", 0.05);
+      cy.compareSnapshot("highlight-element-first-step");
 
       cy.nextStep();
 
       cy.wait(800);
 
-      cy.compareSnapshot("highlight-element-second-step", 0.05);
+      cy.compareSnapshot("highlight-element-second-step");
     });
   });
 
@@ -228,8 +228,7 @@ context("Highlight", () => {
       cy.wait(500);
 
       cy.compareSnapshot("highlight-fixed-element", {
-        capture: "viewport",
-        errorThreshold: 0.05,
+        capture: "viewport"
       });
     });
   });
@@ -257,8 +256,7 @@ context("Highlight", () => {
       cy.wait(500);
 
       cy.compareSnapshot("highlight-fixed-element-scroll", {
-        capture: "viewport",
-        errorThreshold: 0.05,
+        capture: "viewport"
       });
     });
   });
@@ -286,8 +284,7 @@ context("Highlight", () => {
       cy.wait(500);
 
       cy.compareSnapshot("highlight-fixed-parent-element-scroll", {
-        capture: "viewport",
-        errorThreshold: 0.05,
+        capture: "viewport"
       });
     });
   });

diff --git a/src/packages/tour/modal.cy.ts b/src/packages/tour/modal.cy.ts
@@ -21,17 +21,17 @@ context("Modal", () => {
 
       cy.wait(500);
 
-      cy.compareSnapshot("first-step", 0.05);
+      cy.compareSnapshot("first-step");
 
       cy.nextStep();
       cy.wait(800);
 
-      cy.compareSnapshot("second-step", 0.05);
+      cy.compareSnapshot("second-step");
 
       cy.nextStep();
       cy.wait(800);
 
-      cy.compareSnapshot("exit", 0.05);
+      cy.compareSnapshot("exit");
     });
   });
 
@@ -63,15 +63,15 @@ context("Modal", () => {
         .start();
 
       cy.wait(800);
-      cy.compareSnapshot("position-bottom", 0.05);
+      cy.compareSnapshot("position-bottom");
 
       cy.nextStep();
       cy.wait(500);
-      cy.compareSnapshot("position-right", 0.05);
+      cy.compareSnapshot("position-right");
 
       cy.nextStep();
       cy.wait(500);
-      cy.compareSnapshot("position-left", 0.05);
+      cy.compareSnapshot("position-left");
     });
   });
 
@@ -95,11 +95,11 @@ context("Modal", () => {
       instance.start();
 
       cy.wait(800).then(() => {
-        cy.compareSnapshot("refresh-first-step", 0.05);
+        cy.compareSnapshot("refresh-first-step");
         cy.nextStep();
 
         cy.wait(500).then(() => {
-          cy.compareSnapshot("refresh-second-step", 0.05);
+          cy.compareSnapshot("refresh-second-step");
 
           cy.wait(500).then(() => {
             instance
@@ -123,7 +123,7 @@ context("Modal", () => {
 
             cy.nextStep();
             cy.wait(500);
-            cy.compareSnapshot("refresh-third-step", 0.05);
+            cy.compareSnapshot("refresh-third-step");
           });
         });
       });

diff --git a/src/packages/tour/progressbar.cy.ts b/src/packages/tour/progressbar.cy.ts
@@ -22,17 +22,17 @@ context("ProgressBar", () => {
 
       cy.wait(500);
 
-      cy.compareSnapshot("first-step", 0.05);
+      cy.compareSnapshot("first-step");
 
       cy.nextStep();
       cy.wait(800);
 
-      cy.compareSnapshot("second-step", 0.05);
+      cy.compareSnapshot("second-step");
 
       cy.nextStep();
       cy.wait(800);
 
-      cy.compareSnapshot("exit", 0.05);
+      cy.compareSnapshot("exit");
     });
   });
 });