在前端开发中，测试是不可或缺的一部分。而 Mocha 是一款流行的 JavaScript 测试框架，它拥有强大的异步测试功能和扩展性，因此被广泛使用。在 Mocha 中，sinon.js 是其常用的测试辅助工具，它提供了很多有用的功能，其中之一就是用于创建 Spies（窥探器）。
在本文中，我们将介绍 Mocha 中使用 sinon.spy 的正确方式，并深入探讨 Spies 在前端测试中的应用。
什么是 sinon.spy？
Sinon.js 允许我们创建 Spies 来监控函数的调用情况，例如判断某个函数是否被调用、被调用了几次，以及函数被调用时传入了什么参数等等。Sinon 中的 Spy 可以替换我们要测试的函数，并在后台对其进行监控，从而获得测试结果。
我们可以通过以下代码创建一个 Spy：
-- -------------------- ---- ------- ----- ----- - ----------------- -- ------ -------- ------ -- - ------ - - -- - -- -- --- ----- ------ - ---------------展开代码
上述代码中，首先导入 sinon 工具库。然后定义了一个名为 add 的函数，该函数用于将两个数字相加并返回计算结果。最后，我们使用 sinon.spy() 方法，将 add 函数作为参数传入，从而创建了一个名称为 spyAdd 的 Spy 变量。
创建完成 Spy 之后，我们可以使用它来监视函数的调用情况。例如，我们可以通过以下代码检查函数是否被调用了：
// 调用函数 spyAdd(1, 2); // 检查函数是否被调用过 console.log(spyAdd.called); // true
在上述代码中，我们首先调用了 spyAdd 函数，传入了两个数字参数。然后，我们使用 .called 属性来检查 spyAdd 函数是否被调用过，因为该属性返回 true，所以我们可以确定函数已被调用过。
Mocha 中如何使用 sinon.spy？
Mocha 提供了多种方法（如 .before()、.beforeEach()、.after()、.afterEach() 和 it()）来创建测试用例和测试套件，并通过运行测试套件来检查代码的正确性。在测试过程中，我们可以使用 sinon.spy() 方法来监视要测试的函数，从而得到测试结果。
下面是在 Mocha 中使用 sinon.spy 的正确方式：
-- -------------------- ---- ------- ----- ----- - ----------------- ----- ------ - ------------------ -- ------ -------- ------ -- - ------ - - -- - ----------------- -------- -- - ---------- ---- --- --- -------- ------ -------- -- - -- -- --- ----- ------ - --------------- -- ---- --------- --- -- ----------- -------------------------- -- -------------- --------------------------- ---- -- ----------- ------------------------------------ --- --- ---展开代码
上述代码中，我们首先导入 sinon 和 assert 工具库。然后定义了一个名为 add 的函数，并在 describe 和 it 方法中创建了测试用例，用于测试这个函数的调用情况。
在测试用例中，我们使用 sinon.spy() 方法创建了一个 Spy，然后调用了它，传入了两个数字参数。接着，我们使用一系列的 assert() 方法来检查函数的调用情况，包括函数是否被调用一次、调用时传入的参数是否正确、函数返回值是否正确等等。
需要注意的是，在测试结束之后，我们需要手动调用 spyAdd.restore() 方法来恢复被监视的函数，从而避免对其产生影响。
小结
在 Mocha 中使用 sinon.spy 的正确方式，可以大大提高测试的效率和准确性。通过对 Spy 的监视，可以深入了解被测试函数的调用情况，并可以根据测试结果进行优化和改进。因此，在进行前端开发时，尽量使用正确的方式使用 sinon.spy，可以让测试变得更加简单和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b7b435306f20b3a64d464c
