Testes de regressão visual com Cypress e Percy (básico)

Nesta aula iremos:

- Clonar o projeto a partir do GitHub (https://github.com/wlsf82/curso-cypress-percy)
- Inicializar um projeto Node.js
- Instalar o Cypress e o Percy
- Inicializar o Cypress e explorar sua estrutura de arquivos e diretórios
- Configurar o Percy para trabalhar em conjunto com o Cypress (https://docs.percy.io/docs/cypress)

Branch com a solução final da aula 1

Documentação oficial do Cypress
Documentação oficial do Percy

Documentação oficial do Percy para integração com o Cypress

Atenção na seção Upgrading from v2: https://docs.percy.io/docs/cypress#upgrading-from-v2

Nesta aula iremos:

- Criar uma conta no Percy.io

- Criar um projeto no dashboard do Percy

- Exportar o PERCY_TOKEN como variável de ambiente

Nesta aula iremos

- Conhecer a aplicação em teste
- Criar o primeiro teste de regressão visual com Cypress e Percy
- Executar o primeiro teste
- Aprovar a primeira snapshot no dashboard do Percy

Branch com a solução final da aula 3

Nesta aula iremos

- Criar e executar testes para diferentes cenários da aplicação em teste

- Aprovar as novas snapshots no dashboard do Percy

Branch com a solução final da aula 4

Nesta aula iremos:

- Entender o problema de conteúdos dinâmicos nos testes de regressão visual
- Criar um teste que gera um conteúdo dinâmico
- Executar o teste e aprovar a nova snapshot no dashboard do Percy
- Re-executar os testes e analisar um resultado falso negativo
- Corrigir o novo teste para lidar com elementos dinâmicos (https://docs.percy.io/docs/percy-specific-css)
- Re-executar os testes e aprovar a nova snapshot no dashboard do Percy
- Re-executar os testes sem resultados falsos negativos

Branch com a solução final da aula 5

Nesta aula iremos:

- Documentar o projeto

- Revisar os assuntos vistos nas aulas anteriores

Branch com a solução final da aula 6