Охват кода на JSX-файлах с помощью Istanbul + Webpack

Question

Я пытаюсь создать отчеты об охвате istanbul для моих компонентов, используя (webpack/karma). Но сгенерированный отчет показывает код после переполнения и полного (необходимого) кода.

Есть ли способ, чтобы посмотреть, прежде чем transpiling JSX код в отчете или по крайней мере только код реального приложения?

Я использую стамбульской instrumenter как postLoader в моем karma.conf.js:

webpack: { 
    postLoaders: [ { 
     //delays coverage til after tests are run, fixing transpiled source coverage error 
     test: /\.jsx$/, 
     exclude: /(test|node_modules|bower_components)\//, 
     loader: 'istanbul-instrumenter' } 
    ] 
} 

Answer 1

Я просто решил ее путем перехода от istanbul-instrumenter-loader к babel-istanbul-instrumenter-loader.

Следуйте конфигурации, необходимые:

preLoaders: [ 
    // transpile and instrument only testing sources with babel-istanbul 
    { 
    test: /.jsx?$/, 
    loader: 'babel-istanbul', 
    include: [ 
     path.resolve(__dirname, "/src/"), // My tests are under src folder :(
    ], 
    query: { 
     cacheDirectory: true 
    } 
    } 
]