nmabhinandan/.travis.yml

## .travis.yml
language: node_js

node_js:
  - '0.10'
  - '0.11'
  - '0.12'
  - 'iojs-v1.7.1'

matrix:
  allow_failures:
    - node_js: 'iojs-v1.7.1' # duh

sudo: false # makes tests faster

before_script:
  - phantomjs --version
  - npm install -g bower
  - bower install -f

## Readme.md

      
    Raw
  

              Readme.md
            
          
    This is my setup to write and test ES6 code today.

Programs I use:


Babel: For transpiling ES6 code (http://babeljs.io)
Gulp: Build tool (http://gulpjs.com)
Mocha: Test runner (http://mochajs.org)
Chai: Assertion Library (http://chaijs.com)
Sinon: Mocking Library (http://sinonjs.org)
PhantomJS: Headless webkit browser for testing (http://phantomjs.org)
Mocha-phantomjs: Mocha wrapper for PhantomJs (https://github.com/metaskills/mocha-phantomjs)
Bower/NPM: Package managers

Directory structure

├── bower.json
├── dist
│   ├── script.js
│   ├── script.js.map
│   └── tests
│       ├── spec
│       │   ├── exampleTest.js
│       │   └── testSuite.js
│       └── SpecRunner.js
├── gulpfile.js
├── package.json
├── src
│   ├── script.es6
│   └── tests
│       ├── spec
│       │   ├── exampleTest.es6
│       │   └── testSuite.es6
│       └── SpecRunner.es6
└── tests.html


## exampleTest.es6
import Script from '../../script';

describe('Example tests', function() {
  let script = new Script(); //it works

  it('should pass', function() {
    epect(true).to.equal(true);
  });
});

## gulpfile.js
var gulp = require('gulp');
var babel = require('gulp-babel');
var sourcemaps = require("gulp-sourcemaps");

gulp.task('tests', function() {
	return gulp.src('src/tests/**/*es6')
		.pipe(babel({
			modules: 'amd'
		}))
		.pipe(gulp.dest('dist/tests'));
});

...

## package.json
{
  "name": "",
  "version": "0.0.1",
  "description": "",
  "scripts": {
    "test": "node_modules/.bin/mocha-phantomjs -p $(which phantomjs) tests.html"
  },
  "devDependencies": {
    "mocha-phantomjs": "^3.5.3",
    "babel": "^5.1.9",
    "chai": "^2.2.0",
    "gulp": "^3.8.11",
    "gulp-babel": "^5.1.0",
    "gulp-sourcemaps": "^1.5.1",
    "mocha": "^2.2.4",
    "sinon": "^1.14.1"
  }
}

## SpecRunner.es6
// RequireJS configuration
require.config({
    baseUrl: 'dist/tests',
    urlArgs: 'cb=' + Math.random(),
    paths: {
        spec: 'spec', // lives in the test directory
    },
    hbs: {
        disableI18n: true
    }
});

import {testSuite} from 'spec/testSuite';

// run mocha
(function() {
    require(testSuite.specs, function() {

        if (window.mochaPhantomJS) {
            mochaPhantomJS.run();
        } else {
            mocha.run();
        }

    });
})();

## tests.html
<!doctype html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Mocha Spec Runner</title>
    <link rel="stylesheet" href="node_modules/mocha/mocha.css">
</head>
<body>
    <div id="mocha"></div>

    <script src="node_modules/mocha/mocha.js"></script>
    <script src="node_modules/chai/chai.js"></script>
    <script src="node_modules/sinon/pkg/sinon.js"></script>

    <script>
        mocha.ui('bdd');
        mocha.reporter('html');
        var expect = chai.expect;
    </script>
    <script src="bower_components/requirejs/require.js" data-main="dist/tests/SpecRunner"></script>
</body>
</html>

## testSuite.es6
let testSuite = {
	specs: [
		'spec/exampleTest'
	]
};

export {testSuite};
	language: node_js

	node_js:
	- '0.10'
	- '0.11'
	- '0.12'
	- 'iojs-v1.7.1'

	matrix:
	allow_failures:
	- node_js: 'iojs-v1.7.1' # duh

	sudo: false # makes tests faster

	before_script:
	- phantomjs --version
	- npm install -g bower
	- bower install -f
	import Script from '../../script';

	describe('Example tests', function() {
	let script = new Script(); //it works

	it('should pass', function() {
	epect(true).to.equal(true);
	});
	});
	var gulp = require('gulp');
	var babel = require('gulp-babel');
	var sourcemaps = require("gulp-sourcemaps");

	gulp.task('tests', function() {
	return gulp.src('src/tests/*/es6')
	.pipe(babel({
	modules: 'amd'
	}))
	.pipe(gulp.dest('dist/tests'));
	});

	...
	{
	"name": "",
	"version": "0.0.1",
	"description": "",
	"scripts": {
	"test": "node_modules/.bin/mocha-phantomjs -p $(which phantomjs) tests.html"
	},
	"devDependencies": {
	"mocha-phantomjs": "^3.5.3",
	"babel": "^5.1.9",
	"chai": "^2.2.0",
	"gulp": "^3.8.11",
	"gulp-babel": "^5.1.0",
	"gulp-sourcemaps": "^1.5.1",
	"mocha": "^2.2.4",
	"sinon": "^1.14.1"
	}
	}
	// RequireJS configuration
	require.config({
	baseUrl: 'dist/tests',
	urlArgs: 'cb=' + Math.random(),
	paths: {
	spec: 'spec', // lives in the test directory
	},
	hbs: {
	disableI18n: true
	}
	});

	import {testSuite} from 'spec/testSuite';

	// run mocha
	(function() {
	require(testSuite.specs, function() {

	if (window.mochaPhantomJS) {
	mochaPhantomJS.run();
	} else {
	mocha.run();
	}

	});
	})();
	<!doctype html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Mocha Spec Runner</title>
	<link rel="stylesheet" href="node_modules/mocha/mocha.css">
	</head>
	<body>
	<div id="mocha"></div>

	<script src="node_modules/mocha/mocha.js"></script>
	<script src="node_modules/chai/chai.js"></script>
	<script src="node_modules/sinon/pkg/sinon.js"></script>

	<script>
	mocha.ui('bdd');
	mocha.reporter('html');
	var expect = chai.expect;
	</script>
	<script src="bower_components/requirejs/require.js" data-main="dist/tests/SpecRunner"></script>
	</body>
	</html>
	let testSuite = {
	specs: [
	'spec/exampleTest'
	]
	};

	export {testSuite};