BACK TO PORTFOLIO

SYSTEM ARCHITECTURE

Project: QuickKart-MCP-Playwright / E2E Automation Framework

Repository Link

Key Engineering Decisions

1. Auth State Reuse (storageState)

Rather than executing a complete UI login flow for every single test spec, the framework signs in once (Storefront buyer & Admin console), saves the browser cookies and storage state to disk, and injects it directly into all subsequent test contexts. This decreases local and CI execution times by over 80%.

2. Self-Healing Locator Strategy

To mitigate fragile test scripts and selector breakage during frontend UI changes, locators are structured with dynamic fallbacks. If a primary CSS selector is modified, the locator helper automatically loops through secondary and tertiary target fallbacks to locate the target node, resolving test fragility.

Interactive System Flowchart (Click nodes to inspect code folders)

SYSTEM DIAGRAM INSPECTOR CONSOLE
NODE-03TESTS (SPEC FILES)(Storefront & Admin user journeys)
tests

Spec files writing complete end-to-end user flows. Divided into Storefront flows (buyer actions like login, search, cart operations, checkout) and Admin flows (catalog updates, inventory adjustments, orders confirmation). Leverages custom fixtures for automatic authentication injection.

Key Highlights:
  • Storefront flows: authentication, item ordering, payment simulations
  • Admin flows: CRUD operations on products, order dispatch, status updates
  • Fixtures: auto-injects base POM and pre-configured page states
TAGS:Playwright Test LibrarySpec AssertionsFixtures
Inspect Repo Folder