PRODO - Test Automation with Cypress

Testing Overview

The automated tests in this repository are built using Cypress, a powerful end-to-end testing framework for web applications. The tests are organized following the Page Object Model (POM) pattern, enhancing readability and maintainability. Each feature of the application has its dedicated set of tests, ensuring comprehensive coverage and efficient debugging.

About PRODO

PRODO is a React application built with TypeScript, designed to help users monitor their productivity and improve their performance. It consists of three main components:

• Calendar: Allows users to add events, edit them, and delete them. Events can be added either by submitting a form or by using drag-and-drop functionality.
• Expense Tracker: Enables users to track their income and expenses, view their current balance, transaction history and visualize their financial data through charts.
• Goals Tracker: Lets users set and manage their goals across different categories, edit them, and delete them as needed.

The Home Page greets you with inspirational quotes fetched from an API, providing you with daily motivation to conquer your tasks. PRODO leverages LocalStorage to ensure your data remains intact across sessions.

Test Structure

• cypress/integration/tests: Contains the test files organized by feature, each focusing on specific functionalities such as calendar, expenses tracker, goals tracker, login and registration.
• cypress/integration/pageObject: Contains page object classes that encapsulate the elements and actions related to each page/component of the application, promoting code reusability and maintainability.
• cypress/fixtures: Contains JSON files with test data used by the tests, such as login credentials, calendar data, expenses data, goals data, and registration data.
• cypress/support/commands.js: Defines custom Cypress commands used across the tests to validate alerts, modals, and perform login actions with valid credentials.

Running the Tests Locally

To get started with running the tests, ensure you have Node.js and npm installed on your machine.

1. Clone this repository to your local machine.
2. Navigate to the root directory of the cloned repository.
3. Install dependencies by running npm install.
4. Run Cypress by executing npm run open.
5. Cypress Test Runner will open, allowing you to select and run individual test files or run all tests.

Happy testing! 🚀