Playwright Testing

🔴 AI FIRST Quality Principle

Apply the AI FIRST principle: never accept first-pass quality. Minimum 2 iterations. Read all output, improve every section. No shortcuts.

Purpose

Enable comprehensive browser-based testing and validation for static HTML/CSS websites using Playwright automation framework. Supports visual regression testing, accessibility audits, screenshot capture, and cross-browser validation.

Core Principles

1. Headless First: Default to headless mode for CI/CD efficiency
2. Visual Evidence: Capture screenshots for all test failures and audits
3. Accessibility Integration: Combine with axe-core for WCAG testing
4. Cross-Browser Coverage: Test on Chromium, Firefox, and WebKit
5. Responsive Testing: Validate across device viewports (mobile, tablet, desktop)
6. Performance Monitoring: Track Core Web Vitals (LCP, FID, CLS)