Karma-Coverage findet keine Dateien (angular2/typescript)

Question

Ich arbeite daran, eine App mit Angular 2 w/typescript einzurichten und habe Probleme, meine Karma-Abdeckung zu finden, um die Dateien zu finden, die ich untersuchen möchte. Ich habe das erfolgreich auf einer eckigen 1.x-Anwendung eingerichtet, aber es scheint eine andere Ebene zu geben, die ich mit Typoskript vermisse.

Alles läuft gut, ich sehe alle meine Unit Tests wie von Karma wie erwartet überprüft und Abdeckung sagt, alles war in Ordnung und das mein Code hat 100% Abdeckung, die eine rote Flagge warf. Nachdem ich die HTML-Ausgabe für die Abdeckung überprüft hatte, sah ich, dass ich 100% Deckung habe, weil keine Dateien überprüft werden.

Mit Blick auf die Ausgabe in meinem Terminal sehe ich, dass alle Dateien mit Muster: './src/**/*.js' ausgeschlossen werden, was bedeutet, dass es nur die .ts-Dateien findet und kompilieren sie nicht in js.

Ich sehe auch eine Nachricht im Terminal über der Coverage-Ausgabe, die besagt, dass nicht alle Dateien in Quellen angegeben gefunden werden, weiter mit teilweiser Neuzuordnung.

Ich hatte das typescriptPreprocesser hinzugefügt, denkend, dass es die TS-Dateien während des Testens in js-Dateien konvertieren würde, damit das Coverage-Tool sie analysieren konnte, aber nichts, was ich bis jetzt getan habe, funktioniert.

Hier ist meine karam.conf.js Datei in seiner Gesamtheit:

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); 

}; 

Mein Terminal-Ausgabe einhüllen es hilft:

> 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 |    | 
----------|----------|----------|----------|----------|----------------| 

keine Gedanken darüber, was ich falsch hier?

Answer 1

Ich fand heraus, dass die Testspezifikation eine Beschreibung mit einem it und der es hat eine erwarten, dann wird es in der Abdeckung html gezeigt werden.

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