Cypress@12.2.0 + Mark L - Gerenciador de Tarefas

Repositório do projeto de testes End-to-end (E2E) feitos com Cypress 💚 para o web app de demonstração: Mark L - Gerenciador de Tarefas.

IDE utilizada nesse projeto

VS Code versão 1.88.1

• Extensões
  • One Dark Pro (Darker)
  • Material Icon Theme
  • Cucumber (Gherkin) Full Support
  • SQLite Viewer

Pré-requisitos

Você vai precisar dos seguintes sistemas instalados em seu computador:

• Windows Terminal
• Node.js versão v18.12.1
  • NPM versão 8.19.2
• Git versão 2.43.0.windows.1

Note

Durante a instalação do Node.js o NPM é automaticamente instalado.

Important

Para a instalação do Git garantir que as opções "Git Bash Here" e "(NEW!) Add a Git Bash Profile to Windows Terminal" estejam marcadas ✅.

Instalação

Após clonar o repositório, instalar as dependências da web app que estão na pasta /apps/markL/

1. Pasta api - API do gerenciador de tarefas, execute o comando

npm i

2. Para inicializar e criar o banco de dados SQLite da API, execute o comando

npm run db:init

3. Colocar API em execução

npm run dev

4. Pasta web - Interface gráfica do gerenciador de tarefas, execute o comando

npm i

5. Colocar Interface gráfica em execução

npm run dev

Métodos HTTP

Requisições para a API REST

🟢 GET /Task list

curl --request GET \
  --url http://localhost:3333/tasks

🟡 POST /New task

curl --request POST \
  --url http://localhost:3333/tasks \
  --header 'Content-Type: application/json' \
  --data '{
	"name": "Comprar ketchup",
	"is_done": false
}'

🔵 PUT /Update task

curl --request PUT \
  --url http://localhost:3333/tasks/8b161cff-5485-4a06-aaa3-5cde44d34es \
  --header 'Content-Type: application/json' \
  --data '{
	"is_done": true
}'

🔴 DELETE /Remove task by name

curl --request DELETE \
  --url http://localhost:3333/helper/tasks \
  --header 'Content-Type: application/json' \
  --data '{
	"name": "Ler um livro de Node.js"
}'

🔴 DELETE /Remove task

curl --request DELETE \
  --url http://localhost:3333/tasks/2aa7dc4e-7148-4ed7-936e-fc9167a4deb8

Como executar

Testes

Você pode executá-los tanto em modo interativo, como em modo headless.

1. Instalar as dependências do Cypress que estão na pasta raiz /, execute o comando

npm i

2. Para rodar todos os testes em modo headless, execute o comando

npx cypress run --env allure=true

3. O relatório de execução dos testes pode ser visualizado com Allure Report, execute o comando

npx allure serve

Warning

É necessário o Java 8 para executar o binário do Allure Reports.

Tip

Execute os testes através do Lauchpad, modo interativo do Cypress, com o comando npx cypress open.

Funcionalidades Testadas

home

• webapp deve estar online

tarefas > cadastro

• deve cadastrar uma nova tarefa
• não deve permitir tarefa duplicada
• campo obrigatório

tarefas > atualização

• deve concluir uma tarefa

tarefas > exclusão

• deve remover uma tarefa