🚀 Playwright TypeScript E-Commerce Automation Framework

🔥 A scalable, production-ready End-to-End Automation Framework built using Playwright + TypeScript following industry best practices.

📌 Project Overview

This project demonstrates a robust automation framework designed for testing an e-commerce application (Sparkle Cart Website).

It is built with a focus on:

• ✅ Scalability
• ✅ Maintainability
• ✅ Reusability
• ✅ Real-world QA use cases

---

🧠 Key Highlights

✔️ End-to-End Test Coverage
✔️ Page Object Model (POM) Design Pattern
✔️ Data-Driven Testing Approach
✔️ Modular & Clean Architecture
✔️ Allure Reporting Integration
✔️ CI/CD Ready (GitHub Workflows)
✔️ TypeScript for Strong Typing
✔️ Easy Debugging & Execution

---

🏗️ Project Structure

📦 Sparkle-Cart-Playwright-Framework ┣ 📂 .github/workflows → CI/CD Pipelines ┣ 📂 TestData → Test Data Files ┣ 📂 allure-report → Generated Reports ┣ 📂 allure-results → Raw Results ┣ 📂 pages → Page Object Classes ┣ 📂 tests → Test Scripts ┣ 📂 utils → Utility Functions ┣ 📜 playwright.config.ts → Playwright Config ┣ 📜 package.json → Dependencies ┗ 📜 .gitignore → Ignored Files

---

🧩 Framework Design

🔹 Page Object Model (POM)

• Each page has its own class
• Separation of locators & actions
• Improves maintainability

🔹 Test Layer

• Contains test scenarios
• Covers:
  • 🛒 Cart functionality
  • 🔍 Search functionality
  • 🏠 Homepage validation
  • 📦 Order tracking
  • 🔄 End-to-End flows

🔹 Utility Layer

• Data providers
• Random data generators
• Reusable helpers

---

🧪 Test Scenarios Covered

✔️ End-to-End Purchase Flow
✔️ Product Search Validation
✔️ Add to Cart Functionality
✔️ Order Tracking Validation
✔️ Homepage UI & Functional Testing

---

⚙️ Tech Stack

• 🎭 Playwright
• 🟦 TypeScript
• 🧪 Node.js
• 📊 Allure Reports
• 🔁 GitHub Actions (CI/CD)

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name
2️⃣ Install Dependencies
npm install
3️⃣ Install Playwright Browsers
npx playwright install
4️⃣ Run Tests
npx playwright test
5️⃣ Run Tests in UI Mode
npx playwright test --ui
📊 Allure Report

Generate & View Report:

npx allure generate ./allure-results --clean
npx allure open

📌 Provides:

Detailed test execution insights
Screenshots on failure
Step-level reporting
🔄 CI/CD Integration
GitHub Actions workflow added
Automatically runs tests on push
Helps maintain code quality
💡 Why This Framework Stands Out?

👉 Industry-level structure used in top product companies
👉 Designed with real QA challenges in mind
👉 Easily extendable for large-scale projects
👉 Demonstrates strong SDET/QA Automation skills

🎯 Ideal For
QA Engineers
SDET Professionals
Automation Testers
Recruiters evaluating automation skills
📢 Let's Connect & Collaborate

I’m actively looking for opportunities in:

🔹 QA Automation
🔹 SDET Roles
🔹 Test Lead / UAT Lead
👨‍💻 Author

Arpit Choubey
SDET | QA | Automation Engineer

🔗 LinkedIn: https://www.linkedin.com/in/arpitchoubey/

✍️ Medium: https://medium.com/@ArpitChoubey9

⭐ Support

If this repository helped you, please ⭐ star it to support and motivate further contributions.