在前端开发中，测试是一个非常重要的过程。而在 Jest 中，引入 Mocks 和 Stubs 是测试期间一个非常常见的操作。
本文将详细地介绍在 Jest 测试期间如何引入 Mocks 和 Stubs，并提供相关示例代码。
什么是 Mock 和 Stub
在 Jest 中，Mock 和 Stub 是两种相似的概念，它们都是用来模拟一些方法或者对象的功能，以便测试程序的某些特定功能。
具体来说，Mock 是一种虚拟的方法或对象，它可以被用于替换真实的方法或对象，并且可以通过设置一些特定的行为来测试一些特定的功能。
而 Stub 则是一种轻量级的 Mock，它通常只是用来代替一个方法，并返回一个固定的值，以便在测试某些特定的功能时使用。
在 Jest 中引入 Mock 和 Stub
在 Jest 中引入 Mock 和 Stub 非常简单。我们只需要使用 Jest 提供的一些 API，就可以创建并使用它们。
Mock
要创建一个 Mock，我们可以使用 Jest 提供的 jest.fn() 方法。它可以用来替换一个方法，并且允许我们设置一些特定的行为。
下面是一个示例代码：
-- -------------------- ---- ------- -- -- ---- --- -------- ------ -- - ------ - - -- - -- -- ---- ----- ------- - ----------- -- -- - - --- -- ---- ---------- --- -------- -- -- - -- --- ---- ----- ------ - ---------- --- -- -- ---- ----- ----------------------------------- -- --------- ----------------------- ---
在上面的代码中，我们使用 jest.fn() 方法创建了一个 Mock，并将其设置为替换 add 方法。
我们在测试期间调用 addMock 方法，并在断言中检查 Mock 是否被调用，以及其返回值是否正确。
Stub
要创建一个 Stub，我们可以使用 Jest 提供的 jest.fn() 方法，并在其内部设置一个默认的返回值。
下面是一个示例代码：
-- -------------------- ---- -------
-- -- ---- ---
-------- ----------- -
-- ------------
-- ---
-- ----
------ -
---
--------- --------
------- ------------------------------
--
-
-- -- ----
----- ----------- - ---------- -- --
--- --
--------- -------------
------- ------------------------------
----
-- ----
---------- ------- -------- -- -- -
-- ------ ----
----- ---- - ---------------
-- -- ---- -----
---------------------------------------
-- ---------
------------------------
-----------------------------------------
--------------------------------------------------------
---在上面的代码中，我们使用 jest.fn() 方法创建了一个 Stub，并将其设置为替换 getUser 方法。在 Stub 中，我们设置了一个默认的返回值。
我们在测试期间调用 getUserStub 方法，并在断言中检查 Stub 是否被调用，以及其返回值是否正确。
总结
在 Jest 测试期间使用 Mock 和 Stub 是一个非常常见的操作。在本文中，我们详细地介绍了在 Jest 中引入 Mock 和 Stub，并提供了相关示例代码。
如果您想要更深入地了解 Jest 的相关操作，可以查看 Jest 的官方文档，或者参考其他相关的技术文章。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9c5935ad90b6d041815f1