Nesta série de exercícios para Cypress, o objetivo é construir uma base sólida para quem está começando, mas também oferecer desafios que estimulem o aprendizado de níveis intermediários. O primeiro passo é abrir uma página web usando o Cypress e validar que o título da página está correto. Isso é fundamental, pois garante que a navegação até a página foi realizada com sucesso e que o conteúdo básico está disponível. Por exemplo, ao acessar um site de demonstração, como o endereço oficial de exemplos do Cypress, o teste deve verificar se o título da aba do navegador contém o nome “Cypress”. Essa validação simples ajuda a consolidar o uso dos comandos básicos para acessar a URL e fazer assertivas sobre o conteúdo carregado.
Depois, avançamos para um exercício que envolve interagir com formulários na página. Aqui, você aprende a localizar campos de entrada, preencher dados válidos, e submeter o formulário para que a aplicação responda de acordo. Por exemplo, em uma página de testes, o usuário poderá preencher um campo de email com um endereço válido e clicar no botão de envio. Após a submissão, o teste deve verificar se uma mensagem de confirmação aparece, ou se a aplicação redireciona para outra página. Essa prática é essencial para validar processos que envolvem a interação do usuário com formulários, uma atividade comum em testes automatizados.
Em seguida, há um exercício dedicado a validar conteúdos dinâmicos que aparecem na tela, utilizando comandos específicos do Cypress como .contains() para localizar elementos com determinado texto, e .should() para verificar propriedades desses elementos, como visibilidade, estilo ou classe CSS aplicada. Isso é importante para garantir que a interface reage corretamente às interações ou ao carregamento dos dados, confirmando que textos esperados estão presentes e com as características corretas.
Um desafio um pouco maior é trabalhar com múltiplos elementos, especialmente listas, onde o teste deve localizar todos os itens de uma lista, interagir com um item específico, como clicar no terceiro elemento, e também contar quantos itens existem no conjunto. Esses comandos são úteis quando o sistema apresenta dados em tabelas ou listas, e o teste precisa garantir que a quantidade de itens e o conteúdo estão corretos.
Além disso, o Cypress permite criar comandos personalizados, o que é um recurso valioso para tornar os testes mais organizados e reutilizáveis. Um exercício propõe que você crie um comando customizado para executar um fluxo comum, como realizar login em uma aplicação. Esse comando encapsula as etapas de preencher usuário, senha e clicar para entrar, e depois pode ser chamado em diversos testes, evitando repetição e facilitando a manutenção.
Outro ponto importante na automação é o controle das requisições feitas pelo sistema para APIs. Com o comando cy.intercept(), você pode capturar essas chamadas, modificar a resposta para dados mockados e validar que a interface do usuário está exibindo as informações simuladas. Essa técnica permite isolar os testes da instabilidade do backend, acelerar o fluxo e garantir que a interface se comporte corretamente com diferentes respostas.
Navegar entre páginas da aplicação é uma atividade frequente em testes de interface. Por isso, um exercício estimula você a clicar nos links de navegação, validar que a URL mudou conforme esperado e que conteúdos específicos de cada página aparecem corretamente. Essa prática ajuda a verificar o funcionamento das rotas, garantindo que o usuário conseguirá transitar sem erros entre as diferentes telas.
Testar a validação de dados em formulários é fundamental para garantir que o sistema impeça entradas incorretas e aceite somente informações válidas. Nesse exercício, você deve preencher um formulário com dados inválidos para verificar se as mensagens de erro aparecem corretamente. Em seguida, corrigir os dados e submeter o formulário para garantir que a aplicação aceite a entrada e avance no fluxo esperado. Esse tipo de teste assegura a qualidade da validação no frontend.
O upload e o download de arquivos também são cenários comuns que precisam ser testados. Você deve criar testes que enviem um arquivo em um formulário e validem que o sistema aceitou o arquivo, exibindo-o na interface ou confirmando o envio. Para o download, o teste simula o clique para baixar um arquivo e pode verificar que a requisição foi disparada corretamente, mesmo que não consiga validar o arquivo fisicamente no disco. Esse exercício é importante para aplicações que trabalham com documentos, imagens ou relatórios.
Por fim, o desafio maior é construir um teste end-to-end completo, simulando um fluxo realista de uso da aplicação. Imagine um cenário onde o usuário se cadastra, realiza login, cria um novo item como uma tarefa ou postagem, edita essa informação e depois exclui. Durante esse fluxo, você pode usar comandos customizados para evitar repetição, além de interceptar chamadas para acelerar os testes. Esse exercício integra todo o conhecimento anterior e ajuda a garantir que o sistema funcione corretamente do início ao fim da jornada do usuário.
