https://github.com/ortegavan/recipes-e2e
Testes E2E aplicados ao My Recipe Book
https://github.com/ortegavan/recipes-e2e
cypress
Last synced: about 1 year ago
JSON representation
Testes E2E aplicados ao My Recipe Book
- Host: GitHub
- URL: https://github.com/ortegavan/recipes-e2e
- Owner: ortegavan
- Created: 2025-04-30T16:19:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-26T00:01:22.000Z (about 1 year ago)
- Last Synced: 2025-06-20T01:50:54.954Z (about 1 year ago)
- Topics: cypress
- Language: JavaScript
- Homepage:
- Size: 26.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Testes E2E aplicados ao My Recipe Book
### Fase 1
Detalhes em: https://www.notion.so/Fase-1-1e24e46e326680bd818bc6b10b587b01?pvs=4
1. Inicializar um projeto Node.js:
```bash
npm init -y
```
2. Instalar o Cypress:
```bash
npm install cypress --save-dev
```
3. Abrir o Cypress pra gerar a estrutura inicial:
```bash
npx cypress open
```
4. Criar o primeiro teste em `cypress/e2e/primeiro-teste.cy.js`; visitar a aplicação:
```javascript
describe('Primeiro teste', () => {
it('Deve visitar a página inicial da aplicação', () => {
cy.visit('https://meulivrodereceitas.vercel.app/');
cy.url().should('include', '/home');
});
});
```
5. Executar o teste em modo headless:
```bash
npx cypress run --spec "cypress/e2e/primeiro-teste.cy.js"
```
6. Criar o próximo teste em `cypress/e2e/verificacao-elementos.cy.js`; visitar a aplicação e verificar se os elementos básicos da página estão presentes:
```javascript
describe('Verificação de elementos', () => {
beforeEach(() => {
cy.visit('https://meulivrodereceitas.vercel.app/');
});
it('Deve verificar se o título da página está presente', () => {
cy.contains('my recipe book').should('be.visible');
});
it('Deve verificar se o menu de navegação está presente', () => {
cy.contains('a', 'Home').should('be.visible');
cy.contains('a', 'Minhas receitas').should('be.visible');
cy.contains('a', 'Meus favoritos').should('be.visible');
cy.contains('a', 'Minha conta').should('be.visible');
});
it('Deve verificar se a barra de pesquisa está presente', () => {
cy.get('input[placeholder*="Procurar receitas"]').should('be.visible');
});
});
```
### Fase 2
Detalhes em: https://www.notion.so/Fase-2-1e54e46e326680aeb73cda4d0e337e2d?pvs=4
1. Criar testes em `cypress/e2e/navegacao.cy.js` que visitam os links para área logada e verificam se o redirecionamento para o login está correto;
2. Criar um teste em `cypress/e2e/pesquisa.cy.js` que pesquisa uma receita existente e verifica se o resultado é exibido corretamente.