[cypress-tools]: cypress plugin snapshot added

mate-academy · Apr 20, 2022 · 6258b6c · 6258b6c
1 parent 5fa8acb
commit 6258b6c
Show file tree

Hide file tree

Showing 4 changed files with 285 additions and 0 deletions.
diff --git a/cypress-tools/plugins/index.js b/cypress-tools/plugins/index.js
@@ -1,6 +1,10 @@
 const injectDevServer = require('@cypress/react/plugins/react-scripts');
+const {
+  addMatchImageSnapshotPlugin,
+} = require('cypress-image-snapshot/plugin');
 
 module.exports = (on, config) => {
+  addMatchImageSnapshotPlugin(on, config);
   injectDevServer(on, config);
 
   return config;

diff --git a/cypress-tools/support/commands.js b/cypress-tools/support/commands.js
@@ -1,3 +1,10 @@
+import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
+
 Cypress.Commands.add('getByDataCy', (selector) => {
   cy.get(`[data-cy="${selector}"]`);
 });
+
+addMatchImageSnapshotCommand({
+  failureThreshold: 3.0,
+  failureThresholdType: 'percent'
+});
diff --git a/mate-scripts/package-lock.json b/mate-scripts/package-lock.json
diff --git a/mate-scripts/package.json b/mate-scripts/package.json
@@ -61,6 +61,7 @@
     "@types/jest": "^26.0.20",
     "@types/node": "^14.14.35",
     "@types/sinon": "^9.0.10",
+    "cypress-image-snapshot": "^4.0.1",
     "jest": "^26.6.3",
     "jest-sinon": "^1.0.4",
     "react-scripts": "4.0.3",