🎯 6.5 スナップショットテストの注意点とベストプラクティス

✅ 【要点】

スナップショットテストは便利だけど、

「使いすぎ」や「目的の誤解」がよくある落とし穴。

• なんでもかんでもスナップショットにすると

  → テストが読みにくくなる / 無意味な確認になる

• 「何を守りたいのか？」を意識して使うのがコツ。

🚩 【スナップショットテストの注意点】

🟡 【悪い例】

// テーブル丸ごとスナップショット → 差分がわからない
expect(wrapper.html()).toMatchSnapshot();

→ 変わっても「どこの行が変わったの？」ってなる。

🟢 【良い例】

// 変わってほしくない部分だけ絞る
expect(wrapper.find('p').html()).toMatchSnapshot();

→ 「この p タグの出力だけチェック」

→ 差分が小さくて見やすい。