在 Jest 中使用 Sinon.js 进行 Mock 操作
Jest 是一种用于编写 JavaScript 测试的现代化框架，而 Sinon.js 则是一个独立的 JavaScript 测试框架，旨在让您轻松进行浏览器和 Node.js 中的测试，因此在前端开发中，这两个框架都是非常实用的工具。本文将深入探讨在 Jest 中使用 Sinon.js 进行 Mock 操作的方法。
一、什么是 Sinon.js？
Sinon.js 是一个独立的 JavaScript 测试框架，它包含了许多功能，包括测试 spies、stubs 和 mocks，以及服务器端测试、浏览器端测试和跨域测试。其中最常用的就是测试 spies、stubs 和 mocks，因此本文将重点介绍这三种操作。
1.测试 Spies
测试 spies 就是一种能够捕获被调用函数信息的工具。利用测试 spies 您可以轻松地监测到函数何时调用、以及函数被调用时使用的参数以及其他一些信息，这非常有助于测试框架的开发工作。
以下是使用 Sinon.js 进行测试 Spies 的示例代码：
// 测试代码 const fun = sinon.spy(); fun(); expect(fun.calledOnce).toBe(true);
上述代码中，我们使用 Sinon.js 创建了一个测试 spy，然后立即调用了它并监测了它的调用次数是否为一次。如果是，则测试通过。
2.测试 Stubs
测试 stubs 与测试 spies 类似，它们也可以监测函数的调用情况，但是 stubs 能够仿佛函数本身不存在一样，从而阻止它被执行，并返回你预先设置的结果。在测试中，这种操作非常有用，因为它可以让您的测试代码相互独立，减少了函数之间相互依赖的情况。
以下是使用 Sinon.js 进行测试 Stubs 的示例代码：
// 测试代码 const spyFun = sinon.spy(); const stubFun = sinon.stub().returns(42); expect(stubFun()).toBe(42); expect(spyFun).not.toHaveBeenCalled();
上述代码中，我们使用 Sinon.js 创建了一个测试 spy 和一个测试 stub。然后我们用测试 stub 来代替被测试函数，并返回一个结果，这个结果可以保持与原函数一样的结果。另一方面，测试 spy 表明被测试函数没有被直接调用。
3.测试 Mocks
测试 mocks 是一种基于预设的方式，模拟预期结果以完成测试工作。它们能够模拟函数调用时可能发生的任何情况，并按照您的预期输出结果，使得您可以轻松地测试您的代码是否满足条件。
以下是使用 Sinon.js 进行测试 Mocks 的示例代码：
// 测试代码
const fun = sinon.mock();
fun.expects("run").once().returns(42);
expect(obj.run()).toBe(42);
fun.verify();上述代码中，我们使用 Sinon.js 创建了一个测试 mock，并在该 mock 中预设了一个函数调用的情况。测试 mock 然后按预期返回了一个结果（42）。最后，我们执行了该函数，并确认它会按照我们的预期执行，然后使用 .verify() 方法来验证实际调用是否与预设相符。
二、在 Jest 中使用 Sinon.js 进行 Mock 操作
在 Jest 中使用 Sinon.js 进行 Mock 操作非常简单。只需按照以下步骤进行即可：
1.引入 Sinon.js
要在 Jest 中使用 Sinon.js，您需要首先安装 Sinon.js 并引入它。在安装 Sinon.js 之前，确保您已经安装了 Node.js 和 npm。
以下是安装 Sinon.js 的命令：
npm install sinon --save-dev
以下是引入 Sinon.js 的代码：
const sinon = require("sinon");2.使用 Sinon.js 进行 Mock 操作
然后，您需要在 Jest 中使用 Sinon.js 的测试 spy、stub 或 mock。以下是示范代码：
-- -------------------- ---- ------- -- ---- ----- --- - ------------- -------------------------------------- -- ---- ---- --- ----- ------ - ---------- -- ---- ------------------------ -------------
上述代码中，我们首先创建了一个测试 mock，并为这个 mock 预设了一个函数调用的情况。之后，我们运行了需要被 Mock 的函数，并将其结果保存在一个变量中。最后，我们断言结果是否符合我们的预期，然后使用 .verify() 方法来验证实际调用是否与预设相符。
三、总结
通过本文的介绍，相信您已经了解了在 Jest 中使用 Sinon.js 进行 Mock 操作的方法。测试 spy、stub 和 mock 都是在测试框架开发中非常有用的工具，而 Sinon.js 则可以帮助我们轻松地进行这些操作。希望这篇文章能够真正的帮助到您，让您能够更加顺利地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e1bd78f6b2d6eab3cf1971