SystemJS + Karma + TypeScript - 未运行测试

Question

我现在尝试运行一些单元测试几天但没有成功。我的应用程序是用 typescript 编写的（单元测试也是用 typescript 编写的）。 这是我的业力配置文件：

module.exports = function (config) {
  config.set({

    basePath: "../../../../",

    frameworks: [
      "jasmine",
      "systemjs"
    ],

    browsers: ['PhantomJS'],

    singleRun: true,
    reporters: ['progress'],

    systemjs: {
      config: {
        paths: {
          systemjs: "src/main/webapp/static/js/engage/lib/bower/system.js/dist/system.src.js",
          typescript: "build/node_modules/typescript/lib/typescript.js"
        },
        transpiler: "typescript"
      },

      // testFileSuffix: ".spec.ts"
    },

    files: [
      'src/main/webapp/static/js/engage/dist/vendor/vendor.min.js',
      'src/main/webapp/static/js/engage/lib/bower/system.js/dist/system-polyfills.src.js',
      'src/main/webapp/static/js/engage/lib/bower/angular-mocks/angular-mocks.js',
      {pattern: "src/main/webapp/static/js/engage/app/**/*.spec.ts", served: true, included: false}
    ]
  });
};

当我运行karma start 时出现以下错误：

05 09 2016 21:39:45.543:INFO [karma]: Karma v1.2.0 server started at http://localhost:9876/
05 09 2016 21:39:45.546:INFO [launcher]: Launching browser PhantomJS with unlimited concurrency
05 09 2016 21:39:45.558:INFO [launcher]: Starting browser PhantomJS
05 09 2016 21:39:47.631:INFO [PhantomJS 1.9.8 (Mac OS X 0.0.0)]: Connected on socket /#c-ZoxCczyYymPDAtAAAA with id 8911412
05 09 2016 21:39:47.650:WARN [web-server]: 404: /base/src/main/webapp/static/js/engage/lib/bower/system.js/dist/system-polyfills.js
PhantomJS 1.9.8 (Mac OS X 0.0.0) ERROR
  You need to include some adapter that implements __karma__.start method!

如果我将浏览器属性更改为 Chrome，我会收到以下错误：

Chrome 52.0.2743 (Mac OS X 10.11.6) ERROR
  Error: ReferenceError: jasmineRequire is not defined
            at eval (build/node_modules/karma-jasmine/lib/boot.js:14:32)
            at eval (build/node_modules/karma-jasmine/lib/boot.js:41:2)
        Evaluating build/node_modules/karma-jasmine/lib/boot.js
        Error loading build/node_modules/karma-jasmine/lib/boot.js

这是我的 package.json 相关依赖：

"phantomjs": "^1.9.11",
"karma-systemjs": "^0.14.0",
"karma-jasmine": "^1.0.2",
"karma-chrome-launcher": "^0.1.5",
"jasmine-core": "^2.5.0"

任何帮助将不胜感激！

Answer 1

1. 我会尝试将 systemjs 作为第一个框架，因为它是在文档中编写的
2. 在使用 systemjs 加载 typescript 之前编译您的 typescript，不要使用 systemjs typescript compile。这将降低你的业力测试的复杂性，使它们更加可靠
3. 尝试将您的规范文件的 include 更改为 true，这有助于我解决一些问题。但我不确定
4. 将您的 basePath 保留在 ./ 中，因为这也会造成麻烦
5. 检查 system.js 的路径，因为它会引发 404 错误

我的 system.js 配置如下所示

systemjs: {
    configFile: 'dev/systemjs.config.js',
    config: {
        map: {
            'systemjs':          'node_modules/systemjs/dist/system.js',
            'system-polyfills':  'node_modules/systemjs/dist/system-polyfills.js',
            'es6-module-loader': 'node_modules/es6-module-loader/dist/es6-module-loader.js'
        }
    }
}

也许这个问题中的一些配置 sn-ps 可能会有所帮助： Angular 2 + Karma + karma-jspm + karma-coverage + typescript report phantomJS failure

Answer 2

尝试将插件选项添加到业力配置

plugins: [
  'karma-jasmine',
  'karma-chrome-launcher'
],

使用最新的 node.js 6.5 并将您的依赖项更新到最新版本