以下是一个使用 Angular CLI 和 Istanbul（通过 Karma）进行代码覆盖率测试的基本步骤：
1. 安装依赖：
确保你的项目中已经安装了 Angular CLI，并安装 istanbul-instrumenter-loader 用于生成代码覆盖率报告。
npm install --save-dev istanbul-instrumenter-loader
2. 配置 Karma：
在 Angular 项目中，Karma 负责运行测试，并通过 Istanbul 收集代码覆盖率数据。你需要配置 Karma 来启用代码覆盖率。
在 karma.conf.js 文件中，添加以下配置：
module.exports = function (config) {
config.set({
// ...
preprocessors: {
'src/**/*.ts': ['coverage'],
},
reporters: ['progress', 'coverage'],
coverageReporter: {
dir: require('path').join(__dirname, 'coverage'),
reports: ['html', 'lcovonly', 'text-summary'],
fixWebpackSourcePaths: true,
},
// ...
});
};
3. 运行测试：
使用 Angular CLI 运行测试，并生成代码覆盖率报告。
ng test --code-coverage
这会执行测试并在 coverage/ 目录下生成代码覆盖率报告。你可以打开 coverage/index.html 文件来查看详细的代码覆盖率信息。
请注意，具体的配置和命令可能因使用的工具版本而有所不同。确保查阅相应工具的文档以获取最新信息。
此外，还有其他工具，如 Jest、Cypress 等，它们也提供了代码覆盖率的功能。选择适合你项目和团队的工具，并按照相应的文档进行配置。通过代码覆盖率测试，你可以更好地了解测试覆盖的程度，以确保应用的质量和稳定性。
转载请注明出处：http://www.pingtaimeng.com/article/detail/4956/Angular