node.js 프로젝트 환경 설정(3/3): mocha와 gulp를 활용한 node.js 테스트 환경 설정

관련글: mocha를 활용한 node.js 프로젝트 테스트
이전글:
node.js 프로젝트 환경 설정(1/3): WebStorm과 node.js 설치
node.js 프로젝트 환경 설정(2/3): gulp를 활용한 node.js 개발 환경 설정


이전 글에서 사용한 소스와 테스트 코드를 사용하여 mocha 테스트를 gulp를 통해 관리하는 것을 해보자.

1. gulp-mocha 설치
아래와 같이 mocha-gulp 모듈을 설치한다.

$ npm install gulp-mocha --save-dev

2. gulpfile.js에 추가
gulpfile.js에 mocha-gulp를 추가하고 기존 task를 수정한다.
<br /> var mocha = require('gulp-mocha');<br /> gulp.task('test', function () {<br /> gulp.src(['test/**/*.js'])<br /> .pipe(mocha());<br /> });<br /> gulp.task('watch', function() {<br /> gulp.watch('src/*.js', ['check', 'test', 'build']);<br /> });<br /> <br /> gulp.task('default', ['check','test', 'build', 'watch']);<br />

위의 내용이 추가된 gulpfile.js는 아래와 같다.
<br /> var path = require('path');<br /> var gulp = require('gulp');<br /> var gutil = require('gulp-util');<br /> var lint = require('gulp-jshint');<br /> var concat = require('gulp-concat');<br /> var uglify = require('gulp-uglify');<br /> var rename = require('gulp-rename');<br /> var filesize = require('gulp-filesize');<br /> var clean = require('gulp-clean');<br /> var watch = require('gulp-watch');<br /> var mocha = require('gulp-mocha');<br /> <br /> gulp.task('clean', function () {<br /> return gulp.src('build', {read: false})<br /> .pipe(clean());<br /> });<br /> <br /> gulp.task('build', function() {<br /> return gulp.src('src/*.js')<br /> .pipe(concat('src.js'))<br /> .pipe(gulp.dest('build'))<br /> .pipe(filesize())<br /> .pipe(uglify())<br /> .pipe(rename('src.min.js'))<br /> .pipe(gulp.dest('build'))<br /> .pipe(filesize())<br /> .on('error', gutil.log)<br /> });<br /> <br /> <br /> gulp.task('check', function() {<br /> return gulp.src('src/*.js')<br /> .pipe(lint())<br /> .pipe(lint.reporter('default'));<br /> });<br /> <br /> gulp.task('test', function () {<br /> gulp.src(['test/**/*.js'])<br /> .pipe(mocha());<br /> });<br /> gulp.task('watch', function() {<br /> gulp.watch('src/*.js', ['check', 'test', 'build']);<br /> });<br /> <br /> gulp.task('default', ['check','test', 'build', 'watch']);<br />

3. mocha 실행
아래와 같이 gulp task로서 mocha를 실행한다.

$ gulp test