Ebazhanov / cypress-image-screenshot-comparison Public

Notifications You must be signed in to change notification settings
Fork 2
Star 7

screenshot comparison + Cypress + Mochawesome report + CircleCI

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 30 Commits
.circleci		.circleci
cypress		cypress
.gitignore		.gitignore
README.md		README.md
cypress.json		cypress.json
diff-example.png		diff-example.png
package.json		package.json
yarn.lock		yarn.lock

Repository files navigation

Cypress visual regression example (screenshot comparison)

"cypress-image-snapshot": "^3.1.1"

CircleCI

This repo an example of how to use visual regression (screenshot comparison) + cypress

TODO

integrate with circle
add mochawesome html
add failed screenshot to mochawesome html
play with Threshold

addMatchImageSnapshotCommand({
  failureThreshold: 0.03, // threshold for entire image
  failureThresholdType: 'percent', // percent of image or number of pixels
  customDiffConfig: { threshold: 0.1 }, // threshold for each pixel
  capture: 'viewport', // capture viewport in screenshot
});