Jest 是一个流行的 JavaScript 测试框架，它提供了许多强大的功能，其中之一就是自动 mock。自动 mock 可以自动模拟您的依赖项，使您的测试更加简单和可靠。但是，在某些情况下，您可能需要手动注入依赖项，以便在自动 mock 中使用它们。本文将介绍如何在使用 Jest 的自动 mock 功能时处理依赖项注入。
什么是自动 mock？
在 Jest 中，自动 mock 是一种自动模拟依赖项的方法。当您使用 Jest 运行测试时，它会自动创建模拟版本的您的依赖项。这些模拟版本可以替代您的实际依赖项，以便您可以更轻松地测试您的代码。
例如，假设您的代码依赖于一个名为 axios 的 HTTP 请求库。如果您使用 Jest 的自动 mock 功能，Jest 将自动创建一个名为 axios 的模拟版本，该版本可以替代您的实际 axios 依赖项。您可以使用这个模拟版本来测试您的代码，而不必担心与实际 axios 的交互。
如何处理依赖项注入？
虽然自动 mock 可以使测试更加简单和可靠，但在某些情况下，您可能需要手动注入依赖项。例如，如果您的代码依赖于一个需要配置的库，或者如果您需要在测试中使用一个不同于生产代码中使用的依赖项版本，那么手动注入依赖项将非常有用。
在 Jest 中，您可以使用 jest.mock() 函数手动注入依赖项。这个函数接受两个参数：要模拟的模块名称和模拟模块的实现。例如，以下代码手动模拟了一个名为 myModule 的模块：
jest.mock('./myModule', () => {
return {
myFunction: jest.fn(),
};
});在这个例子中，我们手动模拟了一个名为 myModule 的模块，并返回了一个包含 myFunction 属性的对象。我们可以使用 myFunction 这个模拟函数来测试我们的代码，而不必担心与实际 myModule 的交互。
在某些情况下，您可能需要手动注入依赖项的实例，而不是模拟模块。例如，如果您的代码依赖于一个需要配置的库，您可能需要手动创建一个实例并将其注入到您的代码中。在这种情况下，您可以使用 jest.mock() 函数的第二个参数来手动注入依赖项的实例。例如，以下代码手动注入了一个名为 myInstance 的依赖项实例：
const myInstance = new MyDependency();
jest.mock('./myModule', () => {
return {
myFunction: jest.fn(() => {
return myInstance;
}),
};
});在这个例子中，我们手动模拟了一个名为 myModule 的模块，并返回了一个包含 myFunction 属性的对象。我们的 myFunction 模拟函数返回了一个预先创建的 myInstance 实例。我们可以使用这个实例来测试我们的代码，而不必担心与实际 myModule 的交互。
示例代码
以下是一个使用 Jest 的自动 mock 功能时处理依赖项注入的示例代码：
-- -------------------- ---- -------
-- ---------------
------ ------- ----- ------------ -
------------------- -
----------- - -------
-
----------- -
-- ----- ---- ----- -----------
-
-
-- -----------
------ ------------ ---- -----------------
------ ------- ----- -------- -
------------------- -
--------------- - --- ---------------------
-
----- ------------- -
----- ---- - ----- ----------------------------
-- -- --------- ---- ----
-
-
-- ----------------
------ -------- ---- -------------
--------------------------- -- -- -
------ -
-------- ---------- -- -
------ -
---------- ----------
--
---
--
---
-------------------- -- -- -
---------- ----- ---- ----- -------------- ----- -- -- -
----- ------ - - ---- ----- --
----- -------- - --- -----------------
----- ------------- - ------------------------------
----- -----------------------
-----------------------------------------
---
---在这个例子中，我们创建了一个名为 MyDependency 的依赖项，并在 MyModule 中使用它。我们使用 Jest 的自动 mock 功能来模拟 MyDependency，以便我们可以测试 MyModule，而不必担心与实际 MyDependency 的交互。
我们使用 jest.mock() 函数来模拟 MyDependency。在模拟中，我们返回一个包含 fetchData 属性的对象。我们的 fetchData 模拟函数不执行任何操作，但我们可以使用它来测试 MyModule 的行为。
在测试中，我们创建了一个新的 MyModule 实例，并获取了它的 dependency.fetchData 方法的模拟函数。我们调用 myModule.doSomething() 方法，然后检查模拟函数是否已被调用。这个测试证明了我们的代码能够正确地使用模拟的 MyDependency，而不必担心与实际 MyDependency 的交互。
结论
在使用 Jest 的自动 mock 功能时，处理依赖项注入是非常重要的。手动注入依赖项可以帮助您更好地控制测试环境，并使您的测试更加可靠和健壮。使用 jest.mock() 函数可以帮助您手动注入依赖项，并让您更轻松地测试您的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757e518890bd9faa439f6a4