什么是 Jest Mock？
Jest 是 Facebook 推出的一款 JavaScript 测试框架，Mock（模拟） 是 Jest 的一个强大功能，可以用来模拟对象、函数、测试 API 等等。使用 Jest Mock 可以使测试更加简单、高效，能够为前端开发提供更稳定的测试环境，提高代码的可靠性和质量。
Jest Mock 的优点
- 仿真真实数据场景，提高测试准确性
- 可以减少测试开发和维护成本，提高测试效率
- 在编写测试时，避免了对实际数据产生影响
Jest Mock 的使用方法
模拟函数
Jest Mock 可以用来模拟函数的返回结果，使测试更加简单、高效。
-- -------------------- ---- ------- -------- ------ -- - ------ - - -- - --------- ------ -- -- - ----- ------- - ------------- ------------------------------- ----- ------ - ---------- --- ----------------------- ----------------------------------- ---
在这段代码中，我们先定义了一个 add 函数，它接受两个参数并返回它们的和。接下来，我们创建一个名为 mockAdd 的 Jest Mock，将它的返回值设置为 5 的模拟值，然后在测试用例中调用 mockAdd(2,3) ，得到返回值 5。最后，我们使用 Jest 提供的 toBe 和 toHaveBeenCalled 断言分别进行结果判断以及函数是否被调用判断。
模拟对象
Jest Mock 还可以用来模拟对象的行为，在特定情况下更加方便。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
--------- -
------ -------------- ---------------
-
-
------------ ------ -- -- -
----- ---------- - ---------- -- --
-------- -----------------------------------------
----
----- - - --- -------------
-------------------------------------
---可以看到，这段代码中我们定义了一个名为 Person 的类，接下来我们模拟了该类的 getInfo 方法，将其返回值置为"它是一个假的人。"，然后通过 Jest 提供的 toBe 方法进行断言判断。
API Mock
在实际开发过程中，我们经常需要进行网络请求，而在测试代码中，我们不希望真的发起网络请求，这时候，Jest Mock 的 API Mock 功能就派上用场了。
-- -------------------- ---- -------
------ ----- ---- --------
--------- ------ ----- -- -- -
----- ---- - -
----- --
-------- ----- -- - ---- -----------
----- -
----- --- -- --
-
--
----------------- -----------------------------------
----- --- - ----- -----------------------------------------
-------------------------------
---在这段代码中，我们使用了 Axios 请求数据，并且将其 Mock 化，达到不实际发起网络请求而得到返回值的效果。
实战应用
Jest Mock 不仅提供了与函数、对象、API 等相关的 Mock 功能，还可以在测试用例中灵活地应用，从而更好地进行测试，提高代码的可靠性和质量。
具体场景中，可以运用 Jest Mock 去模拟诸如请求等接口数据，避免繁琐的手写 Mock 操作；还可以在协作开发中，灵活模拟接口行为，配合同步 Mock 的话，能极大的约定 接口行为。总之，Jest Mock 能够让我们在编写测试用例时，避免直接改变骨干代码，从外部反馈代码运行状况，提高代码健壮度，保障产品的稳定性。
总结
本文详细介绍了 Jest Mock 的使用方法以及其优点，并用实例代码加以说明。在实际开发中，我们可以通过 Jest Mock 可以方便地进行函数、对象、API Mock，从而达到更好的测试效果，保证代码的质量、稳定性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d4ac51b5eee0b525c7d5ff