O Cypress.io é um framework de testes automatizados e está cada vez mais conhecido no mercado de testes.
Os benefícios de utilização do Cypress.io incluem: instalação e configuração rápida e fácil, o poder rodar em vários navegadores, e ainda ser rápido e seguro. Para além disso, esta ferramenta permite realizar vários tipos de testes: End-to-end – Ponta a Ponta; User Interface – UI; API – Interface de Programação de Aplicações; Componente; Unidade; Emulação Mobile. Finalmente, as tecnologias que podem ser usadas pelo Cypress são: JS; Javascript/Typescript; CoffeScript; Moca; Chai e Assíncrono.
Agora que já percebeu a variedade de testes que podem ser feitos e ainda a quantidade de tecnologias que podem ser usadas pelo Cypress, neste artigo eu vou-te explicar, passo por passo, como fazer a instalação dessa ferramenta e começar logo a utilizá-la no seu dia a dia de trabalho.
Cypress: instalação passo a passo
Antes de poder começar a utilizar esta ferramenta, será necessário fazer as seguintes instalações:
- Node.js, para baixar clique aqui.
Após baixar, basta realizar next/next até o final.
- npm (gerenciador de pacotes JavaScript).
Já vem com o Node.js
- Cypress
- Editor de texto ou IDE (utilizaremos o VS Code, clique aqui para baixar)
Para garantir que tudo está instalado, abra o cmd e digite os comandos abaixo:
- node –version
node –version
- npm –version
npm –version
Instalando o cypress via VScode
Criar uma pasta onde irá instalar o projeto cypress. Abra o VS Code e clique em terminal, digite mkdir nomedapasta e tecla enter e depois entre na pasta digitando cd nomedapasta
Execute code . irá abrir uma nova janela do vs code , vá para a nova janela do vs code
Abra o terminal e digite o comando npm init –y para criar o arquivo package.json.
observe que já criou o arquivo package.json
Pode fechar a primeira janela do VSCode, vamos usar apenas a janela nova que tem o arquivo package.json
Para executar o Cypress pela primeira vez de forma simples e rápida, vamos editar o arquivo package.json inserindo o comando abaixo em “scripts”:
“open”: “cypress open”
Salve as alterações com ctrl+s
Agora novamente no terminal, digite npm install cypress isso pode levar um tempinho.
Note que ele já instalou os módulos do node e outras configurações.
Agora vá ao terminal e execute o comando npm run open
O Cypress abrirá uma interface bastante amigável para acompanhar a execução dos testes enquanto os arquivos specs são editados.
Vou escolher o E2E Testing , clicando em cima do nome. Em seguida, o programa pergunta-me qual navegador eu vou usar, vou escolher o Chrome e clicar em “Start E2E Testing in Chrome”.
Vou clicar em “Scaffold example specs” para visualizar os exemplos que o Cypress disponibiliza.
E agora é só clicar em “Okay, I got it!”, escolher os exemplos e divertir-se com essa ferramenta super útil!
Cypress: considerações finais
A prática atual de testes automatizados é uma estratégia muito satisfatória para evitar alto orçamento de desenvolvimento de software e atrasos na entrega.
A adoção bem-sucedida de abordagens para automação de testes depende de vários fatores, desde seguir boas práticas para concepção, modelo e codificação dos scripts de testes, até à execução das suites de testes e resultados de relatórios, considerando o conhecimento da equipe para aprender, corrigir e evoluir os artefatos do projeto de testes.
Com isso, o Cypress vem com a promessa de agilizar e facilitar o aprendizado e a implementação.
Espero que este artigo tenha servido como um guia prático na instalação da ferramenta. Qualquer dúvida ou comentário, esteja à vontade para colocar diretamente aqui no artigo.
