Playwright Study Notes

API Testing with the Request Context

Use Playwright's APIRequestContext to make real HTTP calls, assert on responses, and seed data for faster, more focused tests.

Assertions with expect()

Learn Playwright's web-first assertions — how expect(locator) auto-retries until conditions are met, and how that differs from generic value assertions.

Authentication and Storage State Reuse

Save and reuse Playwright's storageState to skip repeated UI logins, share auth across projects, and manage multiple user roles.

Auto-Waiting and Actionability Checks

Understand how Playwright automatically waits for elements to become actionable before interacting with them, eliminating most manual sleeps and flaky waits.

Browsers, Contexts, and Pages

Understanding Playwright's core object model — Browser, BrowserContext, and Page — and how it enables fast, isolated test execution.

Building an E2E Test Suite for a Real App

A practical walkthrough of planning, structuring, and running a Playwright end-to-end test suite for a production application, from config to CI.

Component Testing with Playwright

How Playwright's component testing mode mounts individual React, Vue, or Svelte components in a real browser for fast, isolated tests.

Cross-Browser and Device Emulation

How Playwright's project configuration runs the same suite across Chromium, Firefox, and WebKit, and emulates mobile devices, locales, and permissions.

Fixtures and Test Hooks

How Playwright's fixture system and lifecycle hooks provide reusable, isolated setup and teardown for tests.

Handling Dropdowns, Frames, and Popups

Learn how to interact with native and custom dropdowns, work inside iframes, and manage new tabs, popup windows, and native browser dialogs in Playwright.

Installing Playwright and Project Setup

A practical walkthrough of installing Playwright, understanding what gets set up, and structuring a new test project.

Interacting with Forms and Inputs

Master Playwright's methods for filling text inputs, selecting options, checking boxes, and uploading files in real-world forms.

Locators: getByRole, getByText, and CSS

Learn how Playwright locators find elements using role-based, text-based, and CSS selector strategies, and why role-based locators are the recommended default.

Mocking API Responses

Use route.fulfill(), routeFromHAR, and route.fetch() to return deterministic, realistic API responses for fast, reliable UI tests.

Network Interception with page.route()

Learn how Playwright's page.route() and context.route() intercept, inspect, modify, fulfill, and abort network requests before they reach the real server.

Page Object Model in Playwright

How to structure Playwright tests using the Page Object Model to separate UI locators and actions from test logic for better maintainability.

Parallel Workers and Sharding

How Playwright Test runs suites faster using isolated worker processes locally and distributes them across multiple CI machines with sharding.

Playwright Best Practices

A practical guide to writing reliable, maintainable Playwright tests by choosing the right locators, avoiding flaky waits, and keeping tests isolated and fast.

Playwright in CI/CD Pipelines

How to configure Playwright to run reliably on CI, including GitHub Actions setup, Docker images, and CI-aware config adjustments.

Playwright Interview Questions

The core Playwright concepts and tricky topics that come up most often in QA and SDET interviews, from auto-waiting to network interception.

Playwright Quick Reference

A condensed cheat sheet of the most-used Playwright locators, assertions, actions, and CLI commands for day-to-day test writing.

Playwright Test Generator (codegen)

How Playwright's codegen tool records browser interactions into runnable test code, and how to use it effectively without shipping brittle output.

Playwright vs Selenium vs Cypress

A technical comparison of Playwright, Selenium, and Cypress across architecture, browser support, waiting strategy, and use cases.

Reporters and HTML Reports

How Playwright's built-in reporters work, how to configure and combine them, and how to build a custom reporter for bespoke workflows.