Full Gulp Istanbul Coverage Bericht

Question

Ich benutze Schluck-Istanbul, um JavaScript Unit Test Berichterstattung Berichte durch Gulp generieren. Gibt es eine Möglichkeit, Istanbul so zu konfigurieren, dass ein umfassender Bericht aller JS-Dateien in meinem Schluckstream erstellt wird und nicht nur die Dateien, die von einem Testfall berührt werden.

Ich arbeite an einem Projekt mit vielen JS, aber keine Komponententests, und wir versuchen, die Testabdeckung zu erhöhen. Ich hätte gerne einen Deckungsbericht, der für die meisten unserer Dateien eine Abdeckung von 0% anzeigt, aber im Laufe der Zeit einen steigenden Deckungsprozentsatz aufweisen wird.

gulp.task('test', function() { 
    gulp.src([ my source glob ]) 
     .pipe(istanbul()) 
     .on('end', function() { 
      gulp.src([ my test spec glob ]) 
       .pipe(mocha({ 
        reporter: 'spec' 
       })) 
       .pipe(istanbul.writeReports(
        [ output location ] 
       )); 
     }); 
}); 

Answer 1

die Abdeckung in allen Dateien zeigen Sie 2 Dinge tun müssen:

im Projekt

• Alle Dateien sollten im [my source glob] enthalten sein.

• Alle Dateien müssen benötigt werden, mit anderen Worten, die require() muss für alle Dateien im Projekt aufgerufen werden, weil Istanbul wahrscheinlich den Standardwert require() ändert, um die Abdeckung in einer Datei zu berechnen.

Sie können so etwas wie dies zu Beginn der Testdatei schreiben:

for([all .js files in project]){ 
    require([file]) 
} 

Sie require-dir dafür verwenden können.

Und statt:

var requireDir = require('require-dir'); 
var dir = requireDir('./projectFolder', {recurse: true}); 

Answer 2

Istanbul Haken ausgeführt wird, wenn die Datei benötigt wird. Sie müssen also alle Dateien anfordern, damit sie in den endgültigen Deckungsbericht aufgenommen werden können. Sie können dies erreichen, indem er einen Hahn in Ihrem schluck Aufgabe Injektion und auf alle ausgewählten Dateien rufen erfordern:

gulp.task('test', function() { 
    gulp.src([ my source glob ]) 
     .pipe(istanbul()) 
     .pipe(tap(function(f) { 
      // Make sure all files are loaded to get accurate coverage data 
      require(f.path); 
     })) 
     .on('end', function() { 
      gulp.src([ my test spec glob ]) 
       .pipe(mocha({ 
        reporter: 'spec' 
       })) 
       .pipe(istanbul.writeReports(
        [ output location ] 
       )); 
     }); 
}); 

Answer 3

Es ist eigentlich viel einfacher und Sie haben nur includeUntested zu Ihrem istanbul() Gespräch hinzuzufügen.

gulp.task('test', function() { 
    return gulp.src('./assets/**/js/*.js') 
     // Right there 
     .pipe(istanbul({includeUntested: true})) 
     .on('finish', function() { 
     gulp.src('./assets/js/test/test.js') 
      .pipe(mocha({reporter: 'spec'})) 
      .pipe(istanbul.writeReports({ 
      dir: './assets/unit-test-coverage', 
      reporters: [ 'lcov' ], 
      reportOpts: { dir: './assets/unit-test-coverage'} 
      })); 
     }); 
    }); 

Quelle: https://github.com/SBoudrias/gulp-istanbul#includeuntested

Answer 4

Ich habe mit diesem heute zu kämpfen und hat keine Antworten auf Google. Ich habe schließlich eine Antwort gefunden, die einer Antwort sehr ähnlich ist, aber der Aufruf writeReports muss vor dem Aufruf von mocha gehen.

gulp.task('test', ['build'], function(done) { 
    gulp.src('lib/**/*.js') 
    .pipe($.istanbul({ includeUntested: true })) 
    .on('end', function() { 
     gulp.src(['test/helpers/**/*.coffee', 'test/spec/**/*.coffee']) 
     .pipe($.istanbul.writeReports({ 
      dir: './coverage', 
      reportOpts: { 
      dir: './coverage' 
      }, 
      reporters: ['html'] 
     })).pipe($.mocha({ 
      reporter: 'spec', 
      require: 'coffee-script/register' 
     })); 
    }); 
}); 

Es gibt ein Ticket im Zusammenhang mit dieser ist, die ich vor einigen Voodoo-Zauber nur in den großen Schluck-istanbul Code verwiesen gefunden Dinge funktionieren: https://github.com/gotwarlost/istanbul/issues/112