前言
在进行前端开发过程中，我们常常需要进行单元测试。单元测试的一个主要问题是如何验证测试过程中调用的函数。这种情况下，Chai Spies 是一个非常实用的工具，它允许我们创建可以被调用并记录调用次数的函数。
然而，chai-spies 包在 JavaScript 严格模式下，存在一些问题。为此，社区维护者开发了 chai-spies-next 包，它解决了严格模式下的问题。
本篇教程将介绍如何使用 chai-spies-next 包进行单元测试。
安装
首先，我们需要安装 chai-spies-next 包。可以使用 npm 执行如下命令进行安装：
--- ------- --------------- ----------
安装完成后，我们需要在测试文件中引入 chai-spies-next 包：
----- ---- - ---------------- ----- --------- - --------------------------- --------------------
创建 spy
创建一个 spy 是非常容易的。在测试用例中，我们可以通过 chai.spy() 创建一个新的 spy。例如，以下代码创建了一个名为 mySpy 的空 spy：
----- ----- - -----------
如果我们需要在创建 spy 时同时设置被替换的函数，则需要传入一个函数作为参数。例如，以下代码将 Math.random 函数替换为名为 myRandom 的函数：
----- -------- - ----------- -- --- ----------------- --------- ----------
使用 spy
创建 spy 后，我们希望至少有一次调用它并检查它是否如预期一样工作。chai-spies-next 包提供了许多方便且易于理解的方法来验证调用。
call
使用 call 方法，我们可以检查指定的 spy 是否被调用。例如，以下代码检查 mySpy 是否被调用过：
-----------------------------------------
我们可以通过传入参数来检查 spy 被调用的次数。例如，以下代码检查 mySpy 是否被调用了 3 次：
--------------------------------------------------
with
使用 with 方法，我们可以检查在调用 spy 时传入的参数。例如，以下代码检查 mySpy 被调用时是否传入了 "Hello World" 和 123：
-------------------------------------------------- ------- -----
return
可以使用 return 方法，检查 spy 被调用时的返回值。例如，以下代码检查 mySpy 被调用时是否返回了 "Hello World"：
------------------------------------------ --------
示例代码
下面是一个例子，展示了如何使用 chai-spies-next 包：
----- ---- - ----------------
----- --------- - ---------------------------
--------------------
------------------------- ------ -- -- -
---------- ------ - --- --- ------ -- --- -------- -- -- -
-- ---- ---
----- ----- - -----------
-- -- ---
------------ --------
-- -- --- -----
-----------------------------------------
-- -- --- ------ - -
--------------------------------------------------
-- -- --- ----------
-------------------------------------------------- --------
---
---------- ------- ----------- ---- - ----- -- -- -
-- ---- --- -- -----------
----- -------- - ----------- -- ---
----------------- --------- ----------
-- -- ----------- ---------- ---
--------------
-- -- --- -----
--------------------------------------------
---
---结论
我们已经学习了如何使用 chai-spies-next 包来创建和验证 spy。chai-spies-next 包将大大简化在前端开发过程中的单元测试。如果你还没有使用 chai-spies-next 包，那么赶紧尝试吧！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedbb6fb5cbfe1ea0611972