Test Framework Integration

Visual testing for Cypress

Integrate Percy with your Cypress end-to-end tests for complete confidence in your UI.

How it works

Cypress makes it easy to set up and run end-to-end functional tests for anything that runs in a browser. Percy integrates seamlessly with your Cypress test suite, giving you the ability to review every visual change in your app.

Get started with Percy for Cypress in 2 simple steps:

Step 1: Install and import @percy/cypress.

Step 2: Add cy.percySnapshot();t to your Cypress tests where you want visual coverage.

That's it!

Whenever snapshots are called, Percy captures DOM snapshots to render and group into builds. If visual changes are detected across browsers or responsive widths, the diffs are highlighted for your team to review.

Check out our docs for more info, or jump right in.

 

Cypress tests run-1-1
Get started for free

Run your tests locally or in CI

Percy is designed to work with your CI/CD provider to integrate seamlessly with your existing test suite. We support all the popular services, and have built-in support for tests run in parallelized suites.

 

Travis CIJenkinsCodeshipPercy's visual testing Buildkite integration Percy's visual testing CircleCI integrationPercy's visual testing Semaphore integrationPercy's visual testing GitLab CI integration

Not sure where to start?

Watch our recent webinar with the Cypress team "End-to-end functional and visual testing for the web" below.

Percy Webinar Video Recording

Visual testing features

Tap into these powerful Percy features and more with our Cypress integration

browser-icon-red
Cross-browser snapshots

Percy’s cross-browser rendering technology ensures that your application looks exactly like it should in your customers’ favorite browsers.

responsive-icon
Responsive diffs

Percy renders snapshots across as many responsive breakpoint widths as you want, enabling you to catch mobile bugs long before they make it into production.

conveyor-icon
Review workflow

Percy integrates directly with your pull requests so you can run visual reviews on every code review and get notified each time a visual change is detected. 

Ready to get started?
Sign up for a free Percy plan.
Start for free