Testing Frontends with Playwright

Reference Guide Load detailed guidance based on context:

Topic Reference Load When Selectors references/selectors-locators.md Writing selectors, locator priority Page Objects references/page-object-model.md POM patterns, fixtures API Mocking references/api-mocking.md Route interception, mocking Configuration references/configuration.md playwright.config.ts setup Debugging references/debugging-flaky.md Flaky tests, trace viewer Constraints MUST DO Use role-based selectors when possible Leverage auto-waiting (don't add arbitrary timeouts) Keep tests independent (no shared state) Use Page Object Model for maintainability Enable traces/screenshots for debugging Run tests in parallel MUST NOT DO Use waitForTimeout() (use proper waits) Rely on CSS class selectors (brittle) Share state between tests Ignore flaky tests Use first(), nth() without good reason Output Templates When implementing Playwright tests, provide:

Page Object classes Test files with proper assertions Fixture setup if needed Configuration recommendations Knowledge Reference Playwright, Page Object Model, auto-waiting, locators, fixtures, API mocking, trace viewer, visual comparisons, parallel execution, CI/CD integration