Webpack Karma Istanbul TypeScript için Geri Çağırma

Question

İstemci tarafında bir uygulama geliştiriyorum ve doğru Karma yapılandırmalarını oluşturmakta sorun yaşıyorum. şöyle Şu anda, benim kurulum var:

WebPack: kullanma ts-yükleyici, typescript derler, vb varlıklar

Karma: webpack eklentisini kullanarak, (ts-yükleyici kullanır) WebPack yapılandırma yükler, Daha sonra tüm ünite testlerini Jasmine + PhantomJS

ile birlikte çalıştırır. Tüm testler iyi çalışır, ancak webpack istanbul remapping'ini halletmenin bir yolunu bulamadım. Karma-webpacks, yeniden eşlemenin gerçekleşmesine izin vermek için kaynak haritalar oluşturmuyor gibi görünüyor. Herhangi bir işaretçi takdir edilecektir!

Karma Yapılandırma:

var webpackConfig = require("./webpack.config.js"); 
delete webpackConfig.entry; 

module.exports = function (config) { 
    config.set({ 
     // 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: [ 
      // Non-automatically bundled libraries 
      'app/client/js/lib/easeljs.min.js', 
      'app/client/js/lib/tweenjs.min.js', 
      // Entry File 
      'app/client/js/index.ts', 
      'app/client/html/**/*.html', 

      // Test files and dependencies 
      'node_modules/angular-mocks/angular-mocks.js', 
      'test/client/**/*.spec.js' 
     ], 

     // preprocess matching files before serving them to the browser 
     // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor 
     preprocessors: { 
      '**/*.html': ['ng-html2js'], 
      'app/client/js/index.ts': ['webpack', 'sourcemap', 'coverage'] 
     }, 

     ngHtml2JsPreprocessor: { 
      cacheIdFromPath: function (filepath) { 
       // Remaps the path for Karma webpack 
       return '/_karma_webpack_//' + filepath.replace(/^.*[\\\/]/, ''); 
      }, 
      moduleName: 'templates' 
     }, 

     webpack: webpackConfig, 

     webpackMiddleware: { 
      noInfo: true 
     }, 

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

     coverageReporter: { 
      dir: 'build/client/test/coverage/', 
      reporters: [ 
       { 
        type: 'json', 
        subdir: '.' 
       } 
      ] 
     }, 

     // 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: true, 

     // start these browsers 
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher 
     browsers: ['PhantomJS'], 

     // Concurrency level 
     // how many browser should be started simultaneously 
     concurrency: Infinity 
    }) 
}; 

Answer 1

Şu Karma Remap Istanbul typescript kapsama inline üretebilen tek bir pakettir. Açıkça oluşturulan kapsama alanı üzerinde remap-istanbul'u arayarak da açıkça yönetilebilir.

Bu paket yeterince basittir mevcut iş akışı bunu ekleme text: undefined

çıkış set config varsayarak size konsolda typescript kapsama çıkış özetini alacak tam olarak nasıl üzerinde dokümantasyon paketleri github bunu yapmayı README.md.

Answer 2

karma-typescript yükleyin:

npm install karma-typescript --save-dev 

sizin karma.conf.js koy:

frameworks: ["jasmine", "karma-typescript"], 

files: [ 
    { pattern: "src/**/*.ts" } 
], 

preprocessors: { 
    "**/*.ts": ["karma-typescript"] 
}, 

reporters: ["progress", "karma-typescript"], 

browsers: ["Chrome"] 

Bu uçakta typescript birim testleri çalıştırmak ve şuna benzer İstanbul html kapsama üretecek :

Thi Karma ve webpack'i birlikte kullanmanın gerekliliğini ortadan kaldırır, Karma testleri yürütmek ve kapsama oluşturmak için kullanılır, webpack paketlemede kullanılır.