angular - 您如何确保 Angular 7 应用程序中没有匹配规范文件的文件的代码覆盖率?
问题描述
之前已经提出过这个问题,但所有答案似乎都已过时,并且不会导致完整的代码覆盖率,包括对没有规范文件的文件的覆盖率。
当我运行该命令时,ng-test --code-coverage
我的结果显示检查的源代码比实际要少得多,因为它正在跳过没有匹配规范文件的文件。我试图通过几种方式解决这个问题,包括创建一个 app.module.spec 文件并将 app.module 导入其中,这增加了报告的测试代码行,但是在将一个没有测试的新组件添加到深度嵌套的模块之后数字没有改变。
这是我的业力配置:
// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-mocha-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular-devkit/build-angular/plugins/karma')
],
client: {
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
coverageIstanbulReporter: {
dir: require('path').join(__dirname, '../coverage'),
reports: ['html', 'lcovonly', 'text-summary'],
fixWebpackSourcePaths: true,
thresholds: {
statements: 80,
lines: 80,
branches: 80,
functions: 80
}
},
mochaReporter: {
maxLogLines: 4
},
reporters: ['progress', 'mocha', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false
});
};
这是我的 tests.ts 文件
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);
这是我的 tsconfig.spec.json 文件:
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"types": [
"jasmine",
"node"
]
},
"files": [
"test.ts",
"polyfills.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
解决方案
我刚刚创建了业力插件,它将项目中的所有文件添加到覆盖率统计中 - https://github.com/kopach/karma-sabarivka-reporter。
使用它-> 安装npm install --save-dev karma-sabarivka-reporter
并像这样更新karma.conf.js
:
reporters: [
// ...
'sabarivka'
// ...
],
coverageReporter: {
include: 'src/**/!(*.spec|*.module|environment*).ts', // glob patter which matchs all the files you want to be included into the coverage result
exclude: 'src/main.ts',
// ...
},
这应该可以解决您的问题,而无需创建“空”规范文件只是为了将源代码文件包含到覆盖率报告中。
推荐阅读
- python - Python:如何在另一个指定字符串之后立即提取字符串
- node.js - 从 node_modules 在现有项目上构建私有 npm 包
- ios - didFinishPickingMediaWithInfo 在 iOS 13 中返回不同的 URL
- jquery - 如何重用 kendo-combobox jquery 代码来制作多个输入框?
- javascript - JavaScript,幕后
- java - 创建一个使用速度的可重用解析方法
- javascript - 如何在 joi 模式中运行自定义验证功能
- c++ - 带有回调函数的状态机
- c# - 如何在控制台中显示文件夹中每个 .txt 文件的内容以及它们的文件名?
- java - 字体(Myanmar3)在 pdf 中未正确显示