๐ŸŽฏ 5.1 async/await ใฎๆณจๆ„็‚น

๏ผˆComposition API + Jest ใซใŠใ‘ใ‚‹้žๅŒๆœŸๅ‡ฆ็†ใƒ†ใ‚นใƒˆ๏ผ‰


โœ… ใ€่ฆ็‚นใ€‘

Composition API ใซ้™ใ‚‰ใšใ€Vue ใง้žๅŒๆœŸๅ‡ฆ็†ใ‚’ใƒ†ใ‚นใƒˆใ™ใ‚‹ๅ ดๅˆใฏ

โ†’ ใ“ใ‚Œใ‚’ๅฎˆใ‚‰ใชใ„ใจ

โŒ ใ€Œใพใ ็ต‚ใ‚ใฃใฆใชใ„ใฎใซใƒ†ใ‚นใƒˆใŒ็ต‚ใ‚ใ‚‹ใ€

โŒ ใ€Œใƒ†ใ‚นใƒˆใŒๅคฑๆ•—ใ—ใชใ„ใพใพ็ต‚ไบ†ใ™ใ‚‹ใ€

ใจใ„ใฃใŸใƒใ‚ฐใŒ่ตทใใ‚„ใ™ใ„ใ€‚


๐ŸŸข ใ€ๅŸบๆœฌใฎๆ›ธใๆ–นใ€‘

it('้žๅŒๆœŸ้–ขๆ•ฐใŒ resolve ใ•ใ‚Œใ‚‹', async () => {
  const result = await myAsyncFunc();
  expect(result).toBe('done');
});


๐ŸŸ  ใ€้žๅŒๆœŸ้–ขๆ•ฐใฎใƒ†ใ‚นใƒˆ NG ไพ‹ใ€‘

// โŒ await ใŒใชใ„ โ†’ ๅคฑๆ•—ใ—ใฆใ‚‚ catch ใงใใชใ„
it('await ใ‚’ๅฟ˜ใ‚Œใ‚‹ใจๅคฑๆ•—ใ—ใชใ„', () => {
  myAsyncFunc().then((result) => {
    expect(result).toBe('done');
  });
});

โ†’ ๅคฑๆ•—ใ—ใฆใ‚‚ Jest ใŒๆฐ—ใฅใ‹ใชใ„๏ผ