playwright-component-testing（Agent Skill）

スキルの内容

playwright-component-testingは、playwright-coreパッケージのソースと一緒に管理されているスキルで、通常のPlaywright E2EテストでReactやVueのコンポーネントをテストする手順をエージェントに案内します。シナリオごとにコンポーネントの隣に小さなストーリーファイルを書き、アプリケーション自身の開発サーバーが配信する1つのギャラリーページでそれらのストーリーをマウントします。テストではPlaywright組み込みのmountフィクスチャを呼び出し、ページを通じてアサーションを行います。React、Vue、型付け、ギャラリーの規約についての参照ノート、ストーリーとspecのサンプルテンプレート、実験的なコンポーネントテスト用パッケージからの移行ガイドが同梱されています。

できること

ストーリーのギャラリーページを使ったReactまたはVueのコンポーネントテストのセットアップ
ストーリーファイルと対応するPlaywright specの雛形作成
実験的なコンポーネントテスト用パッケージからの移行

インストール

プロジェクトのインストール手順に従ってください

プロジェクトのドキュメントより

含まれるファイル

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

詳細

項目	内容	出典
種類	スキル
ツール	Playwright
公開元	Microsoft	出典
公式かどうか	公式in Playwright's own repository in the microsoft organisation	出典
APIキーまたはサインインが必要	ドキュメントに記載なし
スクリプトを含む	いいえ	出典
プラットフォーム	ドキュメントに記載なし
AIクライアント	ドキュメントに記載なし
ライセンス	Apache-2.0	出典
料金	ドキュメントに記載なし
活動状況	最終コミット 2026年11月11日GitHubスター 99,846ダウンロード数のデータなし（npm・PyPIで未公開）	出典
リンク	リポジトリ Webサイト

Microsoftのほかの掲載

サーバー9件 · スキル149件

Microsoftの掲載158件をすべて見る →

README用バッジ

このプロジェクトのメンテナーの方は、このページにリンクするバッジを追加できます。

[![Listed on Kitbay](https://kitbay.app/badge/skills/microsoft-playwright-component-testing.svg)](https://kitbay.app/skills/microsoft-playwright-component-testing/)

出典

スキルファイル（SKILL.md）github.com/microsoft/playwright2026年11月14日
ライセンスファイル（LICENSE）github.com/microsoft/playwright · 根拠となる項目：ライセンス2026年11月12日
GitHubリポジトリgithub.com/microsoft/playwright · 根拠となる項目：公式かどうか, 公開元, 活動状況, ライセンス2026年11月11日
リポジトリ内のフォルダ（playwright-component-testing）github.com/microsoft/playwright · 根拠となる項目：スクリプトを含む2026年11月14日

掲載情報の確認方法