https://github.com/renanstn/percy-study

Estudos aleatórios da ferramenta Percy.
https://github.com/renanstn/percy-study

actions ci ci-cd cypress e2e e2e-tests github-actions percy percy-io vue

Last synced: about 1 month ago
JSON representation

Estudos aleatórios da ferramenta Percy.

• Host: GitHub
• URL: https://github.com/renanstn/percy-study
• Owner: renanstn
• Created: 2024-08-27T17:35:44.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T13:02:04.000Z (2 months ago)
• Last Synced: 2024-10-02T06:43:27.913Z (about 2 months ago)
• Topics: actions, ci, ci-cd, cypress, e2e, e2e-tests, github-actions, percy, percy-io, vue
• Language: Vue
• Homepage:
• Size: 61.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# percy-study

[![.github/workflows/percy-integration.yml](https://github.com/renanstn/percy-study/actions/workflows/percy-integration.yml/badge.svg)](https://github.com/renanstn/percy-study/actions/workflows/percy-integration.yml)

> 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= 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