前言
在前端开发中，我们常常需要测试我们的代码是否符合预期并且不会出现异常。毫无疑问，测试是编写高质量、可重用和维护性高的代码的基础。
为了方便更好地测试我们的代码，社区中出现了许多测试框架和工具。而在这些工具中，Testem 是一种功能强大，支持多种测试框架的测试运行器。它可以运行 JavaScript 测试，包括 QUnit、Jasmine、Mocha 和 Karma 等。
那么，如何在自己的项目中使用 Testem 进行前端测试呢？这里我们推荐使用 mimosa-testem-simple 插件，它可以让你轻松地集成 Testem 到 Mimosa 构建系统中。接下来，我们将介绍如何使用这个插件。
安装
要使用 mimosa-testem-simple，你需要在本地安装它以及 Testem。
运行以下命令：
$ npm install -g testem $ npm install --save-dev mimosa-testem-simple
基本用法
如果你安装成功，你应该已经可以在命令行中使用 testem 命令。接下来，我们将在 Mimosa 中使用它。
在你的 mimosa-config.js 中添加以下代码以配置 Testem:
-- -------------------- ---- -------
-------------- - -
---
----------------------- ----------------------------
-------- -
---
----------------------
--
---
------------- -
---------- --------
------- --------------
-------- -------
-
-以上示例代码配置了 Mimosa 构建系统使用 Testem 运行 JavaScript 测试。
当 Mimosa 构建系统启动时，它将启动 Testem，并向你显示 http://localhost:7357 地址用于测试运行器。访问此地址可以查看运行相关测试的测试报告（甚至可以在任何浏览器上运行）。
示例代码
为了检验是否能够成功在 Mimosa 中集成 Testem，我们可以使用以下示例代码来写一个简单的测试用例。
//javascripts/myScript.js
function add(a,b) {
return a+b;
}-- -------------------- ---- -------
---------------
----------------- -------- -- -
---------- --- --- --------- -------- -- -
------------- ----------------
---
---------- ------ - -------- -------- -- -
------------- ----------------------
---
---在 javascripts 目录下，我们的 JavaScript 代码 myScript.js 定义了一个函数 add 在 tests 目录下，我们的测试用例则测试它是否符合我们的预期。
然后，使用 grunt 启动所需的服务，进入浏览器打开 http://localhost:7357 相关地址浏览相关测试用例代码运行结果即可。
结语
通过 mimosa-testem-simple，集成前端测试工具 Testem 到 Mimosa 构建系统中变得非常简单。希望这篇文章对你学习和使用 Testem 有所帮助，祝你在前端开发中取得更多的成果！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f471d8e776d0804105b