Full Stack Example

[shellscape]

Do you have a start-to-finish example you could post which included wiring up instanbul to run the instrumentation?

[willembult]

To instrument istanbul I use browserify-istanbul in a gulp script like this (simplified):

var source = require('vinyl-source-stream');
var browserifyIstanbul = require('browserify-istanbul');
var mochaPhantomJS = require('gulp-mocha-phantomjs');
var istanbulReport = require('gulp-istanbul-report');

gulp.task('bundle-test', function() {
    return browserify({debug: true})
        .transform(browserifyIstanbul())
        .bundle()
        .pipe(source('test.js'))
        .pipe(gulp.dest('./bundle'))
});

gulp.task('test', ['bundle-test'], function() {
    return gulp.src('test-runner.html', {read:false})
        .pipe(mochaPhantomJS({
            phantomjs: {
                hooks: 'mocha-phantomjs-istanbul',
                coverageFile: './coverage.json'
            }
        }))
        .on('finish', function() {
            gulp.src('./coverage.json')
                .pipe(istanbulReport({
                    dir: './coverage',
                    reporters: ['html']
                }));
        });
});

You'll have to make sure your test-runner.html runs tests from the bundle using mocha. See mocha-phantom-js for details on how to do that.

[shellscape]

Awesome. Thanks for putting this together, I'll give it a shot here soon and post my experience.