在前端开发中，Jest 是一个非常流行的测试框架。它提供了许多有用的功能，例如测试覆盖率、断言、mock 等。在本文中，我们主要讨论 Jest 中多 mock 和 mockReturnValue 的使用方法。
什么是 jest.mock
在 Jest 中，jest.mock 是一个非常有用的函数。它可以帮助我们模拟各种函数和模块。当我们想测试一个函数或模块时，我们可以使用 jest.mock 函数来替换它们的实现。
在下面的示例中，我们将使用 jest.mock 来模拟 axios 模块：
// api.js
import axios from 'axios';
export const getUser = async (id) => {
const response = await axios.get(`https://jsonplaceholder.typicode.com/users/${id}`);
return response.data;
}-- -------------------- ---- -------
-- -----------
------ - ------- - ---- -----------
------ ----- ---- --------
-------------------
------------------- -- -- -
------------- ---- ------ ----- -- -- -
----------------------------- ----- - ----- ----- ---- - ---
----- ---- - ----- -----------
------------------------------- ------
---
---在上面的示例中，我们使用 jest.mock 来模拟 axios 模块，并使用 mockResolvedValue 函数来设置 axios.get 请求的响应数据。这样我们就可以测试 getUser 函数的逻辑，而不需要实际发起网络请求。
Jest 多 mock
有时候我们需要在测试中模拟多个函数或模块。在 Jest 中，我们可以使用多个 jest.mock 函数来模拟这些函数和模块。在下面的示例中，我们将模拟两个模块：axios 和 fs。
-- -------------------- ---- ------- -- ------ ------ ----- ---- -------- ------ -- ---- ----- ------ ----- ------- - ----- ---- -- - ----- -------- - ----- -------------------------------------------------------------- ----- - ---- - - -------------- ---------------------------- ------ ------ ----- --
-- -------------------- ---- -------
-- -----------
------ - ------- - ---- -----------
------ ----- ---- --------
------ -- ---- -----
-------------------
----------------
------------------- -- -- -
------------- ---- ------ ----- -- -- -
----------------------------- ----- - ----- ----- ---- - ---
--------------------------------------------
----- ---- - ----- -----------
-------------------------- ------
---
---在上面的示例中，我们使用两个 jest.mock 函数来模拟 axios 和 fs 模块。在测试中，我们使用 mockResolvedValue 和 mockReturnValue 函数来分别设置 axios.get 和 fs.writeFileSync 的输出结果。
需要注意的是，当我们使用多个 jest.mock 函数时，它们的顺序非常重要。在上面的示例中，axios 模块必须在 fs 模块之前被 mock，否则测试将失败。
mockReturnValue 和 mockReturnValueOnce
在 Jest 中，我们可以使用 mockReturnValue 和 mockReturnValueOnce 函数来设置 mock 的返回值。
mockReturnValueOnce 函数会在第一次调用 mock 函数时返回指定的值，而后续调用会返回默认值。在下面的示例中，我们将使用 mockReturnValueOnce 函数来测试 getFirstUser 函数。
// api.js
export const getFirstUser = (users) => {
return users[0];
};-- -------------------- ---- -------
-- -----------
------ - ------------ - ---- -----------
------------------------ -- -- -
------------- --- ----- ------ -- -- -
----- ----- - ------ ----- ----- ----- ---- --------
----- ---- - ----------
-----------------------------------
-----------------------------------
----- ------- - -------------------
----- ------- - -------------------
----- ------- - -------------------
----------------------------- ------
----------------------------- ------
--------------------------------
--
--在上面的示例中，我们使用 jest.fn 函数创建了一个 mock 函数，并使用 mockReturnValueOnce 函数在前两次调用时分别返回了 John Doe 和 Jane Doe。在第三次调用时，mock 函数返回了默认值 undefined。
mockReturnValue 函数会一直返回指定的值，代码如下：
mockReturnValue(value: any): this;
总结
了解 Jest 中多 mock 和 mockReturnValue 的使用方法，可以帮助我们更好地编写测试用例，测试代码的正确性和可靠性。在编写测试用例时，我们应该尽可能使用 mock 函数和模块来避免不必要的网络请求和文件操作。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646d7a85968c7c53b0c26769