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

Aprenda como criar testes de comparação de snapshots de forma rápida e simples

Testes de regressão visual com... Testes de regressão visual com... Testes de regressão... Escola Talking About Testing
R$39,99 R$ 29 , 99 Pague com PayPal

O que você vai aprender?

Testes automatizados com Cypress e Percy (básico)
Setup inicial do projeto Aula gratuita!

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

Video
Conteúdo da aula
Vídeo - 297 MB
Percy.io
lock

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

Video
Conteúdo da aula
Vídeo - 63,9 MB
Escrevendo o primeiro teste automatizado com Cypress e Percy
lock

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

Video
Conteúdo da aula
Vídeo - 118 MB
Testando outros estados da aplicação
lock

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

Video
Conteúdo da aula
Vídeo - 243 MB
Lidando com a dinamicidade em aplicações web
lock

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

Video
Conteúdo da aula
Vídeo - 299 MB
Documentação do projeto e resumo do curso
lock

Nesta aula iremos:

- Documentar o projeto

- Revisar os assuntos vistos nas aulas anteriores

Branch com a solução final da aula 6

Video
Conteúdo da aula
Vídeo - 214 MB

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

Saiba mais

Conheça o(a) professor(a)

Walmyr Filho

Engenheiro de software, skatista, blogger, escritor, YouTuber e apaixonado por tecnologia

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

Escola Talking About Testing

Aprenda sobre teste de software online
Tecnologia
Tec coursify