Angular CLI / 使用 ng test 运行两类测试

Question

我有两种不同类型的测试：

• 单元测试（标准 Angular cli .spec.ts 文件）
• 功能测试（我的特定 .func.spec.ts 文件，与 .spec.ts 文件的工作方式相同，但未模拟并将数据注入我的数据库，因此无需运行它们一直）

我正在尝试：

• 从ng test 命令中排除 .func.spec.ts 文件以仅运行 .spec.ts 测试文件
• 调用测试命令只运行.func.spec.ts

所以我的功能测试不在常规的ng test 上下文中执行，可以单独运行。

换句话说，解决方案可以是……

• npm run test 运行 .spec.ts 文件
• npm run test:func 运行 .func.spec.ts 文件

我尝试创建一个不同的 karma 配置文件，排除我不想要的文件，但它不起作用。

您知道如何执行此操作吗？

Answer 1

你可以做的是添加一个特定的Karama配置karma.func.conf.js

module.exports = function (config) {
  config.set({
    basePath: '',
    files: ['src/app/**/**.func.ts'] // Not 100% sure about the pattern
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma')
    ],
    client:{
      clearContext: false
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev' //you could change to use prod
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

添加到你的 package.json

"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build --prod",
  "test": "ng test",
  "test:func": "ng test --config karma.func.conf.js"
  "lint": "ng lint",
  "e2e": "ng e2e"
}

也许还有另一种解决方案可以避免维护两个配置文件。