茉莉花测试Angular应用程序与不同的浏览器

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 test。 有没有办法直接在这个配置文件上配置它，或者我应该使用不同的 karma.conf.js 文件？以及我应该如何使用它。还是我应该在 ng 测试中使用一些参数？

Answer 1

通过在包配置中使用一些脚本，我找到了一个很好而简单的解决方案

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

Answer 2

我所做的是使用 2 个不同的 npm 脚本来触发测试(基本上是运行业力启动(，称为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，并在构建服务器上进行测试。