Playwright とは？

Webアプリの画面操作を自動化してテストするツールだよ。「ボタンをクリック→フォームに入力→結果を確認」という人の操作をコードで再現できるんだ。テストランナーやアサーションも一緒に入っているよ

Chromium・Firefox・WebKitの3つのエンジンを同じテストコードで動かせるから、エンジンごとの違いによる不具合を見つけやすいよ。ただ、FirefoxとWebKitはPlaywright用に手を加えたビルドで、WebKitはSafariそのものではないんだ。最後は実際のSafariでも確認すると安心だね

Cypressはテストのコマンドがブラウザの中で動く仕組みで、同時に操作できるブラウザは1つだけだよ。Playwrightは1つのテストの中で、互いに独立したブラウザコンテキストを複数作れるから、チャットのように複数ユーザーが関わる操作も試しやすいんだ。設定した複数のブラウザ向けのテストは並列で実行できるよ

クリックの前に、要素が表示されているか、動きが止まっているか、ほかの要素に隠れていないか、無効になっていないかを自動で確かめて、条件がそろうまで待つんだ。だから「3秒待つ」のような固定の待ち時間を書かずに済むことが多いよ。決められた時間内にそろわなければエラーになるね

トレースビューアを使うと、各操作の前後のDOMのスナップショットやスクリーンショット、ネットワーク、コンソールのログを時系列で見返せるよ。CIで落ちたテストも、何が起きていたかを後から追えるんだ