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

mocha를 활용한 node.js 프로젝트 테스트

node.js가 설치되어있다는 가정하에 node.js 프로젝트를 mocha test framework의 사용방법에 대하여 알아보자.
먼저 테스트 대상이 될 예제 프로젝트의 구조는 다음과 같다.

project 폴더 아래에 'src' 폴더가 있고, 'src' folder아래에 sum.js 파일이 있다.
그리고 root 폴더에 package.json이 있다.

<br /> module.exports = {<br /> sum: function (a, b) {<br /> return a + b;<br /> }<br /> };<br />

1. assertion 모듈 설치
테스트를 위해서는 assertion 모듈이 필요하다. assertion을 위해 chai 모듈을 설치한다.

# npm install chai --save-dev

2. mocha 모듈 설치
mocha test framework을 global로 설치한다.

# npm install mocha -g

3. 테스트 케이스 작성
BDD 스타일의 테스트 케이스를 작성한다. 프로젝트 root 폴더 아래에 'test'폴더를 만들고, 그 안에 test.sum.js 파일을 만들어 BDD 스타일의 테스트 케이스를 작성한다.

<br /> var expect = require('chai').expect,<br /> math = require('../src/sum');<br /> describe('sum', function () {<br /> it('should return 2 for (1, 1)', function () {<br /> expect(math.sum(1, 1)).to.equal(2);<br /> });<br /> it('should return 0 for (1, -1)', function () {<br /> expect(math.sum(1, -1)).to.equal(0);<br /> });<br /> });<br />

4. 테스트 수행
테스트의 수행은 프로젝트 root 폴더에서 테스트 폴더의 이름을 아래와 같이 지정해 주면 된다.
그러면 그 아래의 테스트 케이스가 모두 수행된다.

# mocha test

참조
1. mocha test framework: http://mochajs.org/
2. chai assertion 모듈: http://chaijs.com/guide/styles/
3. BDD: http://dakoostech.blogspot.kr/2015/03/behavior-driven-developmentbdd-test.html