了解 Chai 中的 Stub 和 Spy 的使用方式
在前端开发中，测试是不可避免的一环。为了保证代码的质量和稳定性，我们需要对代码进行全面而系统的测试。在 JavaScript 的测试框架中，Chai 是一种流行的断言库，其使用起来十分简单易用。在 Chai 中，Stub 和 Spy 是两种非常重要的测试方法，本文将介绍它们的使用方式。
什么是 Stub？
在测试过程中，我们经常需要模拟一些函数或对象的行为，以便检查代码的正确性。这时候 Stub 就派上用场了。简单来说，Stub 是一种可以控制函数执行情况的方法，它可以让函数返回一个我们期望的值，或者修改函数的行为。
在 Chai 中，我们可以使用 sinon 库提供的 stub 方法来创建 Stub。下面是一个示例代码：
-- -------------------- ---- -------
----- ----- - -----------------
----- ---- - ----------------
----- ------ - ------------
-------- ------ -- -
------ - - --
-
-- ---- --- --- ----
----- ------- - ------------------ -------
-- -- ---- ----- -
------------------- --------------
-- ----
------------- ---------- -- -- -
---------- ------ --- -- -- -
------------- -------------------
---
---在上面的示例代码中，我们使用 sinon.stub 创建了一个函数的 Stub，该函数被命名为 addStub。我们设置了 Stub 的返回值为 3，这意味着当调用 add(1, 2) 时，函数的返回值为 3。最后，我们使用 Chai 的 expect 断言方法，判断函数返回的值是否为 3。
什么是 Spy？
Spy 是另一种常见的测试方法，它可以用于监控函数的调用情况。Spy 会记录函数被调用的次数以及参数列表，这可以帮助我们检查代码的执行情况。在 Chai 中，我们也可以使用 sinon 库提供的 spy 方法来创建 Spy。示例代码如下：
-- -------------------- ---- -------
----- ----- - -----------------
----- ---- - ----------------
----- ------ - ------------
-------- ------- -- -
-------------- ---
-
-- -- ---- --- ---
----- ------- - ----------------- --------
-- ----
---------- ---
-- -- ---
-------------- ---------- -- -- -
---------- ------- ------ -- -- -
--------------------------------------
---
---------- -- ------ ---- --------- ----------- -- -- -
---------------------------- ---------------
---
---在上面的示例代码中，我们使用 sinon.spy 创建一个函数的 Spy，该函数被命名为 testSpy。我们调用了 test(1, 2)，这样 testSpy 就记录了函数被调用一次，并且调用参数是 (1, 2)。最后，我们使用了 Chai 的 expect 断言方法，检查 Spy 是否正确地记录了函数的调用情况。
总结
本文介绍了 Chai 中的 Stub 和 Spy 两种测试方法。Stub 可以用于控制函数的行为，而 Spy 则可以用于记录函数的调用情况。这两种方法在JavaScript的测试中非常实用，掌握它们的使用方式可以帮助我们写出更好的测试代码，提高代码的品质和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f3f6eff6b2d6eab3d2b9c2