📌Playwrightでテストを最適化する！

テストの実行、毎回すべて走らせる必要ある？ 🤔
--headed や --retry=1 などの便利なオプションを使えば、もっと効率的に回せる！

📌 1. テスト結果を詳細に表示する

👉 「どのテストが実行された？」「何が失敗した？」を確認！

npx playwright test tests/ticket-purchase.spec.ts --reporter=list

✅ リスト形式で、実行されたテストと結果を詳細に表示！ 🎫

✅ エラーの特定やデバッグに便利！

👉 「実際にブラウザが動いている様子を見ながらテストしたい！」ときに便利！

npx playwright test tests/ticket-purchase.spec.ts --headed

✅ 自動テストがどのように動くか目視で確認！ 🖥️

✅ クリックや入力の動作をリアルタイムでチェックできる！

👉 「テストが失敗した！でも全部やり直すのは時間がかかる…」そんなときに！

npx playwright test --retry=1

✅ 失敗したテストだけ再実行して、効率的にデバッグ！ 🔄

✅ 「たまたま落ちた？」か、それとも「本当にバグ？」かを素早く確認！

👉 「特定の処理だけをピンポイントでテストしたい！」ときに！

npx playwright test -g "購入確認ページの表示"

✅ 指定したテストケースだけを実行できる！ 🎯

✅ -g（または --grep）を使うと、名前に一致するテストを実行！

👉 「テストがどこで失敗したのか、画面の状態を見たい！」ときに！

npx playwright test --trace=on

✅ テストの各ステップごとにスクリーンショットを撮影！ 📸

✅ 失敗した時の状態をあとから確認できる！

📌 テスト実行後に playwright-report で詳細を確認できる！

テストをもっと快適に！ 🦁🎟️

Playwrightには、効率的にテストを実行するための便利なコマンド がたくさんある！

今回紹介した 5つのコマンド を活用して、スムーズにテストを進めよう！ 🚀

🐼✨ このコマンドを活用して、快適にPlaywrightテストを書いていこう！ 🎯