我有一些测试文件，其中包含我想针对我的应用运行的测试。

我正在尝试使用 karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher 和 jasmine 在我的测试中。我的应用程序依赖于很多东西，包括 backbone、marionette 等。我的应用程序是使用 webpack 构建的，我正在尝试使用 >webpack 将我的文件捆绑在一起进行测试。 (我最初想看看我是否可以跳过这一步，即简单地 import 一个要测试的文件，但似乎这是不可能的。)

我的测试脚本看起来像

package.json(脚本部分)

"test": "./node_modules/karma/bin/karma start",

其余文件:

karma.conf.js

var webpackConfig = require('./config/webpack/webpack.test.conf.js');

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine'],
    files: [
      { pattern: 'test/**/*.spec.js', watched: true },
      { pattern: 'test/*.spec.js', watched: true }
    ],
    exclude: [
    ],
    preprocessors: {
        'test/**/*.spec.js': ['webpack'],
        'test/*.spec.js': ['webpack']
    },
    webpack: webpackConfig,
    webpackMiddleware: {
        stats: 'errors-only'
    },
    reporters: ['progress'],
    port: 9876,
    colors: true,    
    logLevel: config.LOG_INFO,           
    autoWatch: true,       
    browsers: ['Chrome'],        
    singleRun: false,
    concurrency: Infinity
  })
}

test/test.spec.js 看到这个文件

describe("A suite", function () {
    it("contains spec with an expectation", function () {
        expect(true).toBe(true);
    });
});
describe("Another suite", function () {
    it("contains another spec with an expectation", function () {
        expect(true).toBe(false);
    });
});

test/models/devicegroup.spec.js没看到这个文件

import backbone from 'backbone';

describe("backbone", function () {
    it("containsasdfasdfasdfasdfspec with an expectation", function () 
  {
        expect(true).toBe(false);
    });
});

我的文件夹结构是:

- karma.conf.js
- test/
- - test.spec.js
- - models/
- - - devicegroup.spec.js
- public/
- - js/
- - - app.js

当我的文件顶部没有 import 语句时，karma 将按预期运行并通过/失败。将 import 语句放在顶部将导致 karma 忽略该文件。不会抛出任何错误。

如何让 karma/karma-webpack 运行我的具有导入语句的测试/将模块导入我的测试的 karma 安全方法是什么？

当 test/models/devicegroup.spec.js 没有 import 语句时:

// import backbone from 'backbone';

describe("backbone", function () {
    it("contains with an expectation", function () {
        expect(true).toBe(false);
    });
});

终端输出是:(注意少了一个测试运行)

当 test/models/devicegroup.spec.js 确实有一个 import 语句时:

import backbone from 'backbone';

describe("backbone", function () {
    it("contains with an expectation", function () {
        expect(true).toBe(false);
    });
});

终端输出为:

我在 Karma 打开的浏览器中没有看到任何错误。

编辑:

根据 this repo example，我尝试将源文件添加到 karma.conf.js 文件中的 files 和 preprocessors 属性.除了测试时间大幅增加外，行为没有任何变化。

karma.conf.js

files: [
  { pattern: 'public/js/**/*.js', watched: true},
  { pattern: 'test/**/*.spec.js', watched: true },
  // each file acts as entry point for the webpack configuration
],

preprocessors: {
    // add webpack as preprocessor
    'public/js/**/*.js': ['webpack'],
    'test/**/*.spec.js': ['webpack'],
},

编辑2: 为了实验( and based off this person's struggles )，我在所有可能的组合中尝试了上述 karma.conf.js - 仅测试 files 和 preprocessors 中的文件，仅源文件，测试文件在一个而不是另一个，源文件在一个而不是另一个，没有，两个。没有好的结果，虽然偶尔会出现新的错误。

最佳答案

有点晚了，但我遇到了同样的问题，并且搜索了几个小时，为什么我的导入阻止了测试套件的执行。 karma-webpack-4.0.0-rc.2 通过提供错误信息带来了启发!!

我的情况是有几个模块没有找到，angular-mock、jquery、angular 等等。

如何修复

将模块放入您的 karma.config 中的文件数组中，例如:

files = [
  "node_modules/jquery/dist/jquery.js",
  "node_modules/angular/angular.js",
  "node_modules/angular-mocks/angular-mocks.js",
  { pattern: "test/**/*.ts", watched: false }

我希望这对某人有所帮助。

编辑

我当前版本的测试相关包:

"@types/jasmine": "^2.8.8",
"jasmine": "^3.2.0",
"jasmine-core": "^3.2.1",
"jasmine-reporters": "2.3.2",
"jasmine-ts": "^0.2.1",
"karma": "3.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-jasmine": "1.1.2",
"karma-junit-reporter": "1.2.0",
"karma-phantomjs-launcher": "1.0.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.32",
"karma-webpack": "^4.0.0-rc.2",
"typescript": "3.0.3",
"webpack": "4.17.2",
"webpack-cli": "^3.1.0",
"webpack-dev-server": "3.1.8"

关于javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50709191/