🎯 B. テスト書き換え作業チェックリスト | Notion

🎯 B. テスト書き換え作業チェックリスト

（Vue 2.7 クラスコンポーネント → Composition API 書き換え時）

✅ 【目的】

書き換え時の 抜け漏れ防止
「この書き方はもう使えない」を明確に
効率よく安全に移行できる チェックリスト

🟢 【基本チェック項目】

チェック項目	やった？	補足
✅ `@Prop()` → `defineProps()` に書き換えたか		型も含めて記載した？
✅ `get` を `computed()` に書き換えたか		依存する変数が正しく `ref` / `props` か？
✅ `methods` を `setup` 内の関数に移行したか		関数の型定義も忘れず
✅ `this.$store.dispatch` → `useStore().dispatch` に書き換えたか		`useStore()` で取得している？
✅ `this.$store.commit` → `useStore().commit` に書き換えたか
✅ `this.$store.state` / `getters` の参照方法を変更したか		`store.state.xxx`, `store.getters.xxx` に変更

🟠 【テストコード側チェック項目】

チェック項目	やった？	補足
✅ `wrapper.vm.プロパティ` を使っていないか		必ず `text()` / `find()` で確認する
✅ `wrapper.vm.method()` を直接呼んでいないか		`trigger()` でイベント発火に変更
✅ 非同期処理は `await` 付きで書いているか		`nextTick()` も忘れずに
✅ Vuex の `store` を `jest.mock('vuex')` でモックしているか		`useStore()` をモック
✅ スナップショットは必要な範囲だけ撮っているか		`find().html()` で絞っている？
✅ 動的値（ID, 日付など）がスナップショットに入っていないか		固定値 or 除外

🟣 【スナップショット関連のチェック】

チェック項目	やった？	補足
✅ `toMatchSnapshot()` が適切に使われているか		DOM 出力のみに使用
✅ スナップショットを撮りすぎていないか		不要な部分を `find()` で除外できているか？
✅ `toMatchInlineSnapshot()` の使いどころを判断したか		差分が少ない場合はインラインもOK

🟡 【Vuex Action / Mutation / Getter のテスト】

チェック項目	やった？	補足
✅ 非同期 action (`dispatch`) の呼び出しをモックしているか		`jest.fn().mockResolvedValue()` 使用
✅ mutation (`commit`) も必要ならモックしているか		Action テスト時に `commit` の呼び出し確認
✅ getter の値をモックして正しく動作確認しているか		`getters: { doubleCount: 10 }` など