Learn Playwright

Practical guides to browser automation with Playwright: writing your first test, choosing locators that survive redesigns, assertions and waits that remove flakiness, and turning your scripts into production monitors.

Already comfortable with Playwright? Jump to the ready-to-use Browser Check templates or the Browser Checks documentation.

Fundamentals

The core concepts you need to write your first reliable Playwright tests.

1
What Is Playwright?
What Playwright is, how it compares to Cypress, Selenium, and Puppeteer, and when to pick it.
2
How to Install Playwright and Run Your First Test
From npm init playwright to a passing test and an HTML report in a few minutes.
3
Writing Playwright Tests: Actions, Structure, and Isolation
Test anatomy, actions, hooks, test.step, and why isolated tests stay reliable.
4
Playwright Locators: The Complete Guide
getByRole, getByLabel, getByTestId, chaining, filtering, and fixing strict mode violations.
5
Playwright Assertions: Web-First Checks Explained
Why await expect(locator).toBeVisible() beats manual checks, plus soft assertions and polling.
6
Playwright Waits and Timeouts: How Auto-Waiting Works
The timeout hierarchy, why waitForTimeout causes flaky tests, and what to do instead.
7
Playwright Codegen: Record Tests by Clicking
Record interactions in a real browser and turn them into maintainable test code.
8
Playwright Cheat Sheet
CLI commands, locators, actions, assertions, and config snippets on a single page.

Real-world scenarios

The flows and page patterns you meet in production apps, and how to test each one.

1
Testing Login Flows and Authentication
Login tests, storage state reuse, multi-role setups, and honest answers about 2FA and SSO.
2
Filling Forms and Typing
fill vs pressSequentially, keyboard actions, validation errors, and masked inputs.
3
Dropdowns, Checkboxes, and Date Pickers
Native selects, custom comboboxes, radios, calendars, and animated menus without flake.
4
File Uploads and Downloads
setInputFiles, file choosers, drag-and-drop zones, and asserting downloaded files.
5
Working with Iframes
frameLocator, nested frames, and filling Stripe Elements card fields reliably.
6
New Tabs, Popups, and Dialogs
Catching new pages, OAuth popups, and handling alert, confirm, and prompt dialogs.
7
Playwright and the Shadow DOM
How built-in locators pierce open shadow roots, and what to do when they cannot.
8
Network Interception and API Mocking
page.route, fulfill, abort, HAR replay, and knowing what to mock versus keep real.
9
API Testing with Playwright
The request fixture, auth headers, and mixing API seeding with UI verification.
10
Cookies, localStorage, and Session State
Context isolation, seeding state, storageState round-trips, and consent banners.
11
Mobile Emulation and Device Testing
Device profiles, custom viewports, touch, geolocation, locale, and dark mode.
12
Screenshots and Visual Testing
toHaveScreenshot baselines, tolerance settings, masking, and taming rendering diffs.
Get started

Start monitoring in the next 5 minutes.

Stop letting customers discover your outages first. Set up monitoring, status pages, on-call, and alerts before your next coffee break.

Sign up for freeTalk to sales
14 days free trial. No card required.