Imersão em Cypress

Para você explorar automação de testes na prática


Hey! Perdeu o conteúdo da Imersão?

Faça um fork deste projeto e nos acompanhe no Youtube, Instagram e Telegram para não perder nossos próximos eventos.


Setup

Pré-requisitos:

  • Instalar o NodeJS
  • Instalar um editor de texto, como o Visual Studio Code
  • Instalar o Git (caso queira trabalhar com projeto em sua máquina)

Execução

Para executar os testes em sua máquina, você pode baixar esse projeto usando o Github e seguir os passos abaixo:

  1. Instalar as dependências configuradas do package.json, usando o comando: npm install
  2. Abrir o Cypress e selecionar a spec que você quer executar
  3. Executar uma spec específica no modo headless com o comando: npx cypress run

Conteúdo abordado:

Conteúdo abordado durante o treinamento de Cypress do evento Imersão do Agilizei

Cypress

  • Como implementar uma técnica de escrita de cenários legíveis
  • Como pensar usando o Arrange Act Assert
  • Como criar o primeiro projeto com Cypress
  • Como interagir com local storage
  • Como usar requests (com GraphQL)
  • Como usar comandos customizados
  • Como documentar comandos customizados
  • Como mapear elementos usando get / contains
  • Como adicionar uma asserção usando o should
  • Como iterar em uma lista de elementos usando o each
  • Como usar mocks para isolar o teste de fatores externos
  • Como trabalhar com hooks durante o teste
  • Como aplicar algumas boas práticas (baseUrl, evitar navegação quando possível)
  • Como executar os testes no modo headless e visualizar o vídeo

Javascript

  • Variáveis e constantes
  • Funções
  • Condicional
  • Stringificação de objetos
  • Desestruturação de objetos

Integração Contínua

  • Execução dos testes
  • Download dos artefatos

Boas práticas

  • Pular navegação entre as telas (quando possível)
  • Definir uma URL base global
  • Usar de múltiplas asserções
  • Escrever cenários com boa legibilidade
  • Seguir convenção AAA no fluxo de teste
  • Isolar fatores externos (quando necessário)
  • Documentar comandos customizados
  • Documentar seu projeto

Desafio

Execute seu teste com o npx cypress run e veja se os testes passaram. Deu certo? Compartilhe o vídeo gerado de sua execução no LinkedIn com a hashtag #AgilizeiEuConsegui e nos marque (perfil Samuel Lucas ou página Agilizei) ⚡️


Bons estudos - Agilizei Team ⚡️