Playwrightでラクして行うブラウザ動作確認

全4回

包括的なテストフレームワークに触れたことのない読者に向けて、実際にPlaywrightというフレームワークを動かしながら、「テストにはどんな利点があるのか」を実感するシリーズです。

最終回 GitHub Actionsでテストを自動実行する

PlaywrightテストをGitHub Actionsで自動実行し、結果をGitHub Pagesで可視化する手順を解説します。これにより、コードの変更時に自動でテストが走り、結果をチーム全体で簡単に確認できるようになります。

第3回 タブの切り替えを追加してテストを拡張する

前回までで、ローカル実行できる最小のPlaywrightテストが完成しました。今回はタブUIの切り替え操作をテストに加え、最小テストを拡張します。「基本的な操作がエラーなく成立する」ことまで自動検証できるようにしましょう。

第2回 Playwright導入と最初のテスト

Playwrightを使ったライトなE2Eテストの導入方法を、デモアプリの取得からローカルサーバー起動、最初のテスト作成、テストコマンド追加まで、実践的な手順で解説します。

第1回 ゆるE2Eのススメ

フロントエンドの現場では、テストの必要性を感じつつも、実装コストや優先度の問題から後回しにされがちです。本シリーズでは、Playwrightを使って最低限のE2Eテストを試します。テストを書く意味と効果を実感してみましょう。