Playwright logo Playwright Test Automation Showcase

A concise snapshot of an end-to-end automation framework featuring functional, API, visual, and accessibility testing across Chromium, Firefox, and WebKit. The suite includes 90+ tests, runs across 3 browsers, uses 5 Page Objects, and executes 273 total runs.

View Repository View Project Overview

What This Project Demonstrates

Framework Design

  • Page Object Model architecture for maintainable tests
  • Reusable fixtures and helper utilities
  • Data-driven workflows with JSON-backed test data

Quality Coverage

  • Feature and end-to-end user journey coverage
  • API testing patterns (GET, POST, PUT, DELETE)
  • Visual and accessibility-focused validation

Architecture Snapshot

playwright-saucedemo/
├── pages/                  # POM classes (Login, Inventory, Cart, Checkout, Product)
├── tests/                  # Functional, API, visual, and accessibility suites
├── fixtures/               # Auth fixture with typed page objects
├── utils/                  # Reusable test helper utilities
├── test-data/              # User/product JSON datasets
└── project-summary/        # Phase-based implementation documentation

Visual Evidence

Curated baseline captures from the visual regression suite (Chromium).

SauceDemo login page visual snapshot
Login page baseline
Inventory page full-page visual snapshot
Inventory full page
Product card component visual snapshot
Component-level capture
Mobile viewport login visual snapshot
Mobile viewport baseline

Test Run Clip

Recorded clip captured during a full Chromium run of tests/login.spec.ts

Run Locally

git clone https://github.com/mikeandersonwwt/playwright-saucedemo.git
cd playwright-saucedemo
npm install
npx playwright install
npx playwright test
npx playwright test --ui
npx playwright show-report