在前端开发过程中，我们需要对代码进行测试和覆盖率分析。NPM包coverage是一个非常好用的工具，可以帮助我们快速轻松地进行测试覆盖率分析。本文将介绍如何使用npm包coverage来完成测试覆盖率分析，希望对初学者有所帮助。
安装
首先你需要安装Node.js和npm，这里就不再介绍了。接着，在命令行中输入以下命令来安装coverage：
npm install -g coverage
配置
安装完成之后，我们需要在项目中配置coverage。在项目中新建一个配置文件.coveragerc：
-- -------------------- ---- -------
-
------------------ -
------- ------
----------- ----------------------
--
------------ -
-------- --------
-
-其中instrumentation用于指定要进行覆盖率分析的文件路径，excludes用于指定不需要被覆盖的文件路径。reporting用于指定输出分析结果的详细程度，可选none、summary和detail，这里我们选择detail以便更详细地查看分析结果。
使用
配置完成后，我们就可以开始使用coverage了。在命令行中进入项目根目录，输入以下命令即可进行分析：
coverage
运行完之后，你会看到类似于下面这样的输出：
--------------------------|----------|----------|----------|----------| File | % Stmts | % Branch | % Funcs | % Lines |Uncovered| --------------------------|----------|----------|----------|----------| src/index.js | 95.24 | 100 | 75 | 95.24 | 7,10 | src/math.js | 75 | 50 | 100 | 83.33 | 5,8 | --------------------------|----------|----------|----------|----------| All files | 86.67 | 75 | 87 | 100 | | --------------------------|----------|----------|----------|----------|
其中，% Stmts表示语句覆盖率，% Branch表示分支覆盖率，% Funcs表示函数覆盖率，% Lines表示行覆盖率。在最后一栏Uncovered中，数字表示对应行未被覆盖到。
示例
为了更好地理解coverage的使用方法，下面给出一个示例代码。我们新建一个math.js文件，里面包含一个求和函数，然后在index.js中引用该函数，最后使用coverage分析。math.js代码如下：
function sum(a, b) {
return a + b;
}
module.exports = {
sum,
};index.js代码如下：
const math = require('./math');
console.log(math.sum(2, 3));
console.log(math.sum(1, 1));使用coverage分析后，我们得到如下结果：
--------------------------|----------|----------|----------|----------| File | % Stmts | % Branch | % Funcs | % Lines |Uncovered| --------------------------|----------|----------|----------|----------| src/index.js | 100 | 100 | 100 | 100 | | src/math.js | 100 | 100 | 100 | 100 | | --------------------------|----------|----------|----------|----------| All files | 100 | 100 | 100 | 100 | | --------------------------|----------|----------|----------|----------|
可以看到，覆盖率达到了100%。
总结
coverage是前端开发中非常好用的一个测试覆盖率分析工具，可以帮助我们快速地分析代码的覆盖情况。本文介绍了coverage的安装、配置和使用方法，并给出了一个示例代码，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaac2b5cbfe1ea0610588