📌Playwrightでテストを最適化する！
テストの実行、毎回すべて走らせる必要ある？ 🤔
--headed や --retry=1 などの便利なオプションを使えば、もっと効率的に回せる！
📌 1. テスト結果を詳細に表示する
👉 「どのテストが実行された？」「何が失敗した？」を確認！
npx playwright test tests/ticket-purchase.spec.ts --reporter=list
✅ リスト形式で、実行されたテストと結果を詳細に表示！ 🎫
✅ エラーの特定やデバッグに便利！
📌 2. ブラウザを開いてテストを実行する（デバッグ向け）
👉 「実際にブラウザが動いている様子を見ながらテストしたい！」ときに便利！
npx playwright test tests/ticket-purchase.spec.ts --headed
✅ 自動テストがどのように動くか目視で確認！ 🖥️
✅ クリックや入力の動作をリアルタイムでチェックできる！
📌 3. 失敗したテストのみ再実行する
👉 「テストが失敗した！ でも全部やり直すのは時間がかかる…」そんなときに！
npx playwright test --retry=1
✅ 失敗したテストだけ再実行して、効率的にデバッグ！ 🔄
✅ 「たまたま落ちた？」か、それとも「本当にバグ？」かを素早く確認！
📌 4. 特定のテストケースだけを実行する
👉 「特定の処理だけをピンポイントでテストしたい！」ときに！
npx playwright test -g "購入確認ページの表示"
✅ 指定したテストケースだけを実行できる！ 🎯
✅ -g（または --grep）を使うと、名前に一致するテストを実行！
📌 5. テストのステップごとにスクリーンショットを撮る
👉 「テストがどこで失敗したのか、画面の状態を見たい！」ときに！
npx playwright test --trace=on
✅ テストの各ステップごとにスクリーンショットを撮影！ 📸
✅ 失敗した時の状態をあとから確認できる！
📌 テスト実行後に playwright-report で詳細を確認できる！
🎯 まとめ
テストをもっと快適に！ 🦁🎟️
Playwrightには、効率的にテストを実行するための便利なコマンド がたくさんある！
今回紹介した 5つのコマンド を活用して、スムーズにテストを進めよう！ 🚀
✅ 便利なコマンド5選
| 用途 | コマンド | メリット |
|---|---|---|
| 詳細なテスト結果を確認 | --reporter=list |
どのテストが実行されたか詳細に表示 |
| ブラウザを開いて実行 | --headed |
テストの動きを目視で確認できる |
| 失敗したテストのみ再実行 | --retry=1 |
デバッグ効率UP！ |
| 特定のテストだけ実行 | -g "テスト名" |
重要なテストだけピンポイント実行 |
| テストのスクリーンショットを撮る | --trace=on |
どこで失敗したか視覚的に確認 |
🐼✨ このコマンドを活用して、快適にPlaywrightテストを書いていこう！ 🎯