Question

我希望在Chrome本地运行我的测试作为浏览器，并使用phantomjs在构建服务器上运行。如何在karma.conf.js文件中配置它

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-phantomjs-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('karma-trx-reporter'),
      require('@angular/cli/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    files: [
      { pattern: './<%= sourceDir %>/test.ts', watched: false },
    ],
    preprocessors: {
      './<%= sourceDir %>/test.ts': ['@angular/cli']
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
      ? ['progress', 'coverage-istanbul', 'trx']
      : ['progress', 'kjhtml', 'trx'],
    trxReporter: {
      outputFile: 'test-results.trx',
      shortTestName: false
    },
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

在我的构建服务器上，我使用此配置：

browsers: ['PhantomJs'],
singleRun: true

我通过运行npm test在我的构建服务器上运行测试，这将启动ng测试。有没有办法直接在这个配置文件上配置，或者我应该使用不同的karma.conf.js文件？我应该如何使用它。或者我应该在ng测试中使用一些参数吗？

Answer 1

我所做的是使用2个不同的npm脚本来触发测试（基本上运行karma start），称为test和test-chrome。然后在karma.conf.js中我在module.exports：

之前做了这个

var ENV = process.env.npm_lifecycle_event;
var isChrome= ENV === 'test-chrome';

并在配置中：

browsers: isChrome? ['Chrome'] : ['PhantomJS']

在您的情况下，您可以在本地运行test-chrome，只需在构建服务器上进行测试。

Answer 2

我通过在包config

中使用一些脚本找到了一个很好的简单解决方案

"test": "ng test --single-run --browsers=PhantomJS",
"test.watch": "ng test --browsers=Chrome",

Jasmine使用不同的浏览器测试Angular应用程序

2 个答案: