在 Jest 中使用 Promise 测试异步代码-JavaScript中文网-JavaScript教程资源分享门户

Jest 是一个流行的 JavaScript 测试框架，它提供了强大的测试工具和 API，可以帮助开发者编写高质量的测试用例。在编写测试用例时，我们经常需要测试异步代码，例如异步函数、Promise 等。在本文中，我们将介绍如何在 Jest 中使用 Promise 测试异步代码。

Promise 简介

Promise 是一种用于处理异步操作的 JavaScript 对象。它可以让我们更方便地编写异步代码，并避免回调地狱等问题。一个 Promise 对象通常有三种状态：

pending：初始状态，表示操作还没有完成；
fulfilled：表示操作成功完成；
rejected：表示操作失败。

Promise 对象可以通过 then() 方法来注册成功和失败的回调函数，以处理异步操作的结果。例如：

// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    const result = Math.random();
    if (result > 0.5) {
      resolve(result);
    } else {
      reject(new Error('Result is too small.'));
    }
  }, 1000);
});

promise.then((result) => {
  console.log(`Result is ${result}.`);
}).catch((error) => {
  console.error(error);
});

上面的代码创建了一个 Promise 对象，它会在 1 秒后返回一个随机数。如果随机数大于 0.5，就会调用 resolve() 方法，表示操作成功完成，并传递随机数作为参数；否则就会调用 reject() 方法，表示操作失败，并传递一个 Error 对象作为参数。我们可以通过 then() 方法来注册成功的回调函数，或通过 catch() 方法来注册失败的回调函数。

在 Jest 中测试 Promise

在 Jest 中测试 Promise 的方法很简单。我们可以使用 test() 或 it() 方法来定义测试用例，然后使用 expect() 方法来断言 Promise 的状态和结果。例如：

// javascriptcn.com 代码示例
test('Promise resolves with 42', () => {
  const promise = Promise.resolve(42);
  return expect(promise).resolves.toBe(42);
});

test('Promise rejects with error', () => {
  const promise = Promise.reject(new Error('Something went wrong.'));
  return expect(promise).rejects.toThrow('Something went wrong.');
});

上面的代码分别测试了一个 Promise 对象的成功和失败情况。我们使用 Promise.resolve() 和 Promise.reject() 方法创建了两个 Promise 对象，并使用 expect() 方法来断言它们的状态和结果。在 expect() 方法中，我们可以使用 resolves 或 rejects 方法来断言 Promise 的状态，然后使用 toBe() 或 toThrow() 方法来断言 Promise 的结果。

使用 async/await 简化测试

虽然使用 Promise 进行测试很方便，但在实际开发中，我们更倾向于使用 async/await 来编写异步代码。在 Jest 中，我们也可以使用 async/await 来编写测试用例，以更简洁和易读的方式处理异步操作。例如：

// javascriptcn.com 代码示例
test('Promise resolves with 42', async () => {
  const promise = Promise.resolve(42);
  const result = await promise;
  expect(result).toBe(42);
});

test('Promise rejects with error', async () => {
  const promise = Promise.reject(new Error('Something went wrong.'));
  await expect(promise).rejects.toThrow('Something went wrong.');
});

上面的代码与之前的代码相比，只是将函数定义为 async，并使用 await 来等待 Promise 的结果。与使用 Promise 的测试用例相比，这样的测试用例更加简洁和易读。

总结

在 Jest 中使用 Promise 测试异步代码是一种非常方便和实用的方法。我们可以使用 Promise.resolve() 和 Promise.reject() 方法创建 Promise 对象，并使用 expect() 方法来断言它们的状态和结果。同时，我们也可以使用 async/await 来编写测试用例，以更简洁和易读的方式处理异步操作。希望本文对你有所帮助，让你更好地掌握 Jest 的使用技巧。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657fcf8ed2f5e1655daab79f