Playwright Component Testing

microsoft/playwright/packages/playwright-core/src/tools/skills/playwright-component-testing

Multi-file

writingOfficial

Official Provider SkillView repo

Set up component testing with Playwright using a story gallery — scaffold stories and a gallery dev page driven by the built-in mount fixture, no dedicated component-testing runtime. Use when asked to test React or Vue components in isolation with Playwright, or to migrate off @playwright/experimental-ct-react / -vue.

Files9 files

SKILL.md144 lines

Loading editor…

Install

Recommended

One command — your agent picks it up automatically.

Select AI agent

Select an AI agent above to see the install command.

Manual Install

More steps

Download the archive and add the files to your project manually.

Skill details

Versionv1.0.0

AuthorMicrosoft

Categorywriting

Skill IDmicrosoft/playwright/packages/playwright-core/src/tools/skills/playwright-component-testing

Files9 files

Related skills

Playwright CliAutomate browser interactions, test web pages and work with Playwright tests.Playwright DevExplains how to develop Playwright - add APIs, MCP tools, CLI commands, and vendor dependencies.Playwright DevopsDevOps workflows for Playwright - CI failure analysis, workflow debugging, and release operations.Playwright Test ResultsQuery Playwright CI test results from the aggregated DuckDB database. Answers questions about flaky tests, failure rates, slow tests, and per-run/SHA/PR results without hunting through GitHub artifacts.Playwright TraceInspect Playwright trace files from the command line — list actions, view requests, console, errors, snapshots and screenshots.Playwright TriageTriage a Playwright bug report by reproducing it from the information in the issue. Use when asked to triage, reproduce, or verify a GitHub issue (a new bug report, or an existing report with a new comment).