playwright-expert

Fix flaky Playwright E2E tests by removing arbitrary waitForTimeout calls, relying on auto-waiting for stable element states, and using trace-based diagnosis to reproduce and resolve intermittent failures.

Structure Playwright tests using the Page Object Model by encapsulating UI interactions within page classes and accessing elements via resilient role-based locators to improve maintainability across parallel-ready E2E test suites.

Mock API responses in Playwright to achieve deterministic UI testing by intercepting network requests, providing controlled fixture data, and isolating frontend validation from backend variability during E2E test execution.

Use role-based locators instead of brittle CSS selectors in Playwright because role and label-based queries align with auto-waiting mechanisms, targeting stable element states to significantly reduce test flakiness.

Debug Playwright test failures in CI by configuring automatic trace and screenshot capture upon failure, enabling detailed trace debugging workflows to inspect DOM snapshots, network activity, and execution logs.

Run parallel E2E tests with Playwright without shared state conflicts by isolating test data, avoiding shared authentication states, and using independent browser contexts to ensure deterministic execution.