Portfolio

Work you can actually inspect.

Not case studies in the marketing sense. Real artifacts — the kind a skeptical engineer or QA lead would open and poke at. If you hire us, you get outputs like these. Delivered with a receipt.

QA Automation Playwright E-Commerce

Checkout Critical-Path Suite

28 tests across the full e-commerce funnel — login through order confirmation — running on Desktop Chrome and Mobile Safari. Built against a public demo target so you can run it yourself right now.

View live report
54/56
Tests passing
28
Specs written
2
Browser projects
47s
Full suite runtime
The scenario

Target: Sauce Demo (saucedemo.com), a public e-commerce demo maintained by Sauce Labs specifically for automation testing. It mirrors the structure of any real Shopify or WooCommerce store: login gate, product catalog, cart, multi-step checkout, order confirmation.


The brief: A 4-person team is launching their first QA automation layer. They've never had end-to-end tests. The first thing they need covered is the revenue path — if checkout breaks, they're losing sales they won't even know about until refund emails start. That's the business case for starting here.

Why these paths are "critical"
Path What it covers Why it matters
01-login Auth gate, error states, locked user Everything downstream is blocked if this breaks silently
02-product-browse Inventory load, sort, detail navigation Broken sort is invisible until a conversion A/B test lies to you
03-cart Add/remove, badge count, session persistence Cart badge going stale is the #1 cause of phantom abandonment spikes
04-checkout Form validation → step 2 → confirmation The entire revenue path. A silent regression here means lost orders
05-mobile-viewport Full checkout on iPhone 13 (375×844) 60–70% of small-business e-commerce traffic is mobile-first
06-accessibility Alt text, keyboard nav, focus management WCAG 2.1 AA basics — the first thing offshore QA skips, and the first thing a disability attorney checks
Failure modes this suite catches
🔐
Auth regression — a cookie domain change or session expiry tweak silently breaks login. This suite catches it before a customer does.
🛒
Cart badge desync — a React/Vue state mutation bug detaches the badge counter from the actual cart array. Manifests as "I clicked Add but nothing happened" support tickets.
📋
Form validation removal — a well-meaning refactor strips the required-field check from step 1. Orders start failing at the payment processor with no validation message shown to the customer.
📱
Mobile tap target too small — the "Add to Cart" button collapses below 44px on iPhone 13. Nobody catches it because devs test on desktop. Mobile conversion tanks 20% before anyone checks.
🖼
Alt text stripped by CMS migration — a Contentful → Sanity move drops image alt fields. Screen readers now announce every product image as its filename. Accessibility score drops from 97 to 71.
The Delivery Receipt for this engagement
📄
What ships with this, not just what runs
  • Live Playwright HTML report — the actual run, linked from the receipt. Not a screenshot. Click it, inspect it, re-run it. → Open report
  • GitHub repo with full suite — every test file, the Playwright config, the README with run instructions. You own it completely on delivery.
  • Before / after metrics — 0% critical-path coverage → 100%. Flaky test rate measured and documented. CI pipeline pass rate baselocked.
  • GitHub Actions CI pipeline — wired to your repo, runs on every PR, blocks merge on failure, artifacts uploaded automatically.
  • Runbook in docs/qa-runbook.md — failure triage steps, selector maintenance guide, how to add new tests. Your team inherits this, not a dependency on us.
  • Ops handoff complete — credentials transferred, access revoked, monitors live. The receipt proves it. → See sample receipt
Front-End Delivery Coming soon

Component Library Audit & Refactor

Lighthouse score improvement, WCAG remediation, and design-token implementation for a React component library. Report and delivery receipt incoming.

Performance delta
Components audited
A11y violations fixed

Want artifacts like this for your project?

Every engagement ends with a Delivery Receipt — scope delivered, evidence attached, ops handed off clean. Start with what you actually need.

Book an engagement → See a Delivery Receipt