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

全3回

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

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

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

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

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

第1回 ゆるE2Eのススメ

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