biggulp
Features and utilities to simplify advanced gulpfiles.
Features
- Mocha test runner
- Istanbul code coverage - both console report & browser report features
- File watching
- Ability to start/restart companion processes required for tests
- Ngrok integration
- JSHint
- JSCS
Defaults / Conventions
All of these can be changed, but without providing specific values for them, theses are biggulp
's defaults:
{
allSpecPaths: [ "./spec" ],
behaviorSpecPaths: [ "./spec/behavior" ],
integrationSpecPaths: [ "./spec/integration" ],
specs: [ "**/*.spec.js" ],
watchPaths: [ "./src/**/*", "./spec/**/*", "./resource/**/*" ],
sources: [ "*.js", "{resource,src,spec}/**/*.js" ],
jscsCfgPath: ".jscsrc"
}
Setup
require( "biggulp" )( gulp, [options] )
A reference to the gulp instance in your gulpfile must always be passed as the first argument. Any properties you provide on the options argument will override its corresponding defaults.
var gulp = require( "gulp" );
var bg = require( "biggulp" )( gulp );
var bg = require( "biggulp" )( gulp, { allSpecPaths: [ "./test" ] } );
Mocha
Runs specifications via Mocha.
bg.test( [ testGlob ] )
Run tests that match testGlob
- the test pattern to use (relative to the default/root spec path). Default is "**/*.spec.js"
.
gulp.task( "specs", function() {
return bg.test( "./spec/justThisSpec.js" );
} );
bg.testOnce( [ testGlob ] )
Like test
except it uses an exit code to indicate pass/fail (0 pass, >0 fail).
gulp.task( "specs", function() {
return bg.testOnce( "./spec/justThisSpec.js" );
} );
bg.testAll( [ options ] )
Run tests that match the test pattern defined in the options' specs
property and that fall under any of the directories listed under the options' specPaths
array. The options
argument allows you to pass a configuration other than what you passed to biggulp's factory to begin with.
gulp.task( "test-everything", function() {
return bg.testAll();
} );
bg.testAllOnce( [ options ] )
Like testAll
except it uses an exit code to indicate pass/fail (0 pass, >0 fail).
bg.testBehavior( [ options ] )
Run tests that match the test pattern defined in the options' specs
property and that fall under any of the directories listed under the options' behaviorSpecPaths
array. The options
argument allows you to pass a configuration other than what you passed to biggulp's factory to begin with.
gulp.task( "test-behavior", function() {
return bg.testBehavior();
} );
bg.testBehaviorOnce( [ options ] )
Like testBehavior
except it uses an exit code to indicate pass/fail (0 pass, >0 fail).
bg.testIntegration( [ options ] )
Run tests that match the test pattern defined in the options' specs
property and that fall under any of the directories listed under the options' integrationSpecPaths
array. The options
argument allows you to pass a configuration other than what you passed to biggulp's factory to begin with.
gulp.task( "test-behavior", function() {
return bg.testIntegration();
} );
bg.testIntegrationOnce( [ options ] )
Like testIntegration
except it uses an exit code to indicate pass/fail (0 pass, >0 fail).
Watchers
bg.watch( [ options ,] tasks )
Creates a file watcher for the patterns specified in either the global biggulp options watchPaths
array (defaults to [ "./src/**/*", "./spec/**/*", "./resource/**/*" ]
) – or in the options argument's watchPaths
array – and executes the array of tasks when a file changes.
gulp.task( "watch", function() {
return bg.watch( [ "specs" ] );
} );
Istanbul
Istanbul is a great library that provides code coverage metrics. Use it, you won't be sorry.
bg.withCoverage( [ options ] )
Works like test
but adds a console report showing test coverage as measured by Istanbul.
gulp.task( "coverage", function() {
bg.withCoverage();
} );
bg.showCoverage( [ options ] )
Like withCoverage
but also displays the browser report and then exits the process.
gulp.task( "show-coverage", function() {
return bg.showCoverage();
} );
Ngrok
Ngrok is a tunneling service that allows you to expose a local service publicly.
Note: the free version does not reserve/guarantee your subdomain.
bg.ngrok( ngrok [, options ] )
Sets up an ngrok tunnel and returns a promise which resolves to the public url once the tunnel is ready. You can pass the ngork options in as the options
argument, or it will use defaults you've set when you pass options to biggulp's module factory.
Note: the ngrok instance is required to eliminate always installing ngrok as a dependency for biggulp when not in-use.
var ngrok = require( "ngrok" );
bg.grok( ngrok, { domain: "mahDomain", port: 8800, token: "anToken" } )
.then( function( url ) {
console.log( "Tunneling", url, "to 8800" );
} );
process hosting
Uses processhost to start/restart OS processes. See processhost README for details on options.
Notes:
- if you're using watch tasks,
biggulp
will restart all processes defined this way for you on file changes.
- processes with the
restart
option set to false will not restart on file changes.
bg.process( name, options )
Use when you only need to manage a single process along with your tests. Returns a promise that resolves on process start.
bg.process( "redis", { cmd: "redis-server", stdio: "ignore", restart: false } )
.then( function() {
} );
bg.processes( processHash )
Use when you need several processes. Returns a promise that resolves after all processes start.
bg.processes(
{
server: { args: [ "./src/index.js" ] },
redis: { cmd: "redis-server", stdio: "ignore", restart: false }
} )
.then( function() {
} )
Common Gulp File
We've discovered many of our node-only and OSS libs typically have the same tasks. We've created a common-gulp
module at the root of this project that you can include to automatically define these tasks. If you go this route, your gulpfile would look like this:
var bg = require( "biggulp/common-gulp" )( require( "gulp" ) );
NOTE: Biggulp actually uses this approach for its gulpfile - biggulp-ception™.
Custom Example
This example has tasks that demonstrate the following "recipes":
- build
- run the tests and exit with 0 for success > 0 for failure
- specs
- continuously re-run specs on change
- default
- continuously re-run specs on change and display coverage in console
- show-coverage
- runs the specs and opens the browser to a coverage report
var gulp = require( "gulp" );
var bg = require( "biggulp" )( gulp );
gulp.task( "coverage", function() {
bg.withCoverage();
} );
gulp.task( "coverage-watch", function() {
bg.watch( [ "coverage" ] );
} );
gulp.task( "show-coverage", function() {
return bg.showCoverage();
} );
gulp.task( "continuous-specs", function() {
return bg.testAll();
} );
gulp.task( "specs-watch", function() {
bg.watch( [ "continuous-specs" ] );
} );
gulp.task( "test-and-exit", function() {
return bg.testAllOnce();
} );
gulp.task( "default", [ "coverage", "coverage-watch" ], function() {} );
gulp.task( "specs", [ "continuous-specs", "specs-watch" ], function() {} );
gulp.task( "build", [ "test-and-exit" ] );
RoadMap / TODOs
- We are going to introduce the ability to set the output directory for istanbul reports, and thus the main page to load to display the report(s).