🛒 Playwright E-Commerce Hybrid Automation Framework

A scalable and enterprise-grade Playwright + TypeScript Hybrid Automation Framework implementing the Page Object Model (POM), Component Object Model, Fixtures, Multi-Environment support, Authentication Setup, Cross-Browser Execution, Reporting, and CI/CD.

---

🚀 Tech Stack

• Playwright
• TypeScript
• Node.js
• Git
• GitHub Actions
• HTML Report
• Allure Report

---

📂 Project Structure

Playwright-Ecommerce-Framework
│
├── .github
│   └── workflows
│
├── playwright
│   └── .auth
│
├── src
│   ├── components
│   ├── config
│   ├── data
│   ├── fixtures
│   ├── models
│   ├── pages
│   └── utils
│
├── tests
│   ├── auth
│   ├── login
│   ├── product
│   ├── cart
│   ├── checkout
│   └── logout
│
├── playwright.config.ts
└── package.json

---

🏗 Framework Design

• Hybrid Framework
• Page Object Model (POM)
• Component Object Model
• Base Page
• Custom Fixtures
• JSON Data Driven
• Environment Configuration
• Authentication using Storage State
• Cross Browser Testing
• GitHub Actions CI/CD
• HTML Report
• Allure Report

---

✨ Features

• Page Object Model
• Component Object Model
• Custom Fixtures
• Base Page
• Environment Switching
• JSON Data Driven Testing
• Authentication Setup Project
• Storage State Login
• Multi Browser Execution
• HTML Reporting
• Allure Reporting
• Screenshot on Failure
• Video on Failure
• GitHub Actions Pipeline

---

🌍 Supported Browsers

• Chromium
• Firefox
• WebKit

---

⚙ Installation

Clone the repository

git clone https://github.com/Samlordson/playwright-E-commerce-framework.git

Install dependencies

npm install

Install Playwright browsers

npx playwright install

---

▶ Run Tests

Run all tests

npx playwright test

Run Chromium

npx playwright test --project=chromium

Run Firefox

npx playwright test --project=firefox

Run WebKit

npx playwright test --project=webkit

---

📊 Reports

Generate HTML Report

npx playwright show-report

Generate Allure Report

allure serve allure-results

---

🔄 CI/CD

This project is integrated with GitHub Actions.

Pipeline Steps

• Checkout Repository
• Install Node
• Install Dependencies
• Install Playwright Browsers
• Execute Tests
• Generate Reports
• Upload Artifacts

---

📌 Framework Highlights

• Enterprise Hybrid Framework
• Clean Architecture
• Highly Reusable
• Easily Maintainable
• Scalable Design
• CI/CD Ready

---

👨‍💻 Author

Samlordson R B

QA Automation Engineer

Playwright | Selenium | API Automation | CI/CD | TypeScript