Playwright を採用する理由

Playwrightは、実際のブラウザをプログラムから自動操作し、「ログインして、データを登録して、一覧に表示されることを確認する」といった利用者の操作の流れを再現して検証するためのテストツールです。このような、システム全体を端から端まで通して確認するテストは「E2E（End to End）テスト」と呼ばれます。複数の種類のブラウザとスマートフォン相当の画面幅での確認に対応し、失敗した箇所の画面録画やスクリーンショットを残せるため、原因の特定が容易です。

弊社では、業務システムやWebサイトの主要な操作の流れをPlaywrightで自動テストとして整備しています。対象は、ログイン、データの登録・検索・更新、申込フォームの送信など、動かなくなると業務に直結する機能です。受け入れテストの前に自動で一通りの流れを確認できるため、お客様に確認いただく段階で基本的な不具合が残っている状況を減らせます。フレームワークやライブラリの更新後に、画面の操作が以前と同じように動くことを確認する回帰テストとしても機能し、更新作業の心理的な負担を大きく下げています。GitHub Actionsに組み込み、変更のたびに自動実行する運用が基本です。Next.jsで作る画面でもLaravelで作る画面でも同じように使えるため、技術構成にかかわらず同じ品質の確認を提供できます。この会社サイトの問い合わせフォームもPlaywrightで検証しています。

E2Eテストは画面の構造に依存するため、画面のデザイン変更や項目の追加に合わせてテストの更新が必要です。テストが本来の不具合ではなく画面の変更で失敗する状態を放置すると信頼性が下がるため、画面変更と同時にテストを直す運用を徹底します。テスト用のデータは毎回同じ状態から始められるよう準備し、外部サービスとの連携部分は模擬に置き換えると安定します。実行時間が長くなりがちなので、主要な流れに絞り、細かな検証は単体テストに任せる役割分担が重要です。