percy-study

Percy dashboard: https://percy.io/d02c4aef/percy-study

Steps

Create account at https://percy.io/
Create a project
Integrate following: https://www.browserstack.com/docs/percy/integrate/cypress
Export token
In your cypress/support/e2e.js file, add: import '@percy/cypress';
Add percySnapshot() calls to our tests
PERCY_TOKEN=<token> npx percy exec -- cypress run
App must be running!
Cypress must be running!
Fix app default port on cypress.config.js file
Always give names to your snapshots!

Github actions integration

In your GitHub project’s settings, go to Settings > Secrets and variables > Actions > New repository secret
Set PERCY_TOKEN
Check .github/workflows/percy-integration.yml how I do it