Testes automatizados com Cypress e Percy (básico)

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

Testes automatizados com Cypress e... Testes automatizados com Cypress... Testes automatizados... Escola Talking About Testing
R$39,99 R$ 29 , 99 Pague com PayPal

Setup inicial do projeto

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

Escola Talking About Testing

Aprenda sobre teste de software online
Tecnologia
Tec coursify