🎯 5.1 async/await の注意点

（Composition API + Jest における非同期処理テスト）

✅ 【要点】

Composition API に限らず、Vue で非同期処理をテストする場合は

• async/await を必ず正しく使うこと
• Vue の DOM 更新を待つ場合は await nextTick() が必要
• Promise を返す actions なども await すること

→ これを守らないと

❌ 「まだ終わってないのにテストが終わる」

❌ 「テストが失敗しないまま終了する」

といったバグが起きやすい。

🟢 【基本の書き方】

it('非同期関数が resolve される', async () => {
  const result = await myAsyncFunc();
  expect(result).toBe('done');
});

🟠 【非同期関数のテスト NG 例】

// ❌ await がない → 失敗しても catch できない
it('await を忘れると失敗しない', () => {
  myAsyncFunc().then((result) => {
    expect(result).toBe('done');
  });
});

→ 失敗しても Jest が気づかない！