Antes de começarmos a configurar o Cypress e escrever scripts de teste automatizados, deixe-me apresentar a aplicação que testaremos ao longo deste curso.
A aplicação se chama Central de Atendimento ao Cliente TAT - CAC TAT - e foi desenvolvida usando HTML, CSS e JavaScript.
A Aplicação CAC TAT simula o envio de mensagens para uma central de atendimento ao cliente.
Os seguintes campos são obrigatórios e devem ser preenchidos antes do envio do formulário:
- Nome (campo do tipo de texto)
- Sobrenome (campo do tipo de texto)
- E-mail (campo do tipo e-mail, com validação)
- Como podemos te ajudar? Algum elogio ou feedback para nós? (campo de área de texto)
Além dos campos obrigatórios, o “cliente” pode inserir:
- Telefone (campo do tipo número)
- Produto (campo suspenso com as opções: Blog, Cursos, Mentoria ou YouTube)
- Tipo de atendimento (campos do tipo radio com as opções: Ajuda, Elogio ou Feedback)
- Meio de contato preferencial (caixa de seleção com as opções: E-mail e/ou Telefone)
- Adicione um anexo (campo do tipo arquivo)
- Quando a caixa de seleção do telefone é marcada, o input do número de telefone torna-se obrigatória
- Ao desmarcar a caixa de seleção do telefone, a inserção do número de telefone deixa de ser obrigatória
Ao clicar no link Política de Privacidade na parte inferior da página, ela abre em uma nova aba do navegador.
Validar os campos obrigatórios!
✅ Quando o formulário é enviado com sucesso, a seguinte mensagem é exibida com fundo cinza: Mensagem enviada com sucesso.
Além disso, todos os campos voltam ao seu estado inicial.
Ambas as mensagens são exibidas por apenas três segundos. Depois disso, elas desaparecem.
Durante o curso, desafio você a testar todas as funcionalidades da aplicação CAC TAT, além de configurar um workflow de integração contínua que é executado quando alterações são enviadas para o GitHub, e integração com o Cypress Cloud, para se beneficiar de dados analíticos de testes, gestão de testes, replay dos testes e muito mais.
Espero que você esteja tão ansioso(a) para começar quanto eu para guiá-lo(a) ao longo do caminho! 🧑🏫
Vá para a lição 0 para configurar o projeto de testes.