playwright-api
Installation
SKILL.md
API
Adding and modifying APIs
- Before performing the implementation, go over the steps to understand and plan the work ahead. It is important to follow the steps in order, as some of them are prerequisites for others.
- Define (or update) API in
docs/api/class-xxx.md. For the new methods, params and options use the version from package.json (without -next). - Watch will kick in and re-generate types for the API
- Implement the new API in
packages/playwright/src/client/xxx.ts - Define (or update) channel for the API in
packages/protocol/src/protocol.ymlas needed - Watch will kick in and re-generate types for protocol channels
- Implement dispatcher handler in
packages/playwright/src/server/dispatchers/xxxDispatcher.tsas needed - Handler should just route the call into the corresponding method in
packages/playwright-core/src/server/xxx.ts - Place new tests in
tests/page/xxx.spec.tsor create new test file if needed
Build
- Assume watch is running and everything is up to date.
Test
- If your tests are only using page, prefer to place them in
tests/page/xxx.spec.tsand use page fixture. If you need to use browser context, place them intests/library/xxx.spec.ts. - Run npm test as
npm run ctest <file>
Related skills
More from microsoft/playwright
playwright-dev
Explains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.
1.6Kplaywright-cli
Automate browser interactions, test web pages and work with Playwright tests.
438playwright-mcp-dev
Explains how to add and debug playwright MCP tools and CLI commands.
319playwright-devops
DevOps workflows for Playwright - CI failure analysis, workflow debugging, and release operations.
108playwright-trace
Inspect Playwright trace files from the command line — list actions, view requests, console, errors, snapshots and screenshots.
3