在前端开发中，我们经常需要对网络请求进行测试。而在单元测试中，我们需要对代码进行隔离，以便更好地进行测试。在进行单元测试时，我们不希望真正地发送网络请求，因为这会使测试变得缓慢和不可靠。在 Jest 中，我们可以使用 Mock 来模拟网络请求，以便在单元测试中更好地进行测试。
Mock Http 请求
在 Jest 中，我们可以使用 jest.mock() 方法来模拟网络请求。这个方法可以接受一个模块名称和一个模拟实现作为参数。当我们使用这个方法时，Jest 会自动将模块的所有导出替换为模拟实现。这意味着我们可以轻松地模拟网络请求，而不必担心实际网络请求的影响。
下面是一个示例，演示如何使用 Jest 来模拟网络请求：
-- -------------------- ---- ------- ------ ----- ---- -------- ------------------- ------------ ----- ------- -- -- - ----- ----- - ------- -------- ----- -------- - ------ ------- -------------------------------------- ------ ---------------------- -- ----------------------------- --- -------- ------------ - ------ --------------------------------- -- --------------- -
在这个示例中，我们使用 jest.mock() 方法来模拟 axios 模块。然后，我们使用 axios.get.mockResolvedValue() 方法来模拟 axios.get() 方法的返回值。最后，我们使用 fetchUsers() 函数来获取模拟的数据，并使用 expect() 断言来验证数据是否符合预期。
Mock 多个 Http 请求
在实际的开发中，我们经常需要同时发送多个网络请求。为了进行单元测试，我们需要模拟这些网络请求。在 Jest 中，我们可以使用 jest.mock() 方法来模拟多个网络请求。
下面是一个示例，演示如何使用 Jest 来模拟多个网络请求：
-- -------------------- ---- -------
------ ----- ---- --------
-------------------
------------ ----- ------- -- -- -
----- ----- - ------- --------
----- --------- - ------ -------
----- --------- - ------ ------- -----------
----------------------------------------------------------------------------
------ ---------------------- -- -----------------------------
---
-------- ------------ -
------ --------------------------------- -----------------------
-------------- --------- -- -- ------ ----------- -------- ------------ ----
-在这个示例中，我们使用 axios.get.mockResolvedValueOnce() 方法来模拟多个网络请求的返回值。然后，我们使用 fetchUsers() 函数来获取模拟的数据，并使用 expect() 断言来验证数据是否符合预期。
总结
在 Jest 中，我们可以使用 Mock 来模拟网络请求，以便在单元测试中更好地进行测试。使用 jest.mock() 方法可以很容易地模拟网络请求，并使用 mockResolvedValue() 方法来模拟网络请求的返回值。在实际的开发中，我们可能需要模拟多个网络请求。在这种情况下，我们可以使用 mockResolvedValueOnce() 方法来模拟多个网络请求的返回值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d8166a1886fbafa45ca5df