利用SonarTS对typescript代码进行质量扫描（续）：如何查看测试覆盖率

前文已阐述了利用SonarQube开展代码质量检测的方法，本文将进一步探讨在Angular框架中，如何通过整合Karma与Jamsine工具完成前端单元测试及覆盖率验证的具体实施过程。

事前准备

SonarQube环境搭建与配置

可通过不同版本的SonarQube进行测试，本实验选用SonarQube LTS 7.9.1版本配合Postgresql 12版本进行验证。关于具体环境配置的详细步骤，可参考以下链接：

• SonarQube 7.9.1 环境搭建

Angular应用+Karma+Jasmine

在获取单元测试覆盖率之前，必须首先运行单元测试，随后SonarQube将对测试结果进行分析，从而实现覆盖率数据的展示。该过程需要借助Karma、Jasmine等多种工具完成。然而，在由Angular CLI构建的应用框架中，大部分配置已经默认完成，并且附带了示例测试文件，因此只需按照以下步骤操作即可：

• 步骤1: ng new demo --style=less
• 步骤2: cd demo && npm install
• 步骤3: 对karma的配置文件进行设置
• 步骤4: 执行ng test --code-coverage命令

关于上述内容的详细说明与解释，可参考以下资料：[Angular前端测试](