在前端开发中，测试是一个不可或缺的环节。而 Chai 是一个非常流行的断言库，它提供了丰富的 API 来进行测试。其中，Stub API 是 Chai 中非常实用的一个功能，它可以模拟函数的行为，以便我们更好地进行测试。
在本文中，我们将详细介绍 Chai 的 Stub API 的使用方法，包括如何创建一个 Stub，如何设置 Stub 的行为，以及如何验证 Stub 的调用情况。希望本文能够对前端开发者们有所帮助。
创建 Stub
在 Chai 中，我们可以使用 chai.spy 方法来创建一个 Stub。该方法接受一个函数作为参数，并返回一个 Stub 对象。例如：
const chai = require('chai');
const { expect } = chai;
const sinon = require('sinon');
const myFunc = sinon.stub();在上面的代码中，我们使用了 sinon.stub 方法来创建了一个函数的 Stub。然后，我们可以使用 expect 方法来断言该 Stub 的行为是否符合预期。
设置 Stub 的行为
在创建了 Stub 之后，我们可以使用 sinon.stub 方法提供的 API 来设置 Stub 的行为。以下是一些常用的设置方法：
设置返回值
我们可以使用 stub.returns 方法来设置 Stub 的返回值，例如：
myFunc.returns(42); expect(myFunc()).to.equal(42);
在上面的代码中，我们设置了 myFunc 的返回值为 42，然后使用 expect 方法来断言调用 myFunc 是否返回了 42。
设置抛出异常
我们可以使用 stub.throws 方法来设置 Stub 抛出异常的行为，例如：
myFunc.throws(new Error('oops'));
expect(() => myFunc()).to.throw('oops');在上面的代码中，我们设置了 myFunc 抛出一个新的 Error 对象，并使用 expect 方法来断言调用 myFunc 是否抛出了该异常。
设置调用顺序
我们可以使用 stub.onCall 方法来设置 Stub 的调用顺序，例如：
myFunc.onCall(0).returns(42); myFunc.onCall(1).returns(43); expect(myFunc()).to.equal(42); expect(myFunc()).to.equal(43);
在上面的代码中，我们设置了 myFunc 在第一次调用时返回 42，在第二次调用时返回 43，并使用 expect 方法来断言调用 myFunc 的返回值是否符合预期。
验证 Stub 的调用情况
除了设置 Stub 的行为之外，我们还可以使用 sinon.assert 方法提供的 API 来验证 Stub 的调用情况。以下是一些常用的验证方法：
验证调用次数
我们可以使用 assert.callCount 方法来验证 Stub 被调用的次数，例如：
sinon.assert.callCount(myFunc, 3);
在上面的代码中，我们验证了 myFunc 被调用了 3 次。
验证调用顺序
我们可以使用 assert.callOrder 方法来验证 Stub 被调用的顺序，例如：
sinon.assert.callOrder(myFunc1, myFunc2);
在上面的代码中，我们验证了 myFunc1 先于 myFunc2 被调用。
验证调用参数
我们可以使用 assert.calledWith 方法来验证 Stub 被调用时的参数，例如：
sinon.assert.calledWith(myFunc, 42, 'hello');
在上面的代码中，我们验证了 myFunc 被调用时传入了 42 和 'hello' 两个参数。
总结
在本文中，我们介绍了 Chai 的 Stub API 的使用方法，包括如何创建一个 Stub，如何设置 Stub 的行为，以及如何验证 Stub 的调用情况。希望这些内容能够帮助读者更好地进行前端测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fdc3edd10417a22290d1dd