QAs em uma nova jornada: desafios utilizando Cypress
Tags: cypress, qa
Published: 2019-12-16 23:30:34

---
title: QAs em uma nova jornada: desafios utilizando Cypress
published: true
tags: Cypress, QA
---

Por: Andressa Roberts e Lucas Carmichael

Acho que em nossos mundos algumas coisas sempre foram muito difíceis, por isso nossa dedicação foi e é fundamental para que consigamos atingir nossos objetivos a curto, médio e a longo prazo. 

Resolvemos compartilhar um pouco do nosso conhecimento e das aventuras desses últimos dias.

Sempre tivemos uma série de questionamentos: "Vamos automatizar tudo?”, “Como iremos fazer isso?”, “O que usaremos para automatizar?”, “Qual o impacto em nossas vidas?”, “Qual o impacto em nossa empresa?”, “Quão aberta é a cabeça do nosso time para conceito de automação?”. Mas pouco sabíamos sobre esse universo na prática.

Eis que, por esses dias, houve uma conversa por “WhatsZap” e nele surgiu a idéia de estudarmos uma ferramenta de automação (juntos), porém os pontos chaves que procuramos encontrar era simplicidade ao escrever os testes, praticidade em criar e definir as estruturas de nossa suíte de teste e a qualidade na entrega de nosso projeto final.  

Então decidimos automatizar um projeto com um framework/ferramenta que ainda não tínhamos contato e cremos que muitos QAs por aí ainda não tenham: O Cypress, que utiliza em sua essência a linguagem de programação JavaScript para escrita dos testes. Definimos também um site para ser a “cobaia” de nossas automações, o [OrangeHRM Demo](https://opensource-demo.orangehrmlive.com/), pois a diversidade de elementos para se aprender e brincar é extensa e o mesmo é próprio para realização de teste de software automatizados.
Em nossas impressões iniciais sobre o Cypress, levantamos alguns pontos que consideramos interessantes:

Prós:
- É FREE e open source.
- Sua instalação é simples.
- A estruturação do projeto é fácil e prático o entendimento.
- É inteligente: cada vez que o teste é salvo estando em execução no seu computador, assim que o CTRL+S é pressionado, é disparado um comando que roda parcialmente ou todo os nossos testes já criados.
- Tem uma interface gráfica agradável e de fácil utilização.
- Permite verificar o estado da aplicação antes e depois da ação disparada. 


*Tela inicial do framework Cypress*

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ek37rd5bym2nes0z6y7w.png)

*Execução dos testes no  framework Cypress (Before)*

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/npbucpqa3vwfspykfbdw.png)

*Execução dos testes no  framework Cypress (After)*

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/4yqmf41ux8ozwz91gfbs.png)
 

- As esperas no Cypress são automáticas! Adeus esperas implícitas e explícitas XD
- Permite realizar testes end-to-end e teste em APIs.
- É headless mode, ou seja, não requer uma interface gráfica ou browser (aberto) para executar os testes.
- Vídeos são salvos após a execução dos testes para posterior verificação e evidências.
- Quando os testes falham o Cypress tira screenshots do estado anterior e posterior de onde falhou.
- Permite executar teste no próprio navegador (Google Chrome), onde o código da sua aplicação se encontra possivelmente.
- Comunidade é ativa e cada vez mais crescente.

Contras:

- Apenas executa teste no navegador Google Chrome, ou extensões do mesmo como (Electron).
- Grande parte do Material está em inglês (Em terra de Google Translate isso não é mais um problema tão grande!) 

Para nos ajudar a organizar as tarefas, estamos utilizando o **Trello**. Dividimos as funcionalidades e a princípio simplificamos a estrutura em backlog, in progress, code review e done.

Além do Trello e do Cypress em si, também estamos utilizando o **gitlab** pra disponibilizar o projeto e queremos no final do aprendizado executar nossos testes no processo de CI (Integração Contínua).

Sabemos que por ser relativamente recente, iremos encontrar algumas barreiras, o que pode gerar algumas dificuldades na resolução de possíveis problemas que possamos enfrentar. Mas decidimos dar uma chance e ver se a promessa da *próxima ferramenta de teste de última geração para front-end de aplicações web modernas* será de fato uma experiência completa, real e agradável.

No próximo texto vamos abordar os procedimentos para instalação e um pouco da estrutura do Cypress. 

Fontes que estamos utilizando nesta jornada:
- [Teste de Aplicações Modernas com Cypress. Autor: Francisco Wagner da Costa Aquino]  (https://www.udemy.com/share/102gwkA0IdcF1RRnw=/)
- [Testes Automatizados com Cypress (Básico). Autor: Walmyr Filho (Talking About Testing)](https://talkingabouttesting.coursify.me/courses/testes-automatizados-com-cypress-basico)
- [Documentação Oficial Cypress.](https://docs.cypress.io/guides/overview/why-cypress.html#In-a-nutshell)