1

我正在使用带有 typescript 的 Angular 2 设置应用程序，但在获取我的业力覆盖范围以查找我希望它检查的文件时遇到问题。我已经在 Angular 1.x 应用程序上成功设置了它，但打字稿似乎缺少另一层。

一切运行良好，我看到我的所有单元测试都按预期被 karma 检查，覆盖率表明一切正常，并且我的代码具有 100% 的覆盖率，这引发了一个危险信号。在检查 html 输出的覆盖率后，我看到我有 100% 的覆盖率，因为没有检查任何文件。

查看终端中的输出，我看到我使用 pattern: './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 typescript@1.8.10 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 |                |
----------|----------|----------|----------|----------|----------------|

关于我在这里做错了什么有什么想法吗？

4

1 回答 1

0

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

describe('description', () => {
  it('should do something', () => {
    expect(..).toBe(...);
  }
}
于 2018-03-06T14:56:51.500 回答