在前端开发中，测试是极其重要的一部分。Jest 是一个广泛使用的测试框架，可以轻松测试 JavaScript 应用程序的各个部分。在测试过程中，我们常常需要 mock 或 spy 我们的函数和方法。在本文中，我们将看到如何 mock 掉一个对象的多个方法。
准备工作
首先，我们需要安装 Jest：
npm i jest --save-dev
然后，我们需要定义一个我们要测试的对象，该对象有两个方法 foo 和 bar：
const myObject = {
foo: function () {
// some code
},
bar: function () {
// some code
}
};##/mock 掉一个方法
如果我们只需要 mock 掉一个方法，我们可以使用 Jest 内置的 jest.fn() 方法。这个方法会创建一个 mock 函数，用于替代原始函数：
test('mock one method', () => {
const myMockFooFunction = jest.fn();
myObject.foo = myMockFooFunction;
myObject.foo();
expect(myMockFooFunction).toHaveBeenCalled();
});在这个例子中，我们创建了一个新的 Jest mock 函数 myMockFooFunction 并将它作为 myObject 的 foo 方法。我们调用该方法并断言我们的 mock 函数应该已经被调用。
Mock 掉多个方法
现在，如果我们需要 mock 掉多个方法，我们可以使用 Jest 的 jest.spyOn() 方法。这个方法会在对象上创建一个 spy 对象，并用于侦测对象上的特定方法是否被调用：
-- -------------------- ---- ------- ---------- -------- --------- -- -- - ----- ----------------- - ---------- ----- ----------------- - ---------- -------------------- --------------------------------------------- -------------------- --------------------------------------------- --------------- --------------------------------------------- --------------- --------------------------------------------- ---
在这个例子中，我们创建了两个 Jest mock 函数 myMockFooFunction 和 myMockBarFunction 并将它们作为两个 jest.spyOn() 调用返回的 spy 对象实现。我们断言这些 mock 函数是否被调用。
我们也可以使用 mockReturnValue() 方法指定 mock 函数的返回值：
-- -------------------- ---- ------- ---------- ---- ------ ------- -- -- - -------------------- --------------------------- ---- -------- -------------------- --------------------------- ---- -------- ----- --------- - --------------- --------------------------- ---- -------- ----- --------- - --------------- --------------------------- ---- -------- ---
在这个例子中，我们使用了 mockReturnValue() 方法来指定 mock 函数的返回值。
结论
在 Jest 中 mock 掉一个对象的多个方法非常简单。当我们需要测试一个涉及对象的方法时，使用 Jest 的 mock 和 spy 可以轻松地模拟各种函数来达到测试的目的。这些技术可以帮助我们创建可靠的测试，是前端开发不可或缺的一部分。
示例代码
-- -------------------- ---- -------
----- -------- - -
---- -------- -- -
-- ---- ----
--
---- -------- -- -
-- ---- ----
-
--
---------- --- -------- -- -- -
----- ----------------- - ----------
------------ - ------------------
---------------
---------------------------------------------
---
---------- -------- --------- -- -- -
----- ----------------- - ----------
----- ----------------- - ----------
-------------------- ---------------------------------------------
-------------------- ---------------------------------------------
---------------
---------------------------------------------
---------------
---------------------------------------------
---
---------- ---- ------ ------- -- -- -
-------------------- --------------------------- ---- --------
-------------------- --------------------------- ---- --------
----- --------- - ---------------
--------------------------- ---- --------
----- --------- - ---------------
--------------------------- ---- --------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67491f6d4085ca58d2a8cc19