Typescript + карма + веб-пакет + кодовое покрытие не работает

Question

Я бы хотел перенести проект angular1 в angular2, следуя пошаговым инструкциям. Поэтому я добавил машинопись в проект. Но сейчас у меня проблемы с запуском его с помощью Karma, Webpack и CodeCoverage. Юнит-тесты все зеленые, но покрытие кода не показывает файлы ".ts" в своем отчете.

Как мне настроить мой karma.config, чтобы это работало? Я уже пробовал "karma-typcript" и "karma-remap-istanbul", хотя я застрял в получении правильной настройки для всех моих зависимостей.

Вот мой karma.conf.js:

// 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: [
  'node_modules/sinon/pkg/sinon-1.17.5.js',
  'node_modules/jquery/dist/jquery.min.js',
  'node_modules/jasmine-jquery/lib/jasmine-jquery.js',
  'node_modules/svg4everybody/dist/svg4everybody.min.js',
  'specs/unit/mocks/*.js',
  'specs/config/karma.import.js'
],

// list of files to exclude
exclude: [
],

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

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

coverageReporter: {
  reporters: [
    { type: 'html', subdir: '.' }
  ],
  instrumenters: {isparta: require('isparta')},
  instrumenter: {
    'app/src/**/*.js': 'isparta'
  },
  instrumenterOptions: {
    istanbul: { noCompact: true }
  },
  includeAllSources: true
},

// web server port
port: 9876,

plugins: [
  'karma-babel-preprocessor',
  'karma-chrome-launcher',
  'karma-jasmine',
  'karma-sinon',
  'karma-spec-reporter',
  'karma-coverage',
  'karma-webpack',
  'karma-sourcemap-loader',
  'karma-typescript'
],

// 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: ['Chrome'],

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

// Concurrency level
// how many browser should be started simultaneous
concurrency: Infinity,

babelPreprocessor: {
  options: {
    presets: ['latest'],
    sourceMap: 'inline'
  },
  sourceFileName: function (file) {
    return file.originalPath;
  }
},

// special webpack-configuration for handling spec-files and preparing all
// modules for the code-coverage tool
webpack: {
  devtool: 'inline-source-map',
  module: {
    loaders: webpackConfig.module.loaders,
    preLoaders: [
      // {
      //   test: /\.js$/,
      //   loader: 'babel',
      //   include: /app\/src/,
      //   exclude: /node_modules|vendor/,
      //   query: {
      //     cacheDirectory: true
      //   }
      // },
      {
        test: /\.js$/,
        loader: 'istanbul-instrumenter',
        include: /app\/src/,
        exclude: /node_modules|vendor/,
        query: {
          cacheDirectory: true,
          esModules: true
        }
      }
    ]
  },
  cache: true
},

webpackMiddleware: {
  stats: {
    chunkModules: false,
    colors: true
  }
}

и это "karma.import.js", где все ресурсы загружаются отдельно:

const testsContext = require.context('../../app/src/', true, /\.spec\.js$/); 
testsContext.keys().forEach(testsContext);

// require all `src/components/**/index.js`
const componentsContext = require.context('../../app/src/', true, /(app)\.js$/);
componentsContext.keys().forEach(componentsContext);

require('angular-mocks');