microsoft/playwright
6 articles
Prerequisites
- ›Basic TypeScript knowledge
- ›Familiarity with npm workspaces concept
- ›General understanding of browser automation
Playwright's Architecture: A Map of the Monorepo
A high-level orientation to Playwright's monorepo structure, the client-server split, DEPS.list boundary enforcement, and the two key entry points.
The Protocol Layer: How Client Talks to Server
A deep dive into Playwright's RPC mechanism, tracing a message from user API call through the protocol boundary to server-side execution.
Controlling Three Browsers: The Browser Abstraction Layer
How Playwright abstracts over Chromium, Firefox, and WebKit through a layered server-side class hierarchy and the PageDelegate interface.
Inside the Page: Selectors, Injected Scripts, and DOM Interaction
How Playwright interacts with page content through injected scripts, the selector engine system, Locators, and auto-waiting retry logic.
The Test Runner: From Config to Results
Dissecting Playwright's multi-process test runner architecture, the fixture system, and the task pipeline from configuration to reporting.
Developer Tools: Codegen, Trace Viewer, and the MCP Server
A survey of Playwright's developer tooling: code generation, the recorder, the trace system, and the MCP server for AI agents.