Setting up a Playwright project

(Optional since you're middle — keep it for quick review.)

Setup: npm init playwright@latest — config, a sample test and browsers come ready.

The key parts of playwright.config.ts:

• testDir — where tests live
• use — shared settings: baseURL, trace, screenshot, video
• projects — the browser/config matrix (chromium, firefox, webkit, mobile viewport)
• retries, workers — CI behaviour
• reporter — html, list, junit

Core commands: npx playwright test (run), --ui (interactive mode), --debug, npx playwright show-report, npx playwright codegen <url> (locator generator).