Cypress
ブラウザー内の観測性を重視するE2E テストツール。操作の時間経過、DOM、リクエストを対話的にデバッグできる。
何を担当する？
操作の時間経過、DOM、リクエストを対話的にデバッグできる。
いつ使う？
- フロントエンドチームが画面テストを見ながら開発したいとき。
避けたい場面
- 複数タブや複数ブラウザーエンジンの同時網羅を最優先するとき。
Cypress / Puppeteer
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
CypressとPuppeteerはどちらも「テスト」の技術なので、同じ土俵で比較しやすい組み合わせです。
Puppeteer
Chrome系ブラウザーをプログラムから操作する自動化ライブラリ。DevTools Protocolを介してページ操作、キャプチャ、スクレイピングを行う。
何を担当する？
DevTools Protocolを介してページ操作、キャプチャ、スクレイピングを行う。
いつ使う？
- Chromium中心の自動化やPDF・screenshot生成を細かく制御するとき。
避けたい場面
- FirefoxとWebKitを同じAPIで広く検証したいとき。
CypressとPuppeteerはブラウザ自動化とE2Eテストで比較される。操作の時間経過、DOM、リクエストを対話的にデバッグできる。一方、PuppeteerはDevTools Protocolを介してページ操作、キャプチャ、スクレイピングを行う。