mcpField
P
playwright-generate-test

playwright-generate-test

github.com/githubテスト・品質40.5k18.2k 回インストール今日更新
リポジトリ

playwright-generate-test について

提示されたシナリオから Playwright の TypeScript テストを生成するスキルです。Playwright MCP ツールで手順を実行してからテストを作成し、実行します。

主な機能

  1. 01シナリオがない場合に確認
  2. 02Playwright MCP ツールで手順を実行
  3. 03TypeScript テストの生成
  4. 04テストを tests に保存
  5. 05合格するまで実行と修正

活用シーン

  1. 01ブラウザーシナリオのテスト化
  2. 02複数ステップの UI フロー自動化
  3. 03実行による生成テストの確認

MCP 対応

シナリオの手順を実行するために Playwright MCP ツールを使用してから、テストを生成します。生成テストには @playwright/test を使用します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/github/awesome-copilot --skill playwright-generate-test

インストール後、Claude Code で/playwright-generate-testを入力して読み込まれたか確認します。

詳細

Playwright MCP によるテスト生成

あなたの目標は、所定のすべての手順を完了した後に、提供されたシナリオに基づいて Playwright テストを生成することです。

具体的な指示

  • シナリオが与えられるので、それに対する Playwright テストを生成する必要があります。ユーザーがシナリオを提供しない場合は、提供するよう依頼してください。
  • 所定のすべての手順を完了せずに、早まって、またはシナリオのみに基づいてテストコードを生成しないでください。
  • Playwright MCP が提供するツールを使用して、手順を 1 つずつ実行してください。
  • すべての手順が完了した後にのみ、メッセージ履歴に基づいて @playwright/test を使用する Playwright TypeScript テストを出力してください
  • 生成したテストファイルを tests ディレクトリに保存してください
  • テストファイルを実行し、テストが成功するまで繰り返してください

コメント

Markdown 対応