在前端开发中，ES6 中的模块化已经成为了必不可少的一部分，但如何测试这些模块却是一个挑战。Mocha 是一个常用的测试框架，而 Sinon 则是一个很好的 mock 和 spy 库，可以帮助开发者更方便地测试代码。
接下来我们将介绍如何在 Mocha 中使用 Sinon 测试 ES6 的模块。
安装 Mocha 和 Sinon
首先，我们需要安装 Mocha 和 Sinon：
npm install --save-dev mocha sinon
编写测试用例
下面我们以一个简单的示例来进行测试。
先创建 math.js 文件，用于提供一些基础的数学操作：
export const add = (a, b) => a + b; export const subtract = (a, b) => a - b;
然后创建 calculator.js 文件，该文件依赖 math.js，并提供一些复杂的计算功能：
-- -------------------- ---- -------
------ - ---- -------- - ---- ---------
------ ----- -------- - --- -- -- - - --
------ ----- ------ - --- -- -- -
-- -- --- -- ----- --- ------------- ------ -- ----
------ - - --
--
------ ----- --------- - --- -- -- -
----- --- - ------ ---
----- ---------- - ----------- ---
----- -------------- - ----------- ---
----- -------- - --------- ---
------ -
----
-----------
---------------
---------
--
--为了测试这些方法，我们需要创建一个测试文件 calculator.spec.js，测试文件的结构如下所示：
-- -------------------- ---- -------
------ - ------ - ---- -------
------ - --------- -- - ---- --------
------ - -- ---- ---- ---------
------ - -- ---------- ---- ---------------
---------------------- -- -- -
-- -- -------- --
---------- -------- --- --------- -- -- -
----- -------------- - ---------------------- ---
-----------------------------------
---
-- -- ------ --
---------- ------ --- --------- -- -- -
----- ------------ - -------------------- ---
---------------------------------
---
-- -- ------ -------
---------- ----- --------- ---- -------- -- --- -- -- -
--------- -- -
-------------------- ---
------------------- ------ -- ----
---
-- -- --------- --
---------- --------- --- ------ -- --- --------- -- -- -
----- --------------- - ----------------------- ---
---------------------------------------
---- --
----------- ---
--------------- --
--------- - - --
---
---
---测试文件中引入了 chai 断言库来判断测试结果。我们用 describe() 来描述测试用例的场景，用 it() 来具体描述一个具体的测试。接下来，我们使用 Sinon 来测试模块的各个方法是否被正确调用。
测试模块方法的调用
在 calculator.js 中，我们依赖了 math.js，所以我们需要测试这些方法是否被正确调用。我们可以使用 Sinon 的 spy 功能来追踪方法的调用情况。
首先，我们需要在测试文件中创建 spy：
const addSpy = sinon.spy(math, 'add'); const subtractSpy = sinon.spy(math, 'subtract'); const multiplySpy = sinon.spy(calculator, 'multiply'); const divideSpy = sinon.spy(calculator, 'divide');
然后每个测试用例运行前都需要重置 spy：
beforeEach(() => {
addSpy.resetHistory();
subtractSpy.resetHistory();
multiplySpy.resetHistory();
divideSpy.resetHistory();
});最后，在每个测试用例中添加一段检查 spy 情况的代码：
afterEach(() => {
expect(addSpy.calledOnceWithExactly(a, b));
expect(subtractSpy.calledOnceWithExactly(a, b));
expect(multiplySpy.calledOnceWithExactly(a, b));
expect(divideSpy.calledOnceWithExactly(a, b));
});以上代码的作用是判断方法是否仅在测试用例中被正确调用一次，传入的参数也应该符合预期的值。
总结
本文介绍了如何在 Mocha 中使用 Sinon 测试 ES6 的模块，详细介绍了测试方法的设置，并提供了代码示例。在实际开发中，应该使用这些工具来提高测试效率和代码质量，确保开发出更加健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648c290e48841e9894a7987e