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](https://github.com/mapbox/pixelmatch) which is simple and powerful and relies on [cypress](https://github.com/cypress-io) to take screenshots. [![NPM Downloads][npm-downloads-image]][npm-url] [![Version][version-image]][version-url] [![Build Status][circleci-image]][circleci-url] [![BrowserStack Supporter](https://img.shields.io/badge/BrowserStack-Supporter-brightgreen)](https://www.browserstack.com/) [![GitBook Supporter](https://img.shields.io/badge/GitBook-Supporter-brightgreen)](https://www.gitbook.com/) [npm-downloads-image]: https://badgen.net/npm/dm/cypress-image-diff-js [npm-url]: https://www.npmjs.com/package/cypress-image-diff-js [circleci-url]: https://circleci.com/gh/uktrade/cypress-image-diff/tree/main [circleci-image]: https://circleci.com/gh/uktrade/cypress-image-diff/tree/main.svg?style=svg [version-image]: https://img.shields.io/npm/v/cypress-image-diff-js.svg [version-url]: https://www.npmjs.com/package/cypress-image-diff-js ### Writing a test is as simple as this: ```js 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

## [Cypress Image Diff documentation](https://cypress.visual-image-diff.dev/) Above you will find comprehensive documentation on how to setup this plugin within a cypress test suite

	Stars	Issues	Version	Updated	Created
cypress-image-diff	5	0	2.0.0	6 years ago	6 years ago
cypress-image-diff-js	239	5	2.2.1	a month ago	4 years ago
cypress-image-snapshot	881	123	4.0.1	3 years ago	6 years ago
cypress-visual-regression	622	10	5.0.2	22 days ago	6 years ago

cypress-image-diff vs cypress-image-diff-js vs cypress-image-snapshot vs cypress-visual-regression

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past