til

Test Setup

The configuation of nodejs is pretty frustrating, it’s a code sample for me to reference in the future.

Tools

• babel-register
• mocha
• chai
• gulp

babel for translating ES6 to normal javascript code, mocha is the test framework, chai is the test library, and the automation tool here is gulp.

The command mocha --compilers js:babel-register and setup in gulpfile compilers: ['js:babel-core/register',] is using babel to parse javascript file.

Files

• .babelrc
• package.json
• gulpfile.js

.babelrc

{
    "presets": ["es2015"]
}

package.json

{
  "name": "play",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "babel-preset-es2015": "^6.24.1",
    "babel-register": "^6.24.1",
    "chai": "^3.5.0",
    "gulp-mocha": "^4.3.1",
    "gulp": "^3.9.1"
  },
  "devDependencies": {
    "babel-preset-es2015": "^6.24.1",
    "babel-register": "^6.24.1",
    "chai": "^3.5.0",
    "gulp": "^3.9.1",
    "gulp-mocha": "^4.3.1"
  },
  "scripts": {
    "test": "mocha --compilers js:babel-register",
    "tdd": "gulp tdd",
  },
  "author": "",
  "license": "ISC"
}

gulpfile.js ```js var gulp = require(‘gulp’), mocha = require(‘gulp-mocha’);

gulp.task(‘test’, function(){ return gulp.src([‘test/*.js’]) .pipe(mocha({ compilers: [‘js:babel-core/register’,] })); });

gulp.task(‘tdd’, function(){ return gulp.watch([‘src/.js’, ‘test/.js’], [‘test’]); }) ```

Command

• npm test
• npm run tdd(gulp tdd)

Type gulp tdd to watch js file change, and execute gulp test at the same time, which is using mocha to test code.

This site is open source. Improve this page.