테스트 자동화 프레임워크 Mocha 공식 메뉴얼 따라하기 (1)

 

Mocha - the fun, simple, flexible JavaScript test framework

 

회사에서 테스트 프레임워크 중 jest와 mocha 중 mocha를 채택하는 쪽으로 기울여지고 있는 것 같아서 mocha 공식 홈페이지의 예제를 따라해보는 포스팅 (조금 더 나에게 편하게 과정을 바꾸었다)

 

 

에디터는 비쥬얼 스튜디오 코드를 사용했다.

1. 새로운 프로젝트를 만든다

2. npm init -y

2. 아래 명령어를 터미널에 입력!

npm install --save-dev mocha

그러면 package.json 이 이렇게 변경된다.

{
  "name": "mochatestingpj",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "mocha": "^10.1.0"
  }
}

여기서 나는 스크립트 부분을 다음과 같이 변경하고 다시 터미널에 npm install 작성

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

이렇게 하면 테스팅할 때 npx mocha 대신에 npm test를 작성하여도 똑같이 돌아가게 된다.

---

 

You can add a package.json file to your package to make it easy for others to manage and install. Packages published to the registry must contain a package.json file.

• lists the packages your project depends on
• specifies versions of a package that your project can use using semantic versioning rules
• makes your build reproducible, and therefore easier to share with other developers

기본적으로는 package.json은 문서다.

개발자가 배포한 패키지에 대해, 다른 사람들이 관리하고 설치하기 쉽게 하기 위한 문서.

npm에 패키지를 배포하고 npm registry에 올리기 위해서 반드시 필요한 문서파일이다.

• 자신의 프로젝트가 의존하는 패키지의 리스트
• 자신의 프로젝트의 버전을 명시
• 다른 환경에서도 빌드를 재생 가능하게 만들어, 다른 개발자가 쉽게 사용할 수 있도록 한다.

즉, npm이라는 오픈소스 패키지 생태계를 사용하기 위한 명세이자, 프로젝트의 의존성 관리를 위한 명세, 또 이 생태계로의 배포를 위한 명세라고 볼 수 있다.

프로젝트의 개발만을 위한 목적인지, 패키지를 배포하기 위한 목적인지에 따라 용도가 갈릴 수 있겠다라고 생각했다.
일반적으로 패키지를 불러와서 프로젝트를 개발하는게 목적이라면, 의존성 관리에 대한 명세가 더 중요할 것이다.

출처 : https://hoya-kim.github.io/2021/09/14/package-json/

---

 

3. 프로젝트에 test 라는 폴더를 만든다.(반드시 test 로 작성!)

4. 그 안에 js 파일을 만든다(이름 자유)

5. js 파일에 mocha 공홈에 있는 다음과 같은 예제를 붙여넣고, npx mocha 를 입력!

var assert = require('assert');
describe('Array', function () {
  describe('#indexOf()', function () {
    it('should return -1 when the value is not present', function () {
      assert.equal([1, 2, 3].indexOf(4), -1);
    });
  });
});

해석 :

[1, 2, 3].indexOf(4)

배열에서 4를 찾는다(없으면 인덱스를 -1로 출력됨)

 

assert.equal([1, 2, 3].indexOf(4), -1);

assert.equal 첫번째 인자의 결괏값으로 기대되는 값을 두번째 인자에 넣고,

첫번째 인자 결괏값과, 기대값으로 작성한 두번째 인자가 같으면 pass, 아니면 fail이 뜬다.

테스트 결과

값을 조금 바꾸게 적어넣어도 결과는 같다

var assert = require('assert');
describe('Array', function () {
	describe('#indexOf()', function () {
		it('should return 2', function () {
			assert.equal([1, 2, 3].indexOf(3), 2);
		});
	});
});

일부로 틀린 기댓값을 작성해서 넣으면 fail이 뜬다.

var assert = require('assert');
describe('Array', function () {
	describe('#indexOf()', function () {
		it('should return -1', function () {
			assert.equal([1, 2, 3].indexOf(4), -1 + 1);
		});
	});
});

 

 

 

 

여기까지가 기본!

~테스트 자동화 프레임워크 Mocha 공식 메뉴얼 따라하기 시리즈는 이어서 작성된다.~