playwright-component-testing
playwright-component-testing is a skill kept with the playwright-core package sources that guides an agent through testing React or Vue components with ordinary Playwright end-to-end tests.
What the skill teaches
playwright-component-testing is a skill kept with the playwright-core package sources that guides an agent through testing React or Vue components with ordinary Playwright end-to-end tests. Each scenario is written as a small story file next to the component, and one gallery page served by the application's own dev server mounts those stories; tests then call Playwright's built-in mount fixture and make assertions through the page. The skill bundles reference notes for React, Vue, typing and the gallery contract, sample story and spec templates, and guidance for moving off the experimental component-testing packages.
Capabilities
- Set up component tests for React or Vue with a story gallery page
- Scaffold story files and matching Playwright specs
- Migrate from the experimental component-testing packages
Install
What's inside
- references/gallery-spec.md
- references/migration.md
- references/react.md
- references/typing.md
- references/vue.md
- templates/react/Button.story.tsx
- templates/react/button.spec.ts
- templates/vue/Button.story.ts
- templates/vue/button.spec.ts
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Playwright | |
| Publisher | Microsoft | source |
| Official status | Officialin Playwright's own repository in the microsoft organisation | source |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | No | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | Apache-2.0 | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 11, 202699,846 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
More from Microsoft
9 servers · 149 skills
- playwright-mcp (MCP server)
- playwright-trace (Skill)
- playwright-cli (Skill)
- Azure MCP Server (MCP server)
- azure-search-nav (Skill)
- azure-advisor-actionability (Skill)
Badge for your README
Maintain this project? Add a badge that links to this page.
[](https://kitbay.app/skills/microsoft-playwright-component-testing/)
Sources
- Skill file (SKILL.md)github.com/microsoft/playwrightNov 14, 2026
- Licence file (LICENSE)github.com/microsoft/playwright · Backs: LicenceNov 12, 2026
- GitHub repositorygithub.com/microsoft/playwright · Backs: Official status, Publisher, Activity, LicenceNov 11, 2026
- Folder in the repository (playwright-component-testing)github.com/microsoft/playwright · Backs: Includes scriptsNov 14, 2026