在前端开发中，测试是非常重要的一个环节。Jest 是一个流行的 JavaScript 测试框架，它提供了丰富的 API 和功能，可以帮助我们编写高质量的测试用例。在 Jest 中，mocking 是一个非常重要的概念，它可以帮助我们模拟各种情况，使得测试更加完善和全面。本文将介绍如何在 Jest 测试中 mock 一个 module 并测试它。
什么是 mocking？
在测试中，mocking 是一种模拟行为的技术，它可以模拟各种情况，比如模拟网络请求、模拟数据、模拟函数等等。mocking 可以让我们在测试中更加灵活和全面地覆盖各种情况，从而提高测试的效率和质量。
如何在 Jest 中 mock 一个 module？
在 Jest 中，我们可以使用 jest.mock() 方法来 mock 一个 module。这个方法接受两个参数，第一个参数是要 mock 的 module 的路径，第二个参数是一个可选的模拟实现。例如，我们要 mock 一个名为 "foo" 的 module，可以这样写：
jest.mock('./foo');这个语句会将 "foo" module 替换成一个自动模拟的实现，该实现会返回一个空对象。我们可以通过在模拟实现中添加属性和方法来模拟不同的情况。例如，我们可以这样写：
jest.mock('./foo', () => ({
bar: jest.fn(),
baz: jest.fn(),
}));这个语句会将 "foo" module 替换成一个模拟实现，该实现包含了两个函数 "bar" 和 "baz"，它们都是 Jest 的 mock 函数。我们可以通过这些 mock 函数来模拟不同的情况，例如模拟 "bar" 函数返回一个特定的值：
const mockedFoo = require('./foo');
mockedFoo.bar.mockReturnValue('mocked value');这个语句会将 "bar" 函数替换成一个 mock 函数，并设置它的返回值为 "mocked value"。现在我们可以使用 mockedFoo.bar() 来获取这个 mock 值。
如何测试一个 mock module？
在 Jest 中，我们可以使用 jest.fn() 方法来创建一个 mock 函数，该函数可以记录它的调用情况和返回值。例如，我们要测试一个使用 "foo" module 的函数 "myFunction"，可以这样写：
// javascriptcn.com 代码示例
const myFunction = require('./myFunction');
const mockedFoo = require('./foo');
describe('myFunction', () => {
it('should call foo.bar() once', () => {
myFunction();
expect(mockedFoo.bar).toHaveBeenCalledTimes(1);
});
it('should return "mocked value"', () => {
mockedFoo.bar.mockReturnValue('mocked value');
const result = myFunction();
expect(result).toBe('mocked value');
});
});这个测试用例会测试 "myFunction" 函数是否正确地调用了 "foo.bar" 函数，并且返回了正确的值。我们可以使用 mockedFoo.bar.mockReturnValue() 方法来设置 "bar" 函数的返回值，并使用 expect() 方法来断言函数的调用情况和返回值是否符合预期。
总结
在 Jest 测试中，mocking 是一个非常重要的概念，它可以帮助我们模拟各种情况，使得测试更加完善和全面。我们可以使用 jest.mock() 方法来 mock 一个 module，使用 jest.fn() 方法来创建 mock 函数，并使用 expect() 方法来断言函数的调用情况和返回值是否符合预期。掌握 mocking 技术可以让我们编写更加高质量和全面的测试用例，从而提高代码的可靠性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6566dcddd2f5e1655dfce6fa