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加載之前編譯你的打字稿，不要使用systemjs typescript compile。 這將降低你的業力測試的復雜性，使他們更加堅實
3. 嘗試將spec包含更改為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'
        }
    }
}

也許這個問題的一些配置片段可能會有所幫助： Angular 2 + Karma + karma-jspm + karma-coverage + typescript報告phantomJS失敗

Answer 2

嘗試將插件選項添加到karma配置中

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

使用最后一個node.js 6.5並將依賴項更新為最新版本