在前端开发中，测试是非常重要的一环。而 Mocha 是一个非常流行的 JavaScript 测试框架。它的优点在于易于使用、高度灵活、支持异步测试等特点。而 Sinon.js 则是一个广泛使用的 JavaScript 测试库，它能够提供 Mock、Spy、Stub 等功能。在 Mocha 测试时，我们可以使用 Sinon.js 来进行 Mock 等操作，从而更好地测试我们的代码。
安装 Mocha 和 Sinon.js
首先，我们需要安装 Mocha 和 Sinon.js。可以使用 npm 进行安装：
npm install mocha sinon --save-dev
这样就可以在项目中使用 Mocha 和 Sinon.js 了。
Mock 一个函数
在测试中，我们可能需要 Mock 一个函数，以便于测试其他函数的调用情况。在 Sinon.js 中，我们可以使用 sinon.stub 方法来 Mock 函数。下面是一个示例代码：
-- -------------------- ---- -------
----- ----- - -----------------
-------- ----- -
-------------------
-
-------------- ----- -- -- -
---------- ---- ----- -- -- -
----- ---- - -------------
-------
------------------------------
---
---在上面的代码中，我们使用 sinon.stub 方法来 Mock 一个函数。然后在测试中调用这个函数，最后使用 sinon.assert.calledOnce 来判断这个函数是否被调用了一次。
Mock 一个对象
除了 Mock 函数，我们也可以 Mock 一个对象。在 Sinon.js 中，我们可以使用 sinon.createStubInstance 方法来 Mock 一个对象。下面是一个示例代码：
-- -------------------- ---- -------
----- ----- - -----------------
----- --- -
----- -
-------------------
-
-
-------------- ----- -- -- -
---------- ---- ----- -- -- -
----- ---- - ------------------------------
-----------
----------------------------------
---
---在上面的代码中，我们使用 sinon.createStubInstance 方法来 Mock 一个对象。然后在测试中调用这个对象的方法，最后使用 sinon.assert.calledOnce 来判断这个方法是否被调用了一次。
Mock XMLHttpRequest
在前端开发中，我们经常需要进行网络请求。而在测试中，我们可能需要 Mock XMLHttpRequest，以便于测试其他函数的调用情况。在 Sinon.js 中，我们可以使用 sinon.useFakeXMLHttpRequest 方法来 Mock XMLHttpRequest。下面是一个示例代码：
-- -------------------- ---- -------
----- ----- - -----------------
-------- ------------ --------- -
----- --- - --- -----------------
--------------- -----
---------- - -- -- -
---------------------------
--
-----------
-
-------------- --------- -- -- -
---------- ---- ---------- -- -- -
----- ------- - ------------------------------
----- -------- - ---
---------------- - ----- -- -
-------------------
--
----- -------- - ------------
----------------------------- ----------
------------------------ --- ------ ---------
--------------------------------- ------ ---------
------------------
---
---在上面的代码中，我们使用 sinon.useFakeXMLHttpRequest 方法来 Mock XMLHttpRequest。然后在测试中调用一个进行网络请求的函数，最后使用 requests[0].respond 来模拟服务器的响应，并使用 sinon.assert.calledWith 来判断回调函数是否被正确调用。
总结
在 Mocha 测试时，使用 Sinon.js 来进行 Mock 等操作是非常方便的。通过本文的介绍，我们可以学习到如何 Mock 一个函数、Mock 一个对象、Mock XMLHttpRequest。希望本文能够对大家在前端开发中的测试工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c4398dadd4f0e0ffeae3bd