TESTED LIKE A PRODUCT

TEST MATRIX

This portfolio is tested like a product — Playwright · 19 flows · 0 console errors, plus unit tests, lint and type gates on every wave.

SMOKE (Playwright)

  • all routes load directly (8 pages + 4 case studies)
  • client-side navigation via nav + CTAs
  • resume page embeds the PDF viewer
  • 404 page renders the peacock flock
  • mobile menu opens and navigates
  • mobile viewport renders hero content

INTERACTION (Playwright)

  • dialog opens as temporary reality and closes
  • timeline machine scrubs between years
  • case page counterfactuals expand
  • dive-deeper descends four layers
  • repo-inside iframe renders the README
  • annotations open contextual popovers
  • unresolved section descends into unknowns
  • process principles reveal WHY IT MATTERS
  • NOW BUILDING widget shows live GitHub + IST clock
  • contribution graph renders the year in commits
  • case pages offer STAR THE REPO
  • dark mode toggles, persists across reloads

UNIT (Vitest)

  • 9 tests across profile data + easing library

GATES

  • next build (SSG) · eslint · tsc --noEmit · vitest · playwright — all green per wave

RUN IT YOURSELF: npx playwright test · npx vitest run — every flow asserts zero console/page errors, not just visible elements. The build log lives at /progress.