如何在 Jest 中模拟异步函数？

在前端开发中，我们经常需要对异步函数进行测试。Jest 是一个流行的 JavaScript 测试框架，它提供了一些强大的工具来测试异步函数。本文将介绍如何在 Jest 中模拟异步函数，以便更好地进行测试。

Jest 中的异步测试

在 Jest 中，我们可以使用 test 函数来编写测试用例。如果我们要测试异步函数，可以使用 async/await 或者 Promise 来处理异步操作。例如：

test('异步函数测试', async () => {
  const result = await asyncFunc()
  expect(result).toBe('success')
})

在这个例子中，我们使用了 async/await 来等待异步函数 asyncFunc 的返回值，并使用 expect 断言返回值为 'success'。

模拟异步函数

当我们使用 Jest 进行异步函数测试时，有时需要模拟异步函数的返回值或者抛出异常。在 Jest 中，我们可以使用 jest.fn() 来创建一个模拟函数。例如：

const asyncFunc = jest.fn()

这个模拟函数可以模拟任何函数，包括异步函数。我们可以使用 mockReturnValue 或者 mockResolvedValue 来模拟异步函数的返回值。例如：

const asyncFunc = jest.fn().mockResolvedValue('success')

这个模拟函数返回一个 Promise 对象，Promise 对象的值为 'success'。我们可以在测试用例中使用这个模拟函数来测试异步函数。例如：

test('异步函数测试', async () => {
  const result = await asyncFunc()
  expect(result).toBe('success')
})

这个测试用例会通过，因为我们使用模拟函数 asyncFunc 来模拟异步函数的返回值为 'success'。

我们也可以使用 mockRejectedValue 来模拟异步函数的异常情况。例如：

const asyncFunc = jest.fn().mockRejectedValue(new Error('error'))

这个模拟函数返回一个 Promise 对象，Promise 对象的值为一个错误对象。我们可以在测试用例中使用这个模拟函数来测试异步函数。例如：

test('异步函数测试', async () => {
  await expect(asyncFunc()).rejects.toThrow('error')
})

这个测试用例会通过，因为我们使用模拟函数 asyncFunc 来模拟异步函数抛出一个错误。

总结

在 Jest 中模拟异步函数可以帮助我们更好地进行测试。我们可以使用 jest.fn() 来创建一个模拟函数，使用 mockReturnValue、mockResolvedValue 或者 mockRejectedValue 来模拟异步函数的返回值或者异常情况。这些工具可以帮助我们编写更加全面和准确的测试用例，提高代码质量和稳定性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66115169d10417a2221ed016