在前端开发中，我们经常会用到单元测试，而持续集成则可以让我们更快地发现问题并修复它们。Mocha 是一个功能强大、灵活且易于使用的 JavaScript 测试框架，而 Travis CI 是一个持续集成工具。下面我将详细介绍如何使用 Mocha 配合 Travis CI 进行持续集成。
安装依赖
首先，我们要在项目中安装 Mocha 和 Travis CI：
npm install mocha --save-dev
npm install -D travis-ci
编写测试代码
在编写测试代码之前，我们需要了解一些 Mocha 的常用 API：
- describe：定义一个测试套件，对应的是一个功能或者一个模块。
- it：定义一个测试用例，对应的是一个功能的一个具体测试点。
- before：在当前测试套件的所有测试用例之前执行。
- after：在当前测试套件的所有测试用例之后执行。
- beforeEach：在当前测试套件的每个测试用例之前执行。
- afterEach：在当前测试套件的每个测试用例之后执行。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ------ - ------------------
----------------- ---------- -
---------------------- ---------- -
---------- ------ -- ---- --- ----- -- --- --------- ---------- -
-------------------------------- ----
---
---
---这个示例代码测试了一个数组的 indexOf 方法，判断是否返回了正确的值。assert.equal 是 Mocha 内置的断言库，用来判断测试结果是否正确。
配置 Travis CI
Travis CI 需要我们提供一个 .travis.yml 文件来配置，下面是一个示例配置：
language: node_js node_js: - "10" - "8" script: - npm run test
其中，language 指定了编程语言，node_js 指定了不同版本的 Node.js，script 指定了测试脚本的命令。这里我们使用 npm run test 命令来运行测试代码。
运行测试代码
我们可以通过以下命令来运行测试代码：
npm run test
这个命令会在终端输出测试结果。
提交代码
在代码提交之前，我们需要将代码推送到 GitHub 仓库中，并确保代码可以被 Travis CI 访问到。在 push 代码之后，Travis CI 会自动开始构建和运行测试代码，并将测试结果展示在 Travis CI 网站上。
统计测试覆盖率
除了单元测试之外，测试覆盖率（Test Coverage）也是一个很重要的指标。可以使用 Istanbul 和 Coveralls 两个工具来对测试覆盖率进行统计。
首先，我们需要安装 Istanbul：
npm install -D istanbul
然后，在 package.json 文件中添加 test 命令：
"scripts": {
"test": "istanbul cover _mocha ./test/**/*.test.js"
}这个命令会在运行 Mocha 测试之前使用 Istanbul 进行覆盖率统计。
最后，我们可以使用 Coveralls 将测试覆盖率结果提交到网站上：
npm install -D coveralls
在 package.json 文件中添加 coveralls 命令：
"scripts": {
"test": "istanbul cover _mocha ./test/**/*.test.js && npm run coveralls"
},
"coveralls": "cat ./coverage/lcov.info | coveralls"这个命令会将 coverage/lcov.info 文件提交到 Coveralls 网站上进行统计。
总结
通过以上步骤，我们就可以使用 Mocha 配合 Travis CI 进行持续集成，同时统计测试覆盖率。这样可以让我们更快的发现和修复代码问题，确保项目质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648f548348841e9894d9e494