visual-testing-with-happo

example: visual-testing-with-happo Happo Dashboard

Visual component testing using Happo.io

Usage

1. Make sure the root project has been built .

# in the root of the project
npm install
npm run build

2. Run npm install in this folder to symlink the @cypress/react dependency.

# in this folder
npm install

3. Start Cypress

npm run cy:open
# or just run headless tests
npm test

Notes

Here's an example PR with code a change where we forgot to update the styles with additional classes: #210

Notice that CircleCI passes the test, because functionally it worked, but the Happo CI check shows a failure:

Happo report shows 3 views:

Side by side

Diff

Swipe