在前端开发中，我们通常使用 console.log 语句来打印调试信息，以便于快速定位问题。但是，在测试中我们往往不需要这些打印信息，甚至可能会影响测试结果。这时，我们可以使用 Jest 中的 Mock 功能来模拟 console.log 方法，以达到测试的目的。
Jest 中的 Mock
Jest 是一个流行的 JavaScript 测试框架，它提供了一些强大的 Mock 功能，用于模拟函数、对象和模块等。通过 Mock，我们可以在测试中替换掉原有的代码，以便于控制测试结果。
在 Jest 中，Mock 有两种方式：手动 Mock 和自动 Mock。
手动 Mock 是指我们手动编写 Mock 函数来替换掉原有的代码；自动 Mock 是指 Jest 自动根据模块的依赖关系生成 Mock 函数。这里我们主要介绍手动 Mock 的方法。
Mock console.log 方法
在 Jest 中，我们可以使用 jest.spyOn 方法来创建一个 Mock 函数，并替换掉原有的 console.log 方法。示例代码如下：
test('test console.log', () => {
const spy = jest.spyOn(console, 'log').mockImplementation(() => {});
console.log('hello world');
expect(spy).toHaveBeenCalled();
spy.mockRestore();
});在这个示例中，我们使用 jest.spyOn 方法来创建一个 Spy 对象，并替换掉 console.log 方法。Spy 对象可以记录函数的调用信息，以便于在测试中进行断言。我们通过 mockImplementation 方法来设置 Mock 函数的实现，这里我们将其设置为空函数。
接着，我们使用 console.log 方法来打印信息，并使用 expect 断言 Spy 对象已经被调用。最后，我们使用 mockRestore 方法来恢复原有的 console.log 方法。
Mock console.log 语句
在实际开发中，我们往往会在多个地方使用 console.log 语句，这时我们可以通过 Mock console.log 语句来屏蔽这些打印信息，以便于测试。
示例代码如下：
-- -------------------- ---- ------- -------- ------- - --------------------- - ---------- ------------- -- -- - ----- --- - ------------------- ---------------------------- -- ---- -------- ------------------------------- ------------------ ---
在这个示例中，我们定义了一个 hello 函数，并在其中使用了 console.log 语句。我们通过 jest.spyOn 方法来创建一个 Spy 对象，并替换掉 console.log 方法。然后，我们调用 hello 函数，并使用 expect 断言 Spy 对象已经被调用。最后，我们使用 mockRestore 方法来恢复原有的 console.log 方法。
总结
在 Jest 中 Mock console.log 语句可以帮助我们屏蔽打印信息，以便于测试。我们可以使用 jest.spyOn 方法来创建一个 Spy 对象，并替换掉 console.log 方法。然后，我们可以在测试中断言 Spy 对象是否被调用。最后，我们使用 mockRestore 方法来恢复原有的 console.log 方法。
通过 Mock，我们可以更加灵活地控制代码的行为，以适应不同的测试场景。希望本文能够帮助你更好地使用 Jest 和 Mock。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66364a43d3423812e443dae0