Playwright Study Roadmap

Playwright is the default choice for modern E2E: fast, reliable auto-waits, great debugging (trace/video), and a strong test runner.

1. Core focus areas

• Test runner: playwright.config.ts, projects, retries, reporters, parallelism.
• Locators: getByRole, getByTestId, strict mode, resilient selector patterns.
• Waiting: web-first assertions (expect(locator).to…) instead of manual sleeps.
• Test design: fixtures, page objects, data seeding, isolation + parallel safety.
• Flake prevention: deterministic data, stable assertions, reduce shared state.
• Debugging: trace viewer, screenshots/video, PWDEBUG=1, --ui, --headed.
• CI: sharding, retries, artifacts, hermetic test environments.

2. Fundamentals

• Playwright Fundamentals
• Locator + Waiting Strategy

3. Advanced (Senior-level)

• Advanced Playwright (CI, parallelism, auth, network)

4. Practice alignment

Complete the drills under practice/playwright/ after each notes pass:

• Start with fundamentals-exercises.md to build correct “wait” instincts.
• Then do advanced-exercises.md to cover flaky-test triage and CI setup.