在前端开发中，测试是非常重要的一环。而 Chai 是一个流行的 JavaScript 测试框架，它提供了多种断言风格和插件，可以方便地进行单元测试、集成测试等各种测试。
在测试中，经常需要模拟函数行为，这时就需要使用 sinon.stub()。本文将介绍如何在 Chai 测试中使用 sinon.stub()，帮助你更好地进行测试。
什么是 sinon.stub()？
sinon.stub() 是一个 Sinon.js 库中的函数，用于模拟函数行为。它可以将一个函数替换为一个新的函数，从而让我们可以控制函数的返回值、抛出异常等行为。
如何使用 sinon.stub()？
首先，需要在测试文件中引入 sinon.js 和 chai.js：
const sinon = require('sinon');
const chai = require('chai');
const expect = chai.expect;然后，可以使用 sinon.stub() 创建一个新的 stub 函数，如下所示：
const myFunc = sinon.stub();
这样就创建了一个空的 stub 函数 myFunc，可以在测试中对它进行定制。
下面是一些常用的定制方式：
控制返回值
myFunc.returns(42);
这样，当调用 myFunc() 时，它将返回 42。
控制抛出异常
myFunc.throws(new Error('oops'));这样，当调用 myFunc() 时，它将抛出一个新的 Error 对象，错误消息为 'oops'。
控制异步返回值
myFunc.resolves(42);
这样，当调用 myFunc() 时，它将返回一个 Promise，Promise 的值为 42。
控制异步抛出异常
myFunc.rejects(new Error('oops'));这样，当调用 myFunc() 时，它将返回一个 Promise，Promise 将被拒绝并抛出一个新的 Error 对象，错误消息为 'oops'。
示例代码
下面是一个使用 sinon.stub() 的测试示例代码：
-- -------------------- ---- -------
----- ----- - -----------------
----- ---- - ----------------
----- ------ - ------------
-------- ------ -- -
------ - - --
-
----------------- ---------- -
---------- ------ --- --- -- --- --------- ---------- -
----- ---- - -------------------------
----- ------ - ------ -- ------
----------------------------
-----------------------------------
------------------------- ---------------
---
---在这个测试中，我们使用 sinon.stub() 创建了一个新的 stub 函数，并将它作为第三个参数传递给 add() 函数。然后，我们使用 expect 断言库来验证 add() 函数的行为是否正确。
总结
使用 sinon.stub() 可以方便地模拟函数行为，从而让我们可以更好地进行测试。在 Chai 测试中，使用 sinon.stub() 可以帮助我们更好地控制测试过程，提高测试的效率和可靠性。
希望这篇教程能够帮助你更好地使用 sinon.stub()，从而更好地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658e2bc1eb4cecbf2d3ff01a