Cypress Para Iniciantes | e2e Tests Em Frontend Apps | Erick Wendel

Cypress, uma das ferramentas mais populares do mundo e incrível para testar aplicações Web.
Cypress Para Iniciantes | e2e Tests Em Frontend Apps | Erick Wendel
Nesse video vou te mostrar como testar uma aplicação web do ponto de vista de usuários, inserindo valores, clicando em botões, disparando teclas e mais

De quebra, vou te mostrar como configurar um ambiente de integração contínua no GitHub Actions para que qualquer alteração no repositório faça com que a bateria de testes validade se o projeto continua funcionando

E para fechar, preparei desafios para você praticar e sair aplicando por toda a parte no seu trabalho

E aí, bora ver?

✅ MÉTODO TAJS

📌 Oportunidade TAJS: https://bit.ly/tajs-oportunidade0411

📌 Grupo de avisos no whats app: https://ewbr.cc/ew-grupo-whatsapp

✅ CÓDIGO FONTE DA AULA

Aplicação a ser testada: https://github.com/ErickWendel/vanill...
Código fonte completo: https://bit.ly/cypress-for-begginers-...

✅ CHAPTERS

00:00 - O que você vai ver neste video
00:43 - Porque você deveria começar criar testes automatizados hoje mesmo
01:09 - O que você vai ver nesta aula
01:25 - Dicas de conteúdo sobre testes automatizados
01:55- Inicio da demo
02:10 - Versão do node.js usada no projeto
02:20 - Conheça o repositório do projeto base
03:24 - Inicializando um projeto node.js
04:11 - O arquivo da especificação de cenário de testes
04:48 - O desafio desta aula
05:23 - Versão do cypress utilizada e configuração básica
06:47 - Baixando o NTL para ver os scripts no package.json
07:18 - Configurando os testes e2e no cypress
09:05 - Adicionando configurações no cypress.config
10:41 - Testando o outro script
12:00 - Definindo a url do site na configuração
12:39 - Checando a especificação e criando as suites de testes
15:26 - Interagindo com o form de imagens
17:48 - Criando o primeiro teste, para verificar titulo e URL
19:19 - Testando as alterações
19:52 - Replicando o primeiro teste para o segundo teste
20:25 - Usando a linha do tempo de execução do Cypress
20:56 - Criando o teste para o click submit
21:45 - Validando se os campos estão corretos
22:28 - Funções do Cypress para validar objetos
23:04 - Testando alterações e corrigindo teste
23:47 - Como inspecionar os valores com debugger
24:51 - Replicando o teste para validar a URL
25:26 - Validando a cor do title input (vermelho para erro e verdade para sucesso)
27:54 - Buscando a cor da borda do title input
29:46 - Validando o campo de cor da borda com o assert
31:09 - Limpando o localStorage, para um teste não sujar o outro
32:00 - Adicionando uma Github Action para rodar os testes do projeto a cada git push
36:18 - Alguns detalhes do projeto completo
37:10 - Considerações finais sobre esta aula
37:59 - Erros de gravação
38:24 - Se inscreva no canal e compartilhe esse video!