Karma覆盖范围未找到文件（angular2 / typescript）

Question

我正在努力使用Angular 2 w / typescript设置应用程序，我遇到问题，让我的业力报道找到我想要检查的文件。我已经在一个角度1.x应用程序上成功设置了这个，但似乎还有另一个我缺少打字稿的图层。

一切都运行得很好，我看到我的所有单元测试都被业力按预期检查，覆盖范围说一切正常，我的代码有100％的覆盖率，这引起了一面红旗。检查html输出覆盖后，我看到我有100％的覆盖率，因为没有检查文件。

查看终端中的输出，我看到我用模式选择的所有文件：'./src/**/*.js'都被排除在外，这意味着它只找到.ts文件而不是编译它们进入js。

我还在终端上方的覆盖范围输出中看到一条消息“未找到源中指定的所有文件，继续部分重新映射”。

我添加了typescriptPreprocesser，认为它会在测试期间将ts文件转换为js文件，以便覆盖工具可以解析它们，但到目前为止我所做的一切都没有用。

这是我的karam.conf.js文件的全部内容：

var path = require('path');

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

module.exports = function (config) {
  var _config = {

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',

    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine'],

    // list of files / patterns to load in the browser
    files: [
      {
        pattern: './karma-shim.js',
        watched: false
      },
      {
        pattern: './src/**/*.js',
        included: true
      }
    ],

    // list of files to exclude
    exclude: [
      './src/e2e/*'
    ],

    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
      './karma-shim.js': ['webpack', 'sourcemap'],
      './src/**/*.ts': ['typescript'],
      './src/**/*.js': ['coverage']
    },

    typescriptPreprocessor: {
      // options passed to the typescript compiler
      options: {
        sourceMap: false, // (optional) Generates corresponding .map file.
        target: 'ES5', // (optional) Specify ECMAScript target version: 'ES3' (default), or 'ES5'
        module: 'amd', // (optional) Specify module code generation: 'commonjs' or 'amd'
        noImplicitAny: true, // (optional) Warn on expressions and declarations with an implied 'any' type.
        noResolve: true, // (optional) Skip resolution and preprocessing.
        removeComments: true, // (optional) Do not emit comments to output.
        concatenateOutput: false // (optional) Concatenate and emit output to single file. By default true if module option is omited, otherwise false.
      },
      // transforming the filenames
      transformPath: function(path) {
        return path.replace(/\.ts$/, '.js');
      }
    },

    webpack: webpackConfig,

    webpackMiddleware: {
      // webpack-dev-middleware configuration
      // i. e.
      stats: 'errors-only'
    },

    coverageReporter: {
      dir: 'coverage/',
      reporters: [{
        type: 'html',
        dir: 'coverage'
      }]
    },

    remapIstanbulReporter: {
      src: 'coverage/json/coverage-final.json',
      reports: {
        lcovonly: 'coverage/json/lcov.info',
        html: 'coverage/html',
        'text': null
      },
      timeoutNotCreated: 1000, // default value
      timeoutNoMoreFiles: 1000 // default value
    },

    webpackServer: {
      noInfo: true // please don't spam the console when running in karma!
    },

    // test results reporter to use
    // possible values: 'dots', 'progress', 'mocha'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ["mocha", "coverage", "karma-remap-istanbul"],

    // web server port
    port: 9876,

    // enable / disable colors in the output (reporters and logs)
    colors: true,

    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,

    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: false,

    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'], // you can also use Chrome

    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: true
  };

  config.set(_config);

};

我的终端输出有助于：

> karma start


START:
10 06 2016 16:32:20.696:WARN [watcher]: All files matched by "/Users/efarl1/Desktop/repos/cmg-prod/src/**/*.js" were excluded.
webpack: wait until bundle finished: 
ts-loader: Using [email protected] and /Users/efarl1/Desktop/repos/cmg-prod/tsconfig.json

webpack: bundle is now VALID.
10 06 2016 16:32:35.364:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
10 06 2016 16:32:35.367:INFO [launcher]: Starting browser Chrome
10 06 2016 16:32:36.132:INFO [Chrome 51.0.2704 (Mac OS X 10.11.5)]: Connected on socket /#asaknUl4K3m9G7wLAAAA with id 96149396
  AppComponent
    ✔ should log ngOnInit
LOG: 'THREE.WebGLRenderer', '73'
LOG: 'THREE.WebGLRenderer', '73'
  ProductViewportComponent
    ✔ ProductViewportComponent should have an H1 with `ProductViewport Component` in it
  ProductCameraService
    ✔ should log ngOnInit
  ProductClickedObjectService
    ✔ should log ngOnInit
  ProductControlsService
    ✔ should log ngOnInit
  ProductEventsService
    ✔ should log ngOnInit
  ProductRendererService
    ✔ should log ngOnInit
  ProductService
    ✔ should log ngOnInit
  WindowService
    ✔ should log ngOnInit

Finished in 0.295 secs / 0.241 secs

SUMMARY:
✔ 9 tests completed
Not all files specified in sources could be found, continue with partial remapping.
----------|----------|----------|----------|----------|----------------|
File      |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
----------|----------|----------|----------|----------|----------------|
----------|----------|----------|----------|----------|----------------|
All files |      100 |      100 |      100 |      100 |                |
----------|----------|----------|----------|----------|----------------|

对我在这里做错了什么的想法？

Answer 1

我发现测试规范需要一个描述它并且它有一个期望，然后它将显示在coverage html中。

describe('description', () => {
  it('should do something', () => {
    expect(..).toBe(...);
  }
}