在前端开发中，测试是非常重要的一个环节。而在 Jest 中，Mock 是一个十分重要的概念，它使得我们在测试时能够将某些依赖的模块进行模拟，达到隔离测试的目的。本文将会介绍 Jest 中如何进行 Mock 的技巧，并包含有深度和学习以及指导意义。
Mock 的基本使用
在 Jest 中，Mock 能够模拟模块或模块中的函数或对象，从而在测试时达到隔离的效果。最简单的使用方式是在测试代码中通过 jest.mock 将需要 Mock 的模块进行模拟，如下所示：
jest.mock('./someModule'); test('some test case', () => { expect(...).toBe(...); })
这样，在 test 函数执行时，someModule 就被 Mock 了，并且返回的是一个空的 object，这样就能够达到 Mock 的隔离效果。
对 Jest Mock 的进一步了解
默认情况下，Jest Mock 是非常简单的。它将所 Mock 的模块中的函数或对象进行了替换，让其返回一个空的 object。然而，在一些复杂的场景中，我们可能需要进行更加灵活、自定义的 Mock。下面是介绍几种常用的 Mock 技巧和用法。
自定义 Mock 结果
默认情况下，Jest 会将 Mock 后的函数或对象替换为 {}。然而，在实际开发中，我们常常需要让 Mock 后的结果能够根据我们的需求返回不同的值。我们可以使用 Jest 中的 jest.fn() 函数来实现。其实现方式如下：
const someMockFunction = jest.fn(() => { console.log('Mock function has been called'); return 'mock result'; }) test('some test case', () => { expect(someMockFunction()).toBe('mock result'); })
在这个例子中，我们定义了一个 Mock 函数，在执行函数时，控制台会输出 Mock function has been called，同时，该函数也会返回 mock result。在测试代码中，我们可以调用这个 Mock 函数进行验证。
模拟异步函数
在我们的实际开发中，经常会遇到异步函数的场景。在 Jest 中，我们也可以使用 Mock 来模拟异步函数和异步操作。使用方式如下：
-- -------------------- ---- ------- ---------------------------- ---------- ---- ------ ----- -- -- - ----- ---------- - ---- ----- ------------- - --------------------------- ------------------------------------------------ ----- ------ - ----- ---------------- -------------------------------- --展开代码
在这个例子中，我们通过 mockResolvedValueOnce 函数来将异步函数返回值进行 Mock，然后我们再测试代码中通过校验其返回值进行验证。
模拟类 Class
在我们实际开发中，经常会用到面向对象的编程思想，那么在 Jest 中，如何进行 Class 的 Mock 呢？使用方式如下：
-- -------------------- ---- ------- -- ------------ ----- --------- - ----- ------------ - ----- ------ - ----- ---------------- ------ ------- - - -- --------------------- ------------------------- ----- --------- - ----------------------- ---------- ---- ------- ----- -- -- - ----- ---------- - ---- ----- ------------ - --- ------------ ----- -------------- - ------------------------ -------------- ------------------------------------------------- ----- ------ - ----- -------------------------- -------------------------------- --展开代码
在这个例子中，我们 Mock 了 SomeClass 中的 someMethod 方法，并且通过 jest.spyOn 将其替换为 Mock 函数。这样，在测试代码中，我们就可以使用 Mock 函数的方式进行校验了。
总结
本文详细介绍了 Jest 中如何进行 Mock 的技巧，包括基本使用、自定义 Mock 结果、模拟异步函数、模拟类 Class 等。对于前端的测试来说，Mock 是非常重要的一环，它使得我们能够真正达到隔离测试的目的。希望本文能够对前端开发人员进行指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6517a0dd95b1f8cacdfcd9e5
