在前端开发中，测试是非常重要的一部分。好的测试代码可以保证我们的代码稳定、可靠。然而，编写测试代码是一件费时费力的事情。为了提高开发效率，我们可以使用自动化工具，自动生成测试代码。generator-mocha-testable-class 就是这样一个 npm 包。它可以自动生成 mocha 测试类，让我们可以更快速地编写测试代码。
安装 generator-mocha-testable-class
首先，我们需要先在全局安装 yeoman：
npm install -g yo
接着，我们可以使用以下命令安装 generator-mocha-testable-class：
npm install -g generator-mocha-testable-class
安装完成后，我们就可以使用该工具了。
使用 generator-mocha-testable-class
Step 1：创建测试文件
首先，我们需要创建一个测试文件夹。在命令行中输入以下命令：
mkdir test cd test
Step 2：运行 generator-mocha-testable-class
在命令行中输入以下命令：
yo mocha-testable-class
然后，我们会看到一组提示信息，如下图所示：
我们需要输入以下信息：
- ClassName：测试类的名称
- RelativePath：测试类所在的相对路径
- TestableModuleName：需要测试的 JavaScript 模块名称
Step 3：生成测试代码
根据提示信息输入相关信息后，generator-mocha-testable-class 会自动生成测试代码，如下图所示：
这里列举部分生成代码：
-- -------------------- ---- -------
----- - --------- -- - - ----------------
----- - ----------------- - - -----------------------------
----- ------ - -----------------
----------------------------- -- -- -
--------------- ------ ------ -------- ------- -- -- -
-- ----------- ----
--
--------------- ------ ----- -------- ------- -- -- -
-- ----------- ----
--
--Step 4：编写测试用例
完成代码生成后，我们需要编辑测试用例。根据实际情况修改 testMethod1 和 testMethod2，添加对应的测试用例。我们可以使用 assert 库，对测试结果进行断言。
-- -------------------- ---- ------- --------------- ------ ------ -------- ------- -- -- - -- -- ----------------- -- ----- ------------- - --- ------------------- -- ------ ----- ---- - -- -- ------ ----- ------ - ---------------------------------- -- ------ ------------------------------ -------------- --
Step 5：运行测试
在命令行中输入以下命令，运行测试：
npm test
测试运行后，如果所有的测试用例都通过，命令行会输出以下信息：
✓ testMethod1 should return expected value ✓ testMethod2 should throw expected error 2 passing (9ms)
否则，会输出失败信息：
-- -------------------- ---- -------
-- -----------------
----------- ------ ------ -------- ------
-------------- ---------------- -------- ------ -- -- -------- -----------
- ------
- --------
- ------- ------
- --------- ------
-- ------------------- --------------------------
指导意义
使用 generator-mocha-testable-class 可以大大提高测试代码的编写效率。而且，根据生成的测试代码，我们可以了解如何编写测试用例，进一步完善自己的测试思维。同时，我们还可以将自动生成的测试代码作为重构后的代码作为参考，确保我们的重构不会影响现有的测试案例。
示例代码
以下为一个示例代码：
-- -------------------- ---- -------
----- ------ - -----------------
----- - ----------------- - - --------------------------------
----------------------------- -- -- -
--------------- ------ ------ -------- ------- -- -- -
----- ------------- - --- -------------------
----- ---- - --
----- ------ - ----------------------------------
------------------------------ --------------
--
--------------- ------ ----- -------- ------- -- -- -
----- ------------- - --- -------------------
----- ---- - --
---------------- -- -
----------------------------------
-- ------
--
--完整的测试项目结构如下：
.
├── package.json
├── test
│ └── test-class.js
└── src
└── testable-class.js小结
在前端开发中，测试是非常重要的一部分，而编写测试代码是比较费时费力的事情。使用 generator-mocha-testable-class 可以大大提高测试代码的编写效率。同时，我们还可以将自动生成的测试代码作为重构后的代码作为参考，确保重构后代码不会影响现有的测试案例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf781e8991b448e6c04