Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vulgolari/grocery-crud

Automação de Testes Front-End com Cypress e BDD. O projeto inclui cenários de teste para adição, edição, exclusão e busca de clientes em uma aplicação web, utilizando Page Object Model.
https://github.com/vulgolari/grocery-crud

automation-testing bdd cypress githubaction-workflow javascript page-object-model

Last synced: about 14 hours ago
JSON representation

Automação de Testes Front-End com Cypress e BDD. O projeto inclui cenários de teste para adição, edição, exclusão e busca de clientes em uma aplicação web, utilizando Page Object Model.

Awesome Lists containing this project

README

        

# Grocery CRUD

Front-End Test Automation with Cypress and BDD. The project includes test scenarios for adding, editing, deleting, and searching for customers in a web application, using the Page Object Model.

## Project Description

Grocery CRUD is a simple, customizable, and extensible CRUD (Create, Read, Update, Delete) generator. This project focuses on automating the testing of key functionalities of the Grocery CRUD application, ensuring its reliability and correctness through comprehensive test scenarios.

## Features

- **Automated Testing:** Uses Cypress for end-to-end testing.
- **BDD:** Utilizes Cucumber syntax for defining test scenarios.
- **Page Object Model:** Organized test structure with the Page Object Model (POM) pattern.
- **Reporting:** Integrates Mochawesome for generating detailed test reports with screenshots.

## Test Scenarios

The following test scenarios are implemented:

- Add Customer and Verify Success Message
- Delete Customer and Verify Deletion Message
- Edit Customer and Verify Success Message
- Cancel Customer Deletion

## Installation

To set up and run the tests, follow these steps:

1. **Clone the repository:**
```sh
git clone https://github.com/vulgolari/grocery-crud.git
cd grocery-crud
```

2. **Install dependencies:**
```sh
npm install
```

3. **Run the tests:**

To open Cypress Test Runner:
```sh
npm run test
```

To run tests in headless mode:
```sh
npm run run
```

## Reporting

To generate test reports using Mochawesome:

1. **Run the tests:**
```sh
npm run mochawesome:report
```

2. **Open the Mochawesome report:**
```sh
npm run mochawesome:open
```

The report will be generated in the `cypress/reports/mochawesome` directory and will include detailed information about the test runs, including screenshots and videos.

## Project Structure

- `cypress/integration/features`: Contains the feature files written in Gherkin syntax.
- `cypress/step_definitions`: Contains the step definitions for the feature files.
- `cypress/pageObjects`: Contains the Page Object Model (POM) classes.

## Configuration

The Cypress configuration is located in `cypress.config.js`. Update the configuration as needed to match your environment and requirements.

## Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

## License

This project is licensed under the MIT License.