Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caioandrian/cypress_e2e
cypress nativo, page object, cucumber, new relic
https://github.com/caioandrian/cypress_e2e
bdd cucumber cypress grep-plugin html-reporter page-objects
Last synced: 3 days ago
JSON representation
cypress nativo, page object, cucumber, new relic
- Host: GitHub
- URL: https://github.com/caioandrian/cypress_e2e
- Owner: caioandrian
- License: mit
- Created: 2023-09-02T14:56:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-03T13:25:27.000Z (3 months ago)
- Last Synced: 2024-11-01T16:21:18.458Z (about 2 months ago)
- Topics: bdd, cucumber, cypress, grep-plugin, html-reporter, page-objects
- Language: JavaScript
- Homepage:
- Size: 64.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 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](https://github.com/caioandrian/cypress_e2e/tree/main) |
| **Cypress Nativo** | Exemplo do cypress sem bdd. | [link](https://github.com/caioandrian/cypress_e2e/tree/saucedemo-cypress-nativo) |
| **Cypress com BDD** | Exemplo do cypress usando cucumber, multi-reports html e page object. | [link](https://github.com/caioandrian/cypress_e2e/tree/cypress-cucumber-bdd) |
| **Report para New Relic** | Exemplo de integração do cypress chamando API do new relic. CI/CD | [link](https://github.com/caioandrian/cypress_e2e/tree/report-to-newrelic) |
---
## ⚙️ 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](https://nodejs.org/en/)
- **Visual Studio Code (VS Code)** - [Download aqui](https://code.visualstudio.com/download)
- **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](https://nodejs.org/en/) 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:
```bash
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](https://code.visualstudio.com/download).
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:
```bash
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 ---