在前端开发中，测试是非常重要的一环。Mocha 是一个流行的 JavaScript 测试框架，它可以用来测试前端代码。Sinon-Chai 是一个用来进行测试断言的库，它可以用来对 Sinon.js 中的 Spy 和 Stub 进行断言。本文将介绍如何在 Mocha 中使用 Sinon-Chai 库对 Spy 和 Stub 进行断言，并提供示例代码。
Spy 和 Stub
在测试中，我们经常需要模拟函数的行为。Sinon.js 提供了两个非常有用的工具：Spy 和 Stub。
Spy 可以用来监视函数的调用情况，例如它被调用了多少次以及被传递了哪些参数。Stub 则可以用来代替函数的实现，以便我们能够控制函数的行为并模拟一些情况。
下面是一个使用 Sinon.js 中的 Spy 和 Stub 的示例：
-- -------------------- ---- ------- -------- ------ -- - ------ - - -- - ----- --- - --------------- ----- ---- - ------------------------- ------------------ ---- -- - --------------------------- -- - ------------------- ---- -- -- ---------------------------- -- -
在这个示例中，我们使用 sinon.spy 创建了一个 Spy，它会记录 add 函数被调用的次数和参数。我们还使用 sinon.stub 创建了一个 Stub，它会代替 add 函数并返回固定的值 10。
Sinon-Chai
Sinon-Chai 是一个用来进行测试断言的库，它可以用来对 Sinon.js 中的 Spy 和 Stub 进行断言。在 Mocha 中使用 Sinon-Chai 非常简单，只需要在测试文件中引入 Sinon-Chai 库并使用它提供的方法即可。
下面是一个使用 Sinon-Chai 进行 Spy 和 Stub 断言的示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ----- - -----------------
----- --------- - ----------------------
--------------------
----- ------ - ------------
------------- ---------- ---------- -
---------- -- ------ ---- - --- --- ---------- -
----- --- - ------------
------ ---
-------------------------------------- ---
---
---------- ------ ---- ---------- -
----- ---- - -------------------------
----------------------------
---
---在这个示例中，我们首先引入了 sinon-chai 库，并使用 chai.use(sinonChai) 将其添加到 chai 中。然后我们定义了一个测试套件，其中包含两个测试用例：
- 第一个用例测试了 Spy 是否被正确调用，我们使用
sinon.spy创建了一个 Spy 并调用它，然后使用expect断言 Spy 是否被调用，并传递了参数 1 和 2。 - 第二个用例测试了 Stub 是否返回了正确的值，我们使用
sinon.stub创建了一个 Stub 并断言它的返回值是否为 10。
总结
在 Mocha 中使用 Sinon-Chai 库对 Spy 和 Stub 进行断言非常简单，只需要引入库并使用提供的断言方法即可。使用 Spy 和 Stub 可以帮助我们模拟函数的行为以便进行测试，并且可以使用 Sinon-Chai 对它们进行断言，以确保代码的正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/661494c6d10417a2224cec94