在前端开发中，我们经常需要编写一些类来管理状态和行为。在测试这些类时，我们可以使用 Sinon.js 来模拟函数和生成测试桩。
安装和设置
首先，我们需要安装 Sinon.js。可以通过 npm 或 yarn 来安装：
npm install sinon --save-dev
或者
yarn add sinon --dev
然后，在测试文件中导入 Sinon.js：
import sinon from 'sinon';
模拟函数
当一个类的某个方法依赖于其他的函数时，我们可以使用 Sinon.js 的 stub 方法来模拟这些函数的行为。例如，假设我们有一个 UserService 类，其中的 login 方法依赖于 apiClient.post 方法：
-- -------------------- ---- -------
----- ----------- -
---------------------- -
-------------- - ----------
-
----- --------------- --------- -
----- -------- - ----- ----------------------------- - --------- -------- ---
------ --------------
-
-在测试 UserService 的 login 方法时，我们可以使用 Sinon.js 的 stub 方法来模拟 apiClient.post 方法的行为：
-- -------------------- ---- -------
----------------------- -- -- -
------------------ -- -- -
---------- ---- -------------- ---- ------- ------------ ----- -- -- -
----- --------- - -
----- ----------------------- ----- - ------ ----- - ---
--
----- ----------- - --- -----------------------
----- -------- - -----------
----- -------- - ---------------
----- --------------------------- ----------
--------------------------------------- --------- - --------- -------- ---
---
---
---在上面的例子中，我们创建了一个名为 apiClient 的对象，并使用 Sinon.js 的 stub 方法来模拟其 post 方法的行为。该方法返回一个解析后的承诺对象（Promise），其中包含一个带有令牌的数据对象。然后，我们实例化了一个 UserService 对象，并调用其 login 方法。最后，我们使用 Sinon.js 的 assert.calledWith 方法来验证 apiClient.post 方法是否以正确的参数被调用。
生成测试桩
除了模拟函数之外，我们还可以使用 Sinon.js 的 mock 方法来生成测试桩。测试桩是一种特殊的模拟，它允许我们设置预期和断言对类的方法进行测试。例如，假设我们有一个 CartService 类，其中的 addItem 和 removeItem 方法依赖于 localStorage 对象：
-- -------------------- ---- -------
----- ----------- -
------------- -
---------- - ---
-
------------- -
----- ----- - ------------------------ -- ---- --- ---------
-- ------ --- --- -
----------------------
- ---- -
-------------------------- -- --------------
-
--------------------------------- ----------------------------
-
---------------- -
----- ----- - ------------------------ -- ---- --- ---------
-- ------ --- --- -
------------------------ ---
-
--------------------------------- ----------------------------
-
-在测试 CartService 的 addItem 和 removeItem 方法时，我们可以使用 Sinon.js 的 mock 方法来生成一个名为 localStorageMock 的测试桩：
-- -------------------- ---- -------
----------------------- -- -- -
-------------------- -- -- -
---------- ------ ----- --- ------------ ---- ------ - --- ------ -- -- -
----- ---------------- - -------------------------
----- ----------- - --- --------------
----- ---- - - --- -- --------- - --
--------------------------
---------------------------------------------------------------- ------------------------
--------------------------
---------------------------
---
---
----------------------- -- -- -
---------- ------ ----- --- ------------ ---- -------- -- -------- ------ -- -- -
----- ----- - -- --- -- --------- -
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------