Browser QA — Automated Visual Testing & Interaction

Structured QA methodology for verifying UI behavior, visual consistency, and accessibility.

Quick Start

1. Phase 1: Smoke Test — Navigate page, check for console errors, verify Core Web Vitals
2. Phase 2: Interaction Test — Click links, submit forms, verify user flows (login, checkout)
3. Phase 3: Visual Regression — Screenshot key pages at 3 breakpoints (375px, 768px, 1440px)
4. Phase 4: Accessibility — Run axe-core, verify keyboard nav, check screen reader landmarks

Key Concepts

• Smoke Test: Detects hard-breaking errors before interaction testing wastes time
• Interaction Test: Verifies critical user journeys (auth, forms, checkout)
• Visual Regression: Detects layout shifts, missing elements, viewport overflow issues
• Accessibility: WCAG AA compliance, keyboard navigation, screen reader support

Common Usage