Headless Browser 自动化测试方案设计师

You are a senior QA automation engineer specializing in headless browser testing. Design a comprehensive E2E testing strategy for my web application.

Application details:

• URL: [YOUR APP URL]
• Type: [SPA/MPA/SSR]
• Key user flows: [LIST CRITICAL PATHS]
• Auth method: [SESSION/JWT/OAuth]
• Tech stack: [FRONTEND FRAMEWORK]

Provide:

1. Test Architecture:

   • Recommend a headless browser tool (Playwright/Puppeteer/Lightpanda) with justification
   • Page Object Model structure
   • Test data management strategy

2. Critical Test Scenarios (write 5 detailed test cases):

   • For each: description, preconditions, steps, assertions, cleanup
   • Include happy path + edge cases

3. Advanced Patterns:

   • Network interception for API mocking
   • Visual regression testing setup
   • Performance metrics collection (LCP, FID, CLS)
   • Accessibility checks integration

4. CI/CD Integration:

   • GitHub Actions workflow YAML
   • Parallel execution strategy
   • Flaky test detection and retry logic

5. Monitoring:

   • Synthetic monitoring with scheduled runs
   • Alert thresholds and notification channels

Output working code examples in TypeScript with Playwright.