【发布时间】：2016-09-14 17:13:37
【问题描述】：
在将应用程序升级到 rc-7 并运行单元测试以确保没有损坏后，我在大约一半的单元测试中收到此错误消息。
“错误：Zone.js 检测到 ZoneAwarePromise '(window|global).Promise' 已被覆盖。 最可能的原因是在 node_modules/zone.js/ 中的 Zone.js 之后加载了一个 Promise polyfill（加载 zone.js 时不需要Polyfilling Promise api。如果必须加载一个，请在加载 zone.js 之前这样做） dist/zone.js (第 21 行)"
我能想到的最接近的事情是，我在单元测试中通过手动返回 observables 来模拟来自 http 调用的响应。
这是一个使用 Jasmine 和 Karma 进行单元测试的 Angular2 应用程序。
更新 因此，根据错误消息，这似乎是加载顺序问题，但是我不会在任何我能确定的地方加载 polyfill，除非我不小心抓住了它们。我附加了我的 karma.conf.js 和 systemjs.conf.js 以帮助查找错误。
Karma.conf.js
module.exports = function(config) {
var gulpConfig = require('../gulp/config')();
/**
* List of npm packages that imported via `import` syntax
*/
var dependencies = [
'@angular',
'lodash',
'rxjs'
];
var configuration = {
basePath: '../../',
browserNoActivityTimeout: 20000,
frameworks: ['jasmine'],
browsers: ['PhantomJS'],
reporters: ['progress', 'coverage'],
preprocessors: {},
// Generate json used for remap-istanbul
coverageReporter: {
includeAllSources: true,
dir: 'coverage/appCoverage/remap/',
reporters: [
{ type: 'json', subdir: 'report-json' }
]
},
files: [
'node_modules/reflect-metadata/Reflect.js',
'node_modules/zone.js/dist/zone.js',
'node_modules/zone.js/dist/long-stack-trace-zone.js',
'node_modules/zone.js/dist/proxy.js',
'node_modules/zone.js/dist/sync-test.js',
'node_modules/zone.js/dist/jasmine-patch.js',
'node_modules/zone.js/dist/async-test.js',
'node_modules/zone.js/dist/fake-async-test.js',
'node_modules/angular/angular.js',
'node_modules/core-js/client/shim.min.js',
'node_modules/systemjs/dist/system.src.js'
],
// proxied base paths
proxies: {
// required for component assests fetched by Angular's compiler
"/src/": "/base/src/",
"/app/": "/base/src/app/",
"/node_modules/": "/base/node_modules/"
},
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
//browserNoActivityTimeout: 100000
};
configuration.preprocessors[gulpConfig.tmpApp + '**/!(*.spec)+(.js)'] = ['coverage'];
configuration.preprocessors[gulpConfig.tmpApp + '**/*.js'] = ['sourcemap'];
configuration.preprocessors[gulpConfig.tmpTest + '**/*.js'] = ['sourcemap'];
var files = [
gulpConfig.tmpTest + 'test-helpers/global/**/*.js',
gulpConfig.src + 'systemjs.conf.js',
'config/test/karma-test-shim.js',
createFilePattern(gulpConfig.tmpApp + '**/*.js', { included: false }),
createFilePattern(gulpConfig.tmpTest + 'test-helpers/*.js', { included: false }),
createFilePattern(gulpConfig.app + '**/*.html', { included: false }),
createFilePattern(gulpConfig.app + '**/*.css', { included: false }),
createFilePattern(gulpConfig.app + '**/*.ts', { included: false, watched: false }),
createFilePattern(gulpConfig.tmpApp + '**/*.js.map', { included: false, watched: false })
];
configuration.files = configuration.files.concat(files);
dependencies.forEach(function(key) {
configuration.files.push({
pattern: 'node_modules/' + key + '/**/*.js',
included: false,
watched: false
});
});
if (process.env.APPVEYOR) {
configuration.browsers = ['IE'];
configuration.singleRun = true;
configuration.browserNoActivityTimeout = 90000; // Note: default value (10000) is not enough
}
config.set(configuration);
// Helpers
function createFilePattern(path, config) {
config.pattern = path;
return config;
}
}
更新 我的解决方案包括确保我的所有 zone.js 文件最后都加载到 karma.conf.js 中。我猜我包含的其他内容也包括 polyfill，但在 zone.js 之后加载，因此引发了错误。将 zone.js 移动到最后之后，一切正常。
【问题讨论】：
标签： angularjs unit-testing jasmine karma-jasmine zone