Question

我尝试使用Karma在Chrome浏览器中运行测试。我已经在PhantomJS中运行它们没有任何问题，但希望切换到ChromeHeadless。我发现测试没有通过Chrome或ChromeHeadless，但仍然使用PhantomJS。

我认为它与配置中包含的文件有关。我认为PhantomJS按预期加载它们，但出于某种原因，Chrome不是。我在这里查看了其他问题，但解决方案并不是特别相关，不幸的是没有用。

这是我尝试使用Chrome运行测试时遇到的错误：

Uncaught TypeError: Cannot read property 'maps' of undefined

这是指从google.maps派生的window.google，应该在karma.conf.js的文件中声明：

module.exports = function(config) {
  config.set({
    // autoWatch: true,
    browserConsoleLogOptions: {
      terminal: true,
      level: ''
    },
    // Prevent timeout issues when running the tests
    browserDisconnectTimeout: 10000,
    browserDisconnectTolerance: 3,
    browserNoActivityTimeout: 60000,
    browsers: ['Chrome'],
    captureTimeout: 2000,
    // debug: true,
    files: [
    'http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js',
      'http://maps.googleapis.com/maps/api/js?client=client_id',
      { pattern: 'test-context.js', watched: false }
    ],
    frameworks: ['jasmine'],
    // logLevel: config.LOG_DEBUG,
    port: 9876,
    preprocessors: {
      'test-context.js': ['webpack'],
    },
    reporters: ['progress', 'spec'],
    singleRun: true,
    webpack: require('./webpack/config.test'),
    webpackServer: {
      noInfo: true
    },
  });
};

有谁知道我可能做错了什么，或者为什么运行Chrome浏览器进行测试似乎没有引入外部文件？

我可能会嘲笑整个谷歌地图对象，但这似乎过分且不必要，因为它应该包含在指定的文件中。

如果有人有任何想法，我将非常感谢你的帮助。谢谢！

Answer 1

我终于明白了。它最终成为一个阻止外部文件加载的CORS问题。将以下代码添加到我的karma.conf文件中解决了我的问题：

crossOriginAttribute: false,

Karma Chrome测试在Chrome中失败，但传入PhantomJS

1 个答案: