# AI による E2E テストの自動化
## Playwright Test Agent
[Agents | Playwright](https://playwright.dev/docs/test-agents)
```bash
# Claude Code の場合
npx playwright init-agents --loop=claude
```
コンテキストとしてシナリオやファイル名を指定すべきだが、以下のような雑な指示でも OK だった。
- `@agent-playwright-test-planner プロジェクトのテスト計画を立てて`
- `@agent-playwright-test-generator テストを実装して`
- `@agent-playwright-test-healer エラーになっているテストを修復して`
```bash
# テスト結果
npx playwright show-report
```
実装からテストを生成しているので、便利だけど理想的ではない気がする。
## Chrome DevTools MCP
[https://github.com/ChromeDevTools/chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp)
一緒に使うと良さそう。
パフォーマンスやアクセシビリティも見てくれそう。
## Gherkin (ガーキン)記法
[Reference | Cucumber](https://cucumber.io/docs/gherkin/reference)
Cucumber で使うあれ。
非エンジニアでも書きやすい。
```
Feature: ワードを推測する
# 最初の例は 2 ステップ
Scenario: メイカーがゲームを始める
When メイカーがゲームを始める
Then メイカーはブレイカーがゲームに参加するのを待つ
# 次の例は 3 ステップ
Scenario: ブレイカーがゲームを始める
Given メイカーはワード "シルキー" でゲームを始めている
When ブレイカーがメイカーのゲームに参加する
Then ブレイカーは 5 文字のワードを推測しなければならない
```
Gherkin + Playwright MCP でテストする手もある。
「テストコードも書いて」と指示するかどうかはオプション。
## その他
### Gauge
[Open Source Test Automation Framework | Gauge](https://gauge.org/)
- Markdown でテストを書ける
- Playwright Test Agent があればいらないかな
### Claude Codeのカスタムサブエージェント
- QA エージェントを作っておく
- 仕様書(Notion or 仕様駆動開発ツールが生成した Markdown)から QA エージェントが Gherkin でテストを作成するとか