前言
在前端开发中，单元测试和集成测试是非常重要的环节。然而，测试依赖于各种外部依赖项，例如网络请求、数据库查询、特定的操作系统版本等等。在某些情况下，我们需要使用 Mock 来模拟一个功能，这就是 Jest Mock 的作用。
本文将介绍 Jest Mock 中的一种技巧：如何模拟一个函数返回的模块。本文旨在帮助读者了解 Jest Mock 的基本用法，以及如何更好地应用 Jest Mock。
Jest Mock 基础
在 Jest 中，Mock 是一种替代实现，可以用来完全覆盖某些代码逻辑，同时提供自定义行为和可测试性。
在 Jest 中，Mock 有两种类型：手动 Mock 和自动 Mock。
- 手动 Mock：直接 mock 目标方法或模块，为目标方法尽可能地编写一组假实现。手动 Mock 包括 jest.mock() 和 jest.fn()。jest.fn() 手动模拟函数或模块，可以完全控制函数的输出、行为和边缘条件。
- 自动 Mock：模拟模块的输出，在模拟模块的输出时，Jest 自动创建一个模拟实例，然后将这个实例应用到您的代码中。
Mock 的实现方式有很多，本文将着重介绍手动 Mock 中的一种技巧。
模拟函数返回的模块
有时，我们需要模拟一个函数返回一个模块：
// file: a.js
import b from './b';
function foo() {
return b();
}
export default foo;在上述代码中，foo 函数依赖于 b 模块。我们可以使用如下方式编写测试用例：
-- -------------------- ---- -------
-- ----- ---------
------ --- ---- ------
------ - ---- ------
---------------- -- -- -----------
-------------- ----- -- -- -
--------- --- -- -- -
------
-----------------------------
---
---在上述代码中，我们使用 jest.mock() 将 b 模块进行手动 Mock，并使用 jest.fn() 完全控制函数的输出、行为和边缘条件。
在测试用例中，我们调用 foo() 方法，期望 b 被调用。如果测试通过，我们就可以放心地使用 foo() 方法了。
总结
本文介绍了 Jest Mock 的基础知识和手动 Mock 中的一种技巧：如何模拟函数返回的模块。希望读者能够了解 Jest Mock 的基本用法，进一步提高单元测试和集成测试的可测试性和可靠性。更多 Jest Mock 的用法，请参考 Jest 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a36e7548841e9894fc4b4d