Repositório do curso básico de testes de regressão visual com Cypress e Percy da Escola Talking About Testing.
Setup inicial
Conteúdo da aula
- Clone do projeto (git clone [email protected]:wlsf82/curso-cypress-percy.git)
- Inicialização de um projeto Node.js (npm init -y)
- Atuazação da licença (MIT), script de teste (percy exec -- cypress run), keywords (cypress, percy) e autor (nome, email e website)
- Instalação do Cypress e Percy (npm i cypress @percy/cypress -D)
- Inicialização do Cypress (npx cypress open) e sua estrutura de arquivos e diretórios
- Atualização do arquivo .gitignore (cypress/screenshots/ e cypress/videos/)
- Configurando o Percy para trabalhar em conjunto com o Cypress (https://docs.percy.io/docs/cypress)
- Documentação oficial do Cypress (https://docs.cypress.io/guides/overview/why-cypress.html)
- Documentação oficial do Percy (https://docs.percy.io/docs)
Conteúdo da aula
- Criando uma conta no percy.io
- Criação do projeto
- Exportação do project token
Primeiro teste
Conteúdo da aula
- Conhecendo a aplicação em teste
- Criação do primeiro teste de regressão visual com Cypress e Percy
- Execuação do primeiro teste
- Aprovação da snapshot no dashboard do Percy
Testando outras variações
Conteúdo da aula
- Criação do teste de preenchimento do formulário com um e-mail inválido
- Criação do teste de preenchimento de todos os campos obrigatórios do formulário
- Criação do teste de seleção de mais de um ticket VIP
- Execuação dos novos teste
- Aprovação das novas snapshots no dashboard do Percy
Testes com conteúdos dinâmicos
Conteúdo da aula
- O problema de conteúdos dinâmicos nos testes de regressão visual
- Criação do teste para submissão do formulário com sucesso
- Execução dos testes
- Aprovação da nova snapshot no dashboard do Percy
- Re-execução dos testes
- Falso negativo
- Lidando com elementos dinâmicos - https://docs.percy.io/docs/percy-specific-css
- Re-execução dos testes
- Aprovação da nova snapshot no dashboard do Percy
- Re-execução dos testes sem resultados falsos negativos
Fechamento
Conteúdo da aula
- Documentação do projeto (atualização do README.md)
- Resumo do curso (instalação, configuração, dashboard do Percy, execução dos testes, aprovação de snapshots, e econteúdos dinâmicos)
- Indo além (#ReadTheDocs)
- Novos cursos... em breve!
Um curso da Escola Talking About Testing.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent