Como os demais curso da Escola Talking About Testing que já fiz, o curso de Cypress e Percy explora com uma excelente didática os fundamentos do visual regression testing . Com exemplos práticos, já consigo aplicar em algumas demandas do meu dia-a-dia.
Fernando Pimentel
Senior Test Analyst, Test Automation Analyst
O que você vai aprender?
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
Nesta aula iremos
- Criar e executar testes para diferentes cenários da aplicação em teste
- Aprovar as novas snapshots no dashboard do Percy
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
Nesta aula iremos:
- Documentar o projeto
- Revisar os assuntos vistos nas aulas anteriores
Sobre o curso
Neste curso você irá aprender o básico para integrar o framework Cypress com o serviço Percy para a escrita e execução de testes automatizados de comparação de snapshots, também conhecidos como testes de regressão visual.
Durante o curso você irá aprender:
- Como fazer o setup inicial do projeto
- Como criar uma conta no serviço Percy, como criar um projeto e como exportar o project token.
- Como escrever e executar o primeiro teste automatizado com Cypress e Percy
- Como testar outros cenários da aplicação
- Como lidar com elementos dinâmicos
- Como manter uma documentação enxuta para o projeto
Conheça o(a) professor(a)
Walmyr Filho
Engenheiro de software, embaixador do Cypress.io, skatista, blogger, escritor, YouTuber e...
Profissional de engenharia de software com foco em garantia da qualidade desde 2004, clean coder, autor do blog talkingabouttesting.com, autor do canal TalkingAboutTesting no YouTube, Embaixador do Cypress.io, autor do livro Protractor - Lições sobre testes end-to-end automatizados, publicado pela editora Casa do Código, mentor, mantenedor da biblioteca protractor-helper, ativo membro de comunidades de desenvolvimento de software, voluntário, coordenador e palestrante em eventos de tecnologia no Brasil e na Europa, e uma pessoa com sede de compartilhar conhecimento.
Website: walmyr.dev
GitHub: wlsf82
Twitter: @walmyrlimaesilv
