[javascript] Mocha에서 HTML 테스트 리포트를 생성하는 방법은?

Mocha는 자바스크립트 테스트 프레임워크입니다. Mocha를 사용하여 HTML 테스트 리포트를 생성하는 방법은 Mochawesome 라이브러리를 사용하는 것입니다. Mochawesome은 Mocha의 확장 패키지로, 테스트 결과를 보기 좋은 HTML 형식으로 표시해주는 기능을 제공합니다.

아래는 Mocha와 Mochawesome을 사용하여 HTML 테스트 리포트를 생성하는 예제 코드입니다:

const Mocha = require('mocha');
const mochawesome = require('mochawesome');

// Mocha 객체 생성
const mocha = new Mocha();

// 테스트 파일 추가
mocha.addFile('./test/example.test.js');

// HTML 리포트 생성 설정
mocha.reporter('mochawesome');
mocha.reporterOptions({
  reportDir: './report', // 리포트 저장 경로
  reportFilename: 'report', // 리포트 파일 이름
  reportTitle: '테스트 리포트', // 리포트 제목
  overwrite: true // 기존 리포트 덮어쓰기 여부
});

// 테스트 실행
mocha.run(function(failures) {
  // 테스트 실행 후 콜백 함수
  // 실패한 테스트 수 등의 정보를 처리할 수 있음
}).on('end', function() {
  // 리포트 생성 완료 후 콜백 함수
  // 리포트를 사용자에게 표시하거나 다른 작업을 수행할 수 있음
});

위의 코드에서는 mocha.reporter('mochawesome')를 통해 Mocha에 Mochawesome 리포터를 설정하고, mocha.reporterOptions()를 사용하여 리포트 생성 옵션을 설정합니다. 리포트 저장 경로, 파일 이름, 제목, 덮어쓰기 여부 등을 설정할 수 있습니다.

위의 예제 코드를 실행하면 테스트가 수행되고, 지정된 경로에 HTML 형식의 테스트 리포트가 생성됩니다. 생성된 리포트를 열어보면 각각의 테스트 케이스의 결과와 실행 시간 등이 시각적으로 표시되어 있습니다.

Mochawesome의 더 많은 기능과 옵션에 대해서는 공식 문서를 참조하시기 바랍니다.

참고 자료: