在前端开发中，测试是一个非常重要的环节。而 Jest 是一个非常流行的 JavaScript 测试框架，它提供了一系列的 API 和工具，使得我们可以非常方便地编写和运行测试用例。在 Jest 中，使用 mocks 去测试程序是一个非常常见的技巧。本文将详细介绍 Jest 中的 mocks，包括如何使用 mocks 去测试程序，以及如何编写高质量的测试用例。
什么是 mocks
在 Jest 中，mocks 是指一种模拟对象，它可以模拟真实的对象，使得我们可以在测试中使用这些模拟对象来代替真实的对象。这样，我们就可以在测试中控制这些模拟对象的行为，以便测试我们的程序是否按照预期工作。在 Jest 中，我们可以使用以下两种方式创建 mocks：
手动创建 mocks：我们可以手动创建一个模拟对象，然后使用 Jest 提供的 API 去控制这个模拟对象的行为。
自动创建 mocks：我们可以使用 Jest 提供的自动 mocks 功能，自动创建一个模拟对象。这个自动创建的模拟对象会自动拥有与被模拟对象相同的属性和方法。
如何使用 mocks 去测试程序
使用 mocks 去测试程序的基本步骤如下：
创建一个模拟对象。
使用 Jest 提供的 API 去控制这个模拟对象的行为。
在测试中使用这个模拟对象去代替真实的对象。
下面我们将通过一个例子来详细说明如何使用 mocks 去测试程序。
假设我们有一个函数 getUserInfo，它会从后端获取用户信息。我们的任务是编写一个测试用例，测试这个函数是否按照预期工作。
首先，我们需要创建一个模拟对象，模拟后端的返回结果。我们可以使用 Jest 提供的 jest.fn() 函数来创建一个模拟函数，然后返回模拟的结果：
-- -------------------- ---- -------
----- ----------- - -------------------------
----------------- ------ ------ ---- ------ ----- -- -- -
----- -------- - -
----- ------
---- ---
------- ------
--
----- --------- - ---------- -- -----------------
----- -- -- -------------------------
----
------------ - ----------
----- -------- - ----- --------------
-----------------------------------
---在这个测试用例中，我们首先创建了一个模拟结果 mockData，然后创建了一个模拟函数 mockFetch。这个模拟函数会返回一个 Promise，这个 Promise 的返回值是一个包含 json 方法的对象，这个 json 方法会返回我们预先定义好的模拟结果。
接下来，我们将这个模拟函数赋值给全局变量 fetch，以便在测试中使用。然后，我们调用 getUserInfo 函数，通过 await 等待它的返回结果。最后，我们使用 Jest 提供的 expect 函数来验证返回结果是否与预期相符。
如何编写高质量的测试用例
编写高质量的测试用例是非常重要的，它可以帮助我们发现代码中存在的问题，提高代码的质量。下面是一些编写高质量的测试用例的建议：
测试应该覆盖尽可能多的代码路径。这意味着我们需要编写多个测试用例，以覆盖函数的所有代码路径。
测试应该尽可能地独立和可重复。这意味着我们应该避免测试之间的依赖，以及避免测试需要依赖外部环境。
测试应该具有清晰的目的和描述。这意味着我们应该给测试用例起一个有意义的名字，并在测试用例中提供清晰的描述和注释。
测试应该尽可能地简单和易懂。这意味着我们应该避免过于复杂的测试逻辑，以及使用简单和易懂的代码。
结论
使用 mocks 去测试程序是 Jest 中的一个非常常见的技巧。在本文中，我们介绍了 Jest 中的 mocks，包括如何使用 mocks 去测试程序，以及如何编写高质量的测试用例。希望本文能够帮助你更好地理解 Jest 中的 mocks，并帮助你编写高质量的测试用例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673f20df5ade33eb722e09ff