Angular-cli 测试覆盖所有文件

我正在运行以下命令来进行单元测试并生成代码代码覆盖率报告。

ng test --code-coverage

它正在覆盖率文件夹中写入代码覆盖率报告。

我需要查看整个项目的覆盖范围，而不仅仅是进行测试的文件。

karma.conf.js

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', 'angular-cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-jasmine-html-reporter'),
      require('karma-chrome-launcher'),
      require('karma-remap-istanbul'),
      require('angular-cli/plugins/karma'),
      require('karma-coverage'),
      require('karma-sourcemap-loader')

    ],
    files: [
      { pattern: './src/test.ts', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['angular-cli']
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    remapIstanbulReporter: {
        reports: {
          html: 'coverage',
        lcovonly: './coverage/coverage.lcov'
      }
    },
    angularCli: {
      config: './angular-cli.json',
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
              ? ['progress', 'karma-remap-istanbul']
              : ['progress', 'kjhtml'],
    coverageReporter: {
      includeAllSources: true
    },
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

我遇到了同样的问题，我找到了一个简单的解决方法，无需任何大的配置即可解决我的问题。

1. 在您的应用程序文件夹中，创建一个文件 app.module.spec.ts
2. 在此文件中添加导入到您的应用程序模块。

import './app.module';

就是这样 ;）

关键是，您的应用程序模块很可能是应用程序的核心部分，它直接或间接导入任何其他使用的文件。现在您已经创建了规范文件，模块包含的所有内容也应该包含在测试覆盖率报告中。

我不确定这是否适用于延迟加载的模块。如果没有，您也可以简单地在 app.module.spec.ts 中导入这些延迟加载的模块，或者为每个模块创建一个规范文件，在其中导入模块。