🚀 Automação QA com Cypress

Este repositório contém diferentes implementações de automação de testes E2E usando Cypress, com exemplos variando entre Cypress Nativo, integração com Cucumber (BDD) e relatórios customizados para o New Relic.

---

Sites usados nos exemplos:

E-commerce (https://www.saucedemo.com)
Sistema bancário (https://barrigareact.wcaquino.me)

---

📂 Branches Disponíveis

Branch	Descrição
Main	Exemplo básico do cypress.	link
Cypress Nativo	Exemplo do cypress sem bdd.	link
Cypress com BDD	Exemplo do cypress usando cucumber, multi-reports html e page object.	link
Report para New Relic	Exemplo de integração do cypress chamando API do new relic. CI/CD	link

---

⚙️ Instalação e Execução do Projeto

Este guia ajudará você a instalar as ferramentas necessárias e executar o projeto de automação de testes. O Cypress é um framework de testes E2E que facilita a criação, execução e depuração de testes com uma abordagem moderna e interativa.

Requisitos

Antes de começar, certifique-se de ter o seguinte instalado:

• Node.js (versão LTS) - Download aqui
• Visual Studio Code (VS Code) - Download aqui
• Cypress (Será instalado como dependência do projeto)

🚀 Passos de Instalação

1. Instalação do Node.js

1. Acesse o site oficial do Node.js e baixe a versão LTS mais recente.

2. Execute o instalador e siga as instruções clicando em Next até o final.

3. Após a conclusão, confirme a instalação executando o comando abaixo no terminal:

   node -v

   Isso deve retornar a versão do Node.js instalada.

2. Instalação do Visual Studio Code

1. Baixe e instale o Visual Studio Code aqui.
2. Execute o instalador, clique em Next até o final e depois em Finish para concluir a instalação.

3. Clonando o Repositório

No terminal, execute os comandos abaixo para clonar este repositório e instalar as dependências:

git clone https://github.com/caioandrian/cypress_e2e.git
cd cypress_e2e
npm install

4. Extensões VS Code

Lista de plugins que podem auxiliar no desenvolvimento da automação.

• JavaScript (ES6) code snippets
• Commit Message Editor - Formatador de commits
• Markdown Preview Enhanced - Visualizador de arquivos .md
• Prettier - Code formatter - Formatador de código
• Material Icon Theme
• Cucumber (Gherkin) Full Support
• Cypress-cucumber-generator
• Snippets and Syntax Highlight for Gherkin (Cucumber)
• Bracket Pair Colorizer 2
• Add Only
• Cypress Snippets
• ES6 Mocha Snippets

--- FIM ---