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.