在前端开发中，异步操作是很常见的。而在 Jest 中测试异步操作也是很重要的一部分。本文将介绍在 Jest 中如何测试 async/await。
准备测试环境
在开始测试之前，我们需要准备测试环境。为了避免测试时对真实的 API 或后端产生影响，我们可以使用 Jest 提供的 mock 功能。这样我们就可以模拟出一个虚拟的 API 或后端，用于测试。
下面是一个简单的例子：
// mock.js export const fetchData = async () => { return Promise.resolve('data'); };
在这个例子中，我们定义了一个名为 fetchData 的函数，它返回一个 Promise，并且 Promise 的结果是字符串 "data"。
现在我们可以使用 Jest 提供的 jest.mock() 函数来模拟 fetchData 函数：
-- -------------------- ---- ------- -- ------------ ------ - --------- - ---- --------- -------------------- --------------- ------ ------ ------ ----- -- -- - ----------------------------------- -- ----------------------- -------- ----- ---- - ----- ------------ ---------------------------- ------- ---展开代码
在这个例子中，我们使用 jest.mock() 模拟了 fetchData 函数。然后我们使用 jest.fn() 函数来模拟 fetchData 函数的实现。最后我们使用 expect() 函数来断言 fetchData 函数的返回值是否为 "mocked data"。
测试 async/await
在 Jest 中测试 async/await 很简单。我们可以将 async 函数定义为 test 函数的参数，然后在 test 函数中使用 await 关键字等待 async 函数的结果。下面是一个简单的例子：
-- -------------------- ---- ------- -- ------------- ----- --------- - ----- -- -- - ------ ------------------------ -- --------------- ------ ------ ------ ----- -- -- - ----- ---- - ----- ------------ ----------------------------- ---展开代码
在这个例子中，我们定义了一个名为 fetchData 的 async 函数。然后我们使用 test 函数来测试这个函数。在 test 函数中，我们使用 await 关键字等待 fetchData 函数的结果。最后我们使用 expect() 函数来断言 fetchData 函数的返回值是否为 "data"。
错误处理
在异步操作中，错误处理也是很重要的一部分。在 Jest 中测试错误处理也很简单。我们可以使用 try/catch 语句来捕获错误，并且使用 expect() 函数来断言错误信息。下面是一个简单的例子：
-- -------------------- ---- ------- -- ------------- ----- --------- - ----- -- -- - ----- --- --------------- -- --------------- ------ ----- -- ------- ----- -- -- - --- - ----- ------------ - ----- ------- - --------------------------------------- - ---展开代码
在这个例子中，我们定义了一个名为 fetchData 的 async 函数。这个函数抛出了一个错误。然后我们使用 test 函数来测试这个函数。在 test 函数中，我们使用 try/catch 语句来捕获错误。最后我们使用 expect() 函数来断言错误信息是否为 "error"。
总结
在 Jest 中测试 async/await 很简单，我们只需要将 async 函数定义为 test 函数的参数，然后在 test 函数中使用 await 关键字等待 async 函数的结果。在测试错误处理时，我们可以使用 try/catch 语句来捕获错误，并且使用 expect() 函数来断言错误信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6567124bd2f5e1655dff95de
