Couverture de code sur les fichiers JSX avec Istanbul + Webpack

Question

J'essaie de générer des rapports de couverture d'istanbul pour mes composants de réaction, en utilisant (webpack/karma). Mais le rapport généré montre le code après transpile et plein de code (nécessaire).

est-il un moyen de voir avant transpiling le code JSX dans le rapport ou au moins que le code d'application réelle?

J'utilise un istanbul-instrumenter comme postLoader dans mon 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

Je viens de résoudre en changeant istanbul-instrumenter-loader-babel-istanbul-instrumenter-loader.

Suivez les config nécessaire:

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