在编写前端应用或者网页时，我们经常需要编写各种复杂的函数和方法。但是这些函数和方法在实际使用时，不可避免地会出现一些 bug 和问题。为了避免这些问题，我们需要使用单元测试来测试这些函数和方法的正确性。在这方面，Chai 的 spy 功能是一个非常有用的工具。
Chai 是一个 JavaScript 的断言库，可以帮助我们测试函数和方法的正确性。其中，spy 功能是 Chai 中的一个非常有用的工具，它可以帮助我们监控函数和方法的调用情况，来确保它们运行正常。
什么是 spy
在编写函数和方法时，我们经常需要调用其他函数和方法来达到我们的目的。有时候，我们希望知道这些函数和方法被调用了多少次，以及它们被调用时传入了哪些参数。这个时候，spy 就非常有用了。
spy 可以监听函数和方法的调用情况，并记录这些调用的次数和传入的参数。这样，我们就可以通过测试 spy 的相关属性和方法，来验证函数和方法的正确性。
如何使用 spy
我们可以使用 Chai 的 spy 功能来创建一个 spy 对象。创建一个 spy 对象需要使用 chai.spy() 方法。例如：
const chai = require('chai');
const spies = require('chai-spies');
chai.use(spies);
const mySpy = chai.spy();我们可以像调用普通函数一样调用这个 spy 对象，例如：
mySpy('hello');
mySpy('world');我们还可以使用 spy 对象的一些方法，例如：
mySpy.should.have.been.called: 断言这个 spy 对象被调用过mySpy.should.have.been.called.exactly(2): 断言这个 spy 对象被调用了 2 次mySpy.should.have.been.called.with('hello'): 断言这个 spy 对象被调用时传入了参数 'hello'
使用 spy 进行函数调用的测试
现在，我们来看一个例子，使用 spy 进行函数调用的测试。
假设我们有一个简单的函数，它接收一个数组作为参数，返回一个新的数组，其中的元素是它的参数中大于 10 的数字。
function filterGreaterThanTen(arr) {
return arr.filter((item) => item > 10);
}现在，我们希望测试这个函数的正确性。我们可以使用 Mocha 来编写测试代码。
// javascriptcn.com 代码示例
const chai = require('chai');
const spies = require('chai-spies');
const expect = chai.expect;
chai.use(spies);
describe('filterGreaterThanTen', () => {
it('should return an array with items greater than 10', () => {
const mySpy = chai.spy(filterGreaterThanTen);
const arr = [1, 2, 3, 10, 11, 12];
const result = mySpy(arr);
expect(result).to.deep.equal([11, 12]);
expect(mySpy).to.have.been.called.once.with(arr);
});
});我们首先使用 chai.spy() 方法创建一个 spy 对象，并把要测试的函数传入其中。然后，我们调用这个 spy 对象，得到一个新的数组。最后，我们使用 Chai 的断言库来验证这个数组的正确性，并验证 spy 对象的属性和方法来检查函数的调用情况。例如，mySpy 应该只被调用一次，且传入的参数是 arr。
总结
使用 Chai 的 spy 功能进行函数调用的测试，可以帮助我们更好地测试函数和方法的正确性。通过创建一个 spy 对象，并使用 spy 对象的相关属性和方法，我们可以监控函数和方法的调用情况，并验证它的正确性。
如果你是前端开发人员，那么强烈推荐你使用单元测试来测试你的代码，这可以帮助你更快地发现和解决问题，提高代码质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654873dc7d4982a6eb2b7224