Cypress とは？

一番の違いは、テストがブラウザの中でアプリと一緒に動くことだよ。Seleniumのようにブラウザの外から操作するのではなく、アプリと同じ実行ループの中で動くから、ブラウザ内のオブジェクトに直接アクセスできるし、ネットワーク通信を差し替えることもできるんだ

テストの各ステップごとにスナップショットが記録されるんだ。テスト実行後にステップを選ぶと、その時点の画面の状態を確認できる。時間を巻き戻して見ているような感覚だよ

テストコードを変更して保存すると自動で再実行されるから、「書く→確認→修正」のサイクルを速く回せるんだ。要素が表示されるまで自動で待ってくれる仕組みもあって、待ち時間を自分で書く手間が減るよ

Chrome系・Edge・Firefoxに対応していて、WebKit（Safariのエンジン）は実験的なサポートだよ。WebKitは設定で有効にして、追加のパッケージを入れる必要があるんだ。ブラウザの中で動く設計から来る制約もあって、同時に操作できるブラウザは1つだけ。複数タブの操作は標準機能ではなく、Puppeteerプラグインを使う形になる。別のオリジンへ移動するテストでは、cy.originというコマンドが必要だよ（2026年9月時点）

ブラウザで動くWebアプリを、画面を見ながらテストしたいときに向いているよ。公式ドキュメントも、Cypressは汎用の自動化ツールではなく、クローリングや性能テストには向かないと説明している。複数のブラウザを同時に操作するテストや、Safariでの確認が重要な場合は、PlaywrightやSeleniumなどほかのツールとも比べて選ぶといいね