什么是 Jest？
Jest 是 Facebook 开发的一款基于 JavaScript 的测试框架，用于编写单元测试、集成测试和端到端测试。它具有简单易用、快速、智能和强大的特点，非常适合前端项目的测试和代码质量保证。
什么是 Lodash？
Lodash 是一款 JavaScript 工具库，提供了大量实用的函数和方法，涵盖数组、对象、函数、字符串、数学、时间等等各个方面，可以大大提高 JavaScript 开发的效率和可维护性。
为什么要使用 Mock Lodash？
在前端开发中，经常需要使用 Lodash 中的函数和方法来实现一些功能。但在编写测试时，又不能直接依赖于 Lodash，因为这样会导致测试不够纯粹和可读性不好。因此，我们需要使用 Mock Lodash 来模拟相关函数和方法的行为，从而保证测试的可靠性和可读性。
如何在 Jest 中使用 Mock Lodash？
以下是使用 Jest 进行 Mock Lodash 的详细步骤和示例代码。
- 安装 Jest 和 Lodash
首先，需要在项目中安装 Jest 和 Lodash：
npm install jest lodash
- 创建被测试的代码
假设我们有一个简单的函数 sum，用于求两个数的和，依赖于 Lodash 中的 add 方法：
const _ = require('lodash')
function sum(a, b) {
return _.add(a, b)
}
module.exports = sum- 编写单元测试
接下来，我们编写单元测试，对 sum 函数进行测试。首先，我们需要使用 Jest 提供的 jest.mock 方法，将 Lodash 中的 add 方法 Mock 化：
// __mocks__/lodash.js
const _ = jest.requireActual('lodash')
module.exports = {
..._,
add: jest.fn(),
}这种写法是使用了 Jest 的自动 Mock 特性。在 mocks 目录中，创建一个与依赖模块同名的文件 lodash.js，导出一个对象。该对象通过混合原始模块和自定义模块的方式，Mock 了 Lodash 中的 add 方法，并将其他方法继承自原始模块。
然后，在单元测试中，我们可以引入被测试的 sum 函数，以及 Mock 后的 Lodash 文件，并编写测试用例：
// www.javascriptcn.com code example
const sum = require('./sum')
const _ = require('lodash')
jest.mock('lodash')
describe('sum', () => {
test('adds 1 + 2 to equal 3', () => {
_.add.mockReturnValueOnce(3) // Mock add method
expect(sum(1, 2)).toBe(3) // Test sum function
expect(_.add).toHaveBeenCalledWith(1, 2) // Test mock add method
})
})该测试用例首先 Mock Lodash 中的 add 方法，使其返回预期值 3。然后，测试被测试函数 sum，验证其返回值是否正确。最后，测试 Mock 后的 add 方法，验证该方法是否被正确调用。
- 运行测试
最后，我们可以在命令行中运行 Jest 测试：
npx jest
运行结果如下：
// www.javascriptcn.com code example
PASS ./sum.test.js
sum
✓ adds 1 + 2 to equal 3 (4 ms)
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 3.074 s
Ran all test suites.小结
使用 Mock Lodash，可以帮助我们在测试中模拟 Lodash 相关的函数和方法，从而保证测试的纯粹性和可读性。在 Jest 测试中使用 Mock Lodash 的步骤包括安装 Jest 和 Lodash、创建被测试的代码、编写单元测试和运行测试。希望这篇文章可以帮助大家更好地理解和应用 Jest 和 Lodash。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d7fa6da941bf7134e405e9