関数やページ操作を「こう入れたらこう返るはず」という形で定義しておき、コードを変えるたびに一括で再確認します。単体（ユニット）・複数部品の連携（結合）・ブラウザ全体（E2E）の 3 段階があります。
関数やページ操作を「こう入れたらこう返るはず」という形で定義しておき、コードを変えるたびに一括で再確認します。単体（ユニット）・複数部品の連携（結合）・ブラウザ全体（E2E）の 3 段階があります。
AI にコードを直してもらうとき、テストがあると「壊れていないか」をすぐ確認できます。「テストも書いて」と頼めば AI がアサーション（期待値の宣言）を自動生成し、TDD（H-1）の流れにも乗せられます。
ユニット・結合・E2E の 3 層ピラミッド。各層に代表ツール（Jest / Vitest / Playwright）のラベルを添える
擬人化ポンチ絵 · 後日差し込みコード変更後に期待通りの動作を一括で確認する安全網です。
AI が生成したコードの品質を手動確認なしに検証できます。
テストを書く工数が最初にかかり、メンテも必要になります。
AI で頻繁にコードを書き直す場面で特に効果が出ます。
ユニットテストと Jest の基本だけ押さえれば始められます。
TDD、Playwright、Vitest
ユニット・結合・E2E の 3 段階は「テストピラミッド」と呼ばれる考え方に基づく（Kent Beck 提唱） AI コード生成との相性が高く、バイブコーディングの文脈で重要度が増している