15

我正在使用 gulp-istanbul 通过 Gulp 生成 JavaScript 单元测试覆盖率报告。有没有办法配置伊斯坦布尔以生成我的 gulp 流中所有 JS 文件的完整覆盖率报告，而不仅仅是测试用例涉及的文件。

我正在做一个有很多 JS，但没有单元测试的项目，我们正在努力增加测试覆盖率。我想要一份覆盖率报告，首先显示我们大多数文件的 0% 覆盖率，但随着时间的推移，覆盖率会越来越高。

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 ]
                ) );
        } );
} );
4

4 回答 4

15

It actually is much more simple now and you just have to add includeUntested to your istanbul() call.

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'}
          }));
      });
  });

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

于 2014-10-17T06:01:18.970 回答
4

需要文件时执行伊斯坦布尔钩子。因此，您需要要求所有文件才能将它们包含在最终覆盖率报告中。您可以通过在 gulp 任务中注入一个水龙头并在所有选定的文件上调用 require 来实现这一点：

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 ]
                ) );
        } );
} );
于 2014-07-16T15:03:03.827 回答
4

我今天一直在努力解决这个问题，但在 Google 上没有找到答案。我终于想出了一个与此处的答案非常相似的答案，但是 writeReports 调用必须在调用 mocha 之前进行。

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'
        }));
    });
});

有一张与此相关的票证，我在 gulp-istanbul 代码中发现了在一些巫术魔法使事情正常之前引用它：https ://github.com/gotwarlost/istanbul/issues/112

于 2014-10-29T01:49:22.280 回答
3

要显示所有文件的覆盖率，您必须做两件事：

  • 项目中的所有文件都应包含在[my source glob].

  • 所有文件都必须是必需的，换句话说，require()必须在项目中的所有文件上调用 ，因为 istanbul 可能会更改默认值require()以计算文件中的覆盖率。

你可以在测试文件的开头写这样的东西：

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

您可以为此使用require-dir。

并改用它：

var requireDir = require('require-dir');
var dir = requireDir('./projectFolder', {recurse: true});
于 2014-05-23T11:39:09.860 回答