🎯 6.4 スナップショットが変わった時の対応方法（更新する場合 / 意図しない変更の場合）

✅ 【要点】

スナップショットテストで出力が変わったときは、

「その変更は意図したものか？」 を必ず判断する。

• 仕様変更 → スナップショットを更新する (-updateSnapshot / u)
• バグ・意図しない変更 → コードを修正する

→ 変更に気づかず放置が一番危険！

必ず「変更の原因」を確認するのが基本。

🖼️ 【スナップショット差分のイメージ】

Snapshot name: Greeting.vue renders correctly (スナップショット)

- <p>Hello, Vue!</p>
+ <p>Hello there, Vue!</p>

🟢 【更新すべき場合（正当な変更の場合）】

仕様が変わって「これで正しい」という場合👇

✅ 更新コマンド

npx jest --updateSnapshot

または短縮版👇

npx jest -u

🎉 更新後の結果