如何将Cobertura.xml转换为可本地查看的HTML报告？

当然可以！你完全能把istanbul/nyc生成的cobertura.xml转换成本地可浏览的HTML报告，这里有几个实用的方案：

方法1：使用cobertura-to-html生成单页HTML #

这个工具专门用来将cobertura格式的覆盖率文件转换成单页HTML，操作简单：

• 先全局安装工具：

  npm install -g cobertura-to-html
  

• 执行转换命令，指定源文件和输出路径：

  cobertura-to-html -s ./path/to/cobertura.xml -o ./coverage-report.html
  

转换完成后，直接在浏览器里打开生成的coverage-report.html就能查看覆盖率数据了，适合快速查看。

方法2：使用ReportGenerator生成多页美观报告 #

如果想要更丰富的样式和多页导航的报告，可以用ReportGenerator，它支持多种覆盖率格式转换：

• 全局安装工具：

  npm install -g reportgenerator
  

• 执行转换命令，指定源文件、输出目录和报告类型：

  reportgenerator -reports:./path/to/cobertura.xml -targetdir:./coverage-html -reporttypes:Html
  

转换后会在coverage-html目录下生成一套完整的HTML报告，打开其中的index.html就能看到带侧边导航、详细统计的可视化报告，体验和Jenkins上的展示类似。

额外建议：直接让nyc生成HTML报告 #

其实你也可以在生成cobertura.xml的同时，让nyc直接输出HTML报告，省去转换步骤：
修改测试命令，同时指定两个报告器：

nyc --reporter=html --reporter=cobertura npm test

执行后会自动生成coverage文件夹（HTML报告）和cobertura.xml，本地直接打开coverage/index.html就能查看，一步到位。

内容的提问来源于stack exchange，提问作者rozza