33 Playwright patterns I use in my own frameworks. Free.

Not a course, not a book. 33 self-contained TypeScript examples, one page each, and every page links straight to the runnable code snippet. Steal what you need, skip what you know.

7 categories, beginner to advanced

1. Configuration and Core Setup. Env variables, tags, conditional skips, user snippets.
2. Locators and Elements. Iframes, popups, drag-and-drop, the locator patterns that survive redesigns.
3. Network and Data Management. API mocking, request interception, response schema validation with Zod.
4. Assertions & Verification. Soft assertions, visual regression with masking, polling for async states.
5. Framework Architecture. Custom fixtures, Page Objects, auth session reuse.
6. Debugging and Stability. Test steps, console error detection, the flake killers.
7. Advanced Browser Capabilities. Device simulation, time control, geolocation mocking, offline testing.

How it reads

• One tip per page, visual first, with inline comments explaining the intent behind every pattern.
• Every page has a CODE SNIPPET link in the corner — the example opens as real code, not a screenshot to retype.

It is free. If a tip saves you an afternoon of Stack Overflow, the pay-what-you-want field is right there.