Cypress
ブラウザー内の観測性を重視するE2E テストツール。操作の時間経過、DOM、リクエストを対話的にデバッグできる。
何を担当する？
操作の時間経過、DOM、リクエストを対話的にデバッグできる。
いつ使う？
- フロントエンドチームが画面テストを見ながら開発したいとき。
避けたい場面
- 複数タブや複数ブラウザーエンジンの同時網羅を最優先するとき。
Cypress / Playwright
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
CypressとPlaywrightはどちらも「テスト」の技術なので、同じ土俵で比較しやすい組み合わせです。
Playwright
複数ブラウザーを自動操作するE2E テストツール。Chromium、Firefox、WebKitで実利用に近い操作を再現する。
何を担当する？
Chromium、Firefox、WebKitで実利用に近い操作を再現する。
いつ使う？
- 主要ブラウザーの画面操作とネットワークを安定して検証したいとき。
避けたい場面
- 純粋関数の細かな分岐だけを高速に検証するとき。
PlaywrightとCypressはブラウザ自動化とE2Eテストで比較される。Chromium、Firefox、WebKitで実利用に近い操作を再現する。一方、Cypressは操作の時間経過、DOM、リクエストを対話的にデバッグできる。