Playwright

Modern browser automation and end-to-end testing.

Playwright is taught here in 13 lessons, running from Install and first test through to Component testing and advanced configuration. Each lesson takes one topic, shows the working code, and links onward to the next, so the course can be read straight through in order.

Lessons

1. Install and first testSetting up Playwright, running the generated example test, and the trace viewer that makes failures debuggable.
2. Locators and assertionsSemantic locators, filtering and chaining, and web-first assertions that wait instead of racing the page.
3. Runner, fixtures and CIProjects and workers, typed fixtures for shared setup, and a CI plan that keeps traces when a test fails.
4. Actions and user interactionsClick, fill, type, press, check, select, upload and drag - and which options you reach for when a real user would not click the centre of a button.
5. Auto-waiting, timeouts and flakinessUnderstand the actionability checks, use web-first assertions, and replace every hard sleep with a condition that is actually being waited on.
6. Authentication and storage stateLog in once in a setup project, save the browser state, and reuse it across the suite - plus how to test the login flow itself.
7. Network interception and mockingFulfil, modify and abort requests, record a HAR for replay, and assert on what the page actually sent.
8. API testing with request contextsUse the request fixture for direct API tests, and API calls for setup, so a UI test starts from a known server state instead of a hundred clicks.
9. Test organisation and page objectsCompose page objects with fixtures, build test data explicitly, and use tags and sharding to keep a growing suite fast and readable.
10. Debugging with UI mode, codegen and inspectorUse UI mode for time-travel debugging, codegen to scaffold selectors, and the inspector to step through a test as it runs.
11. Visual comparisons, screenshots and videoSet up screenshot baselines that do not fail on every font update, mask the parts that legitimately change, and capture video only when it helps.
12. Multiple browsers, devices and emulationRun the same tests on Chromium, Firefox and WebKit projects, emulate a phone properly, and control locale, timezone, permissions and geolocation.
13. Component testing and advanced configurationMount components in isolation with Playwright CT, write custom reporters, use global setup, and shard a large suite across CI machines.

More in AI & Intelligent Development

AI Basics AI Agents Math for AI Machine Learning scikit-learn TensorFlow PyTorch Natural Language Processing LangChain Ollama OpenCV Codex Claude Code OpenCode Vibe Coding Selenium

FAQ