[javascript] Nuxt.js에서의 테스트 커버리지 측정 방법은?

Nuxt.js는 Vue.js 기반의 프레임워크로, 테스트 커버리지 측정을 위한 도구를 적용하기에 이상적입니다. 설정 방법에 대해 간단히 설명하겠습니다.

1. Jest와 Vue Test Utils 설치

먼저, Jest(테스트 러너)와 Vue Test Utils(테스트 작성을 위한 유틸리티)를 설치합니다.

npm install --save-dev jest @vue/test-utils babel-jest

2. jest.config.js 파일 생성

프로젝트 루트에 jest.config.js 파일을 생성하고 아래 내용을 추가합니다.

module.exports = {
  preset: '@nuxt/test-utils',
  collectCoverage: true,
  collectCoverageFrom: [
    'components/**/*.vue',
    'pages/**/*.vue'
  ]
}

3. 테스트 실행

테스트를 실행하고 커버리지 보고서를 확인합니다.

npx jest

이제 설정이 완료되었습니다. 변경된 코드에 대한 테스트 커버리지를 확인하여 코드 품질을 향상시킬 수 있습니다.

더 자세한 내용은 Nuxt.js 공식 문서를 참고하시기 바랍니다.