在前端开发中，测试是一个非常重要的环节，它能够保证代码的质量，减少出错的概率。而在测试中，模拟方法是一个非常实用的技术，它能够有效地降低测试的复杂度。本文将介绍如何在 Chai.js 中使用 sinon 来模拟方法。
什么是 Chai.js
Chai.js 是一个非常流行的 JavaScript 测试工具库，它提供了类似自然语言的接口，易于阅读和编写测试代码。Chai.js 支持多种断言风格，包括 expect、should 和 assert。在使用 Chai.js 进行测试时，我们需要通过测试运行器（例如 Mocha）来运行测试代码。
什么是 sinon
sinon 是一个为 JavaScript 测试提供的独立库，它能够提供很多对单元测试有用的功能，例如测试 spy、stub 和 mock 等。sinon 可以在不改变代码行为的情况下，为将要测试的功能提供替代实现。这样我们就可以在测试代码中，通过指定功能的结果，来预测代码的行为。
如何使用 sinon 来模拟方法
在 Chai.js 中使用 sinon 来模拟方法，需要先安装 sinon 和 chai-sinon 库：
npm install sinon chai-sinon --save-dev
chai-sinon 是 chai.js 的一个插件，它可以让我们更容易地与 sinon 集成。
接下来，我们在测试代码中引入 sinon 和 chai-sinon：
const sinon = require("sinon");
const chai = require("chai");
const chaiSinon = require("chai-sinon");
chai.use(chaiSinon);
const expect = chai.expect;我们先来看一个最简单的例子。假设我们有一个名为 calculate 的函数，它接收两个参数 a 和 b，并返回它们的和。我们可以这样使用 sinon，来模拟 calculate 方法：
-- -------------------- ---- -------
----- --------- - ----------- -- -
------ - - --
--
----------------- ---------- -
---------- --- ----- -- ---- -------- ---------- -
----- ---- - -------------------------
------- ---
--------------------------------------- ---
----------------------------
---
---上面的代码中，我们先创建一个 mock 对象，然后通过 stub 方法来创建一个假的 calculate 函数。这个 calculate 函数被 stub 后，将返回一个固定的值 10。我们之后调用这个函数，就能够得到这个固定值了。
在上面代码的第四行，我们调用 mock(1, 2) 来模拟调用 calculate 方法，并带上参数 1 和 2。在第五行，我们使用 expect 断言 mock 函数被正确地调用了。
在第六行，我们使用 expect 断言 mock 函数的返回值等于 10。通过这个例子，我们可以看到如何使用 sinon 来模拟一个函数，并使用 chai 的 expect 断言来验证 mock 代码被正确地执行。
spy
sinon 还提供了很多其他方法，例如 spy。spy 和 stub 类似，但它并不会改变原函数的行为。通过 spy，我们可以检测函数的调用情况。这使得 spy 在测试中非常有用，因为我们可以使用它来确保我们的代码按预期执行。
例如，我们可以使用 spy 来检测 calculate 函数是否被调用过：
describe("sinon", function() {
it("should use sinon to spy method", function() {
const spy = sinon.spy(calculate);
spy(1, 2);
expect(spy).to.have.been.calledOnce;
expect(spy).to.have.been.calledWith(1, 2);
});
});在上面代码的第二行，我们创建了一个 spy 对象来监控 calculate 函数的调用情况。在第三行，我们调用了这个被监控的函数，然后在第四行使用 expect 断言这个函数被调用了一次，并携带了参数 1 和 2。
mock
sinon 还提供了 mock 功能，它可以让我们定义一组预期的行为，并摆脱实际的实现。通过 mock，我们可以确信代码按预期的方式进行。下面是一个 mock 的例子：
-- -------------------- ---- -------
----------------- ---------- -
---------- --- ----- -- ---- -------- ---------- -
----- --- - -
------------ ---------------- ------- --------- -
-----------
-
--
----- ---- - ----------------
----
-----------------------
--------
----------------- -- ------------------
------------------ -- ---------- ----
------------------ -- ---------- ----
--------------
---
---在上面的代码中，我们首先定义了一个包含 doSomething 方法的对象。然后，我们创建了一个 mock 对象来模拟这个对象。我们定义了一个期望的方法调用，并使用 expects 方法来描述这个期望值。在上述代码中，我们期望 doSomething 方法应该被调用两次，并且应该接受两个数字参数和一个回调函数参数。
之后，我们分别调用了两次 doSomething 方法，并使用 verify() 方法来验证 mock 对象是否被正确地调用了。
总结
本文介绍了如何在 Chai.js 中使用 sinon 来模拟方法。我们学习了如何使用 sinon 来 spy、stub 和 mock 方法，并使用 chai 来进行断言。学习和掌握这些技术，能够让我们更好地在测试中使用 sinon，有效地降低测试的复杂度，让我们的代码更加健壮。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64796601968c7c53b056d7c2