1 분 소요

개요

Mocha는 자바스크립트 단위 테스트 프레임워크입니다. assert를 사용하기 위해 Chai와 같은 Assertion 라이브러리와 함께 사용합니다.

Mocha와 Chai 설치

  1. 개발 환경 구축을 참고하여 다음을 설치합니다.

  2. 다음 명령을 이용하여 기본적인 node.js프로젝트를 생성합니다. 물어보는 것들은 기본적으로 Enter하여 지나갑니다.

    1

     npm init

  3. 터미널에서 다음 명령을 입력하여 Mocha를 설치합니다.(-D옵션을 주면 현 프로젝트에 설치되며, 생략하면 글로벌로 설치됩니다.)

    1

     npm install -D mocha

  4. package.json에서 scripts의 test를 다음과 같이 mocha로 수정하고, "type": "module"을 추가합니다.

    1
2
3
4

     "scripts": {
     "test": "mocha"
 },
 "type": "module",

  5. 터미널에서 다음 명령을 입력하여 Chai를 설치합니다.(-D옵션을 주면 현 프로젝트에 설치되며, 생략하면 글로벌로 설치됩니다.)

    1

     npm install -D chai

테스트 하기

  1. src폴더를 만들고, operator.js파일을 작성합니다.

    1
2
3
4
5
6
7
8

     function plus(a, b) {
     return a + b;
 }
 function minus(a, b) {
     return a - b;
 }

 export {plus, minus};

  2. test폴더를 만들고, test_operator.js파일을 작성합니다.

    1
2
3
4
5
6
7
8
9
10
11

     import { assert } from 'chai'; // chai 사용
 import { plus, minus } from '../src/operator.js'; // 테스트할 모듈

 describe('테스트입니다', () => { // 테스트 범주
     it('plus() 테스트', () => { // 테스트케이스
         assert.equal(plus(1, 2), 3);
     })
     it('minus() 테스트', () => { // 테스트케이스
         assert.equal(minus(1, 2), -1);
     })
 });

  3. 터미널에서 npm test를 입력하여 실행합니다.

    image

Mocha Test Explorer(Visual Studio Code Extensions) 사용하기

  1. Activity Bar의 Extensions을 클릭하여 Mocha Test Explorer를 설치합니다.

  2. 프로젝트 루트 폴더에 .vscode폴더를 만든뒤 settings.json파일을 만들고,(Live Server나 기타 다른 세팅에 따라 이미 있을 수 있습니다.) 다음 내용을 작성합니다.

    1
2
3

     {
     "mochaExplorer.files": ["test/*.js"]
 }

  3. Activity Bar의 Testing을 클릭하면 Mocha Test Explorer가 표시됩니다. UI를 통해 각 테스트를 별개로 실행할 수 있습니다. 만약 보이지 않는다면 Visual Studio Code 를 재실행 해보세요.(혹은 Ctrl+Shift+P 후 Reload Window를 하셔도 됩니다.)

    image

댓글남기기