Angular 对单个文件运行单元测试和代码覆盖率

在 Angular 项目中,可以使用 ng test 命令来运行单元测试,并生成代码覆盖率报告。要对单个文件运行测试,并同时生成代码覆盖率报告。

对单个文件运行单元测试

通过 ng test 的 --include 参数

Angular CLI 版本 12 及以上,支持使用 --include 参数来指定测试文件路径,从而只运行该文件的测试:

ng test --include='src/app/my-component/my-component.component.spec.ts'

生成代码覆盖率报告

代码覆盖率报告可以帮助你了解测试代码覆盖了多少行代码。使用 --code-coverage 参数来生成报告:

ng test --code-coverage

代码覆盖率报告将生成在 coverage 目录中,生成的 index.html 文件可以用浏览器打开查看详细报告。

结合单个文件测试和代码覆盖率

可以结合这两个命令,一次性运行单个文件的测试并生成代码覆盖率报告:

ng test --include='src/app/my-component/my-component.component.spec.ts' --code-coverage

这样,Angular CLI 将只运行指定的测试文件,并在 coverage 文件夹中生成代码覆盖率报告。

评论