[javascript] Jest에서의 테스트 결과 리포트 생성 방법은 어떻게 되는가?

24 Nov 2023

javascript

Jest는 JavaScript 테스트 러너로, 코드 베이스에 대한 유닛 테스트 및 통합 테스트를 실행할 수 있습니다. 테스트 결과를 리포트 형태로 생성하고 싶다면, Jest에서 제공하는 다양한 기능을 사용할 수 있습니다.

Jest의 기본 설정에서는 테스트 결과가 콘솔에 출력되는 것이 기본이지만, 다양한 형태의 리포트 생성을 위해 몇 가지 옵션을 활용할 수 있습니다.

테스트 실행 결과 파일로 저장하기 Jest는 --json 옵션을 사용하여 테스트 실행 결과를 JSON 파일로 저장할 수 있습니다. 아래 명령을 실행하면 결과 파일 test-report.json이 생성됩니다.
```
jest --json --outputFile=test-report.json
```
이후 생성된 JSON 파일을 분석하거나 다른 도구를 사용하여 원하는 형태의 리포트를 생성할 수 있습니다.
HTML 리포트 생성하기 Jest는 jest-html-reporter와 같은 서드파티 라이브러리를 사용하여 HTML 형태의 리포트를 생성할 수도 있습니다. 먼저, 아래 명령을 실행하여 jest-html-reporter를 설치합니다.
```
npm install jest-html-reporter --save-dev
```
그리고 Jest 설정 파일 (jest.config.js 또는 package.json)에 아래와 같이 jest-html-reporter를 추가합니다.
```
"jest": {
  "reporters": [
    [
      "jest-html-reporter",
      {
        "pageTitle": "Test Report"
      }
    ]
  ]
}
```
이제 테스트 실행 후 test-report.html 파일을 생성하게 됩니다. 해당 HTML 파일을 열어 테스트 결과를 확인할 수 있습니다.
다른 리포트 포맷 활용하기 Jest는 여러 리포트 포맷을 지원하기 위해 다양한 서드파티 라이브러리를 제공합니다. 예를 들어 jest-junit은 JUnit 스타일의 XML 리포트를 생성하며, jest-stare는 멀티미디어 기반의 시각화 리포트를 생성합니다. 적절한 라이브러리를 설치하고 설정 파일에 추가해주면 해당 리포트를 생성할 수 있습니다.

Jest는 다양한 리포트 생성 옵션을 제공하여, 테스트 결과를 적절하게 분석하고 시각화할 수 있도록 도와줍니다. 프로젝트의 요구사항에 맞게 적합한 리포트 생성 방법을 선택하여 사용해보세요.