Cypress Automation Project – Demo Web Shop is a manual and automation testing project for the Demo Web Shop e-commerce application.
The project combines manual QA documentation (Test Plan, Test Cases, Bug Reports) and Cypress Automation Framework to validate key functionalities like user login, product search, cart management, checkout, and order validation.
Automation scripts are implemented using Page Object Model (POM) design pattern for better scalability and maintenance.
| Category | Tools / Technologies |
|---|---|
| Automation Tool | Cypress |
| Programming Language | JavaScript |
| Design Pattern | Page Object Model (POM) |
| Test Documentation | MS Excel, MS Word |
| Reporting | Cypress Dashboard / Mochawesome |
| Domain | E-Commerce |
| Type of Testing | Functional, UI, Integration, Regression |
- ✅ Ensure core e-commerce functionalities work as expected.
- ✅ Validate login, product search, add-to-cart, and checkout workflows.
- ✅ Combine manual and automation testing for end-to-end coverage.
- ✅ Build a maintainable Cypress automation framework with reusable components.
- ✅ Execute assertions for UI validation, API calls, and data flow integrity.
Cypress-Automation-Project-Demo_Web_Shop/
│
├── Manual_Testing/
│ ├── TestPlan_DemoWebShop.docx
│ ├── TestCases_DemoWebShop.xlsx
│ ├── BugReport_DemoWebShop.xlsx
│ ├── MindMap_DemoWebShop.png
│ └── TestSummaryReport.docx
│
├── cypress/
│ ├── e2e/ # Test scripts (feature-based)
│ ├── pages/ # Page Object Model files
│ ├── fixtures/ # Test data (JSON)
│ ├── support/ # Custom commands, hooks
│ └── reports/ # HTML & Mochawesome reports
│
├── cypress.config.js # Cypress configuration file
├── package.json # Project dependencies
└── README.md
- 🧠 Hybrid Testing Approach: Manual + Automation.
- 🧩 Page Object Model (POM): Reusable, modular architecture.
- 🧾 Custom Commands & Hooks: Streamlined test execution.
- 📊 Mochawesome Reports: Clean, detailed HTML reporting.
- 🔄 Assertions: Verify UI elements, API responses, and workflow consistency.
- ⚙️ Reusable Utilities: For login, product selection, and checkout validation.
- 🔹 Login and logout validation
- 🔹 Product search and filter functionality
- 🔹 Add to cart and quantity update
- 🔹 Checkout and payment validation
- 🔹 Order confirmation message verification
- 🔹 End-to-end e-commerce workflow automation
npx cypress open| Document | Description |
|---|---|
| Test Plan | Defines scope, objectives, resources, and schedule of testing. |
| Test Scenarios & Test Cases | Step-by-step manual test documentation with expected and actual results. |
| Bug Report | Logged defects with severity, priority, and current status. |
| Mind Map | Visual representation of test coverage and key workflows. |
| Test Summary Report | Final evaluation and outcome of the testing phase. |
- Implemented using Cypress with Page Object Model (POM) structure.
- Designed reusable custom commands and utility functions.
- Integrated assertions and validation for UI and functional flows.
- Configured test data handling through fixtures.
- Automated test execution with detailed HTML reports.
- Deep understanding of Cypress automation workflow.
- Practical experience in Page Object Model (POM) architecture.
- Combined application of Manual & Automated Testing principles.
- Enhanced debugging, reporting, and test optimization skills.
This project demonstrates a comprehensive QA process by combining Manual Testing with Cypress Automation.
It ensures a robust, scalable, and reliable test framework that validates all major e-commerce workflows of the Demo Web Shop website.
Shiv Shanker Gupta
💼 QA Engineer | Manual & Automation Tester (Cypress | Selenium | JavaScript)
📧 gopalgupta9639@gmail.com
If you found this project helpful, please give it a ⭐ Star on GitHub and share it with your QA community!