如何使用Angular9与Jasmine生成所有组件的单元测试代码覆盖率PDF报告

核心结论 #

不存在和karma-jasmine-html-reporter对标的、可直接在Karma配置中启用的原生PDF格式覆盖率报告插件，单纯修改karma.config.js实现PDF导出本身就不符合工具的设计逻辑，之前调整配置没达到预期效果是正常情况。

实际能用的解决方法 #

• 最稳妥、没有版本兼容坑的方案：沿用Angular原生的HTML覆盖率报告生成流程，等测试执行完成、本地生成全自包含的index.html覆盖率报告文件后，通过无头浏览器或者系统自带的打印功能，将该HTML页面导出为PDF。这个方案完全适配Angular 9的配套环境，不会出现插件版本冲突、覆盖率数据统计错误的问题；如果需要全自动化流程，只需要接入简单的页面操作脚本，就能实现从跑测试到导出PDF的全链路无手动操作。
• 踩坑提醒：不要尝试安装早年流传的各类第三方Karma PDF报告插件，这类插件的最后维护版本大多停留在Angular 9发布之前的阶段，和Angular 9配套的Karma 4.x/5.x、Istanbul覆盖率统计工具的版本兼容性极差，安装后大概率会出现测试进程崩溃、报告格式错乱的问题，投入产出比极低。
• 为什么改Karma配置没用：Angular的覆盖率统计能力是内置在Istanbul工具链中的，Karma本身只负责测试执行的调度，Angular 9配套的Istanbul版本，原生支持的报告格式就只有HTML、lcov、json、text、cobertura等类型，压根没有开放PDF格式的输出接口，所以在Karma配置里找PDF输出选项本质上是找错了配置层级，自然达不到预期效果。

实操小技巧：导出PDF前可以先调整HTML报告的页面展示状态，收起侧边导航栏、设置合适的打印边距，避免导出的PDF出现组件覆盖率表格截断、排版错乱的问题。

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