cypress-image-diff-js
TypeScript icon, indicating that this package has built-in type declarations

2.1.4 • Public • Published

cypress-image-diff

Visual regression test with cypress

This tool was created to make visual regression as simple as possible, by exposing basic functions that allow you to view the difference between images. The wrapper uses pixelmatch which is simple and powerful and relies on cypress to take screenshots.

NPM Downloads Version Build Status BrowserStack Supporter GitBook Supporter

Writing a test is as simple as this:

describe('Visuals', () => {
  it('should compare screenshot of the entire page', () => {
    cy.visit('www.google.com')
    cy.compareSnapshot('home-page')
  })
})

Beautiful HTML Report

Update baseline screenshots with one click

showcase-update-baseline

Support different screenshot inspectors

showcase-screenshot-inspectors

Above you will find comprehensive documentation on how to setup this plugin within a cypress test suite

Package Sidebar

Install

npm i cypress-image-diff-js

Weekly Downloads

83,248

Version

2.1.4

License

MIT

Unpacked Size

86.7 kB

Total Files

21

Last publish

Collaborators

  • pipporai