cypress-image-compare

Cypress command package to compare images with simple pixel diff (pixelmatch). Supports PNG.

Adding to project

Add following lines to your commands.ts:

/// <reference types="cypress-image-compare" />

import "cypress-image-compare/commands";

In the first run use update option to generate a snapshots.

cy.get("#sample").matchImage("sample", { update: true });

After that just call.

cy.get("#sample").matchImage("sample");

Name		Name	Last commit message	Last commit date
Latest commit History 39 Commits
.vscode		.vscode
cypress		cypress
sampleApp		sampleApp
snapshots		snapshots
.eslintrc		.eslintrc
.gitignore		.gitignore
.npmignore		.npmignore
changelog.md		changelog.md
commands.ts		commands.ts
cypress.config.ts		cypress.config.ts
index.d.ts		index.d.ts
package.json		package.json
readme.md		readme.md
tsconfig.json		tsconfig.json
webpack.config.ts		webpack.config.ts
yarn.lock		yarn.lock