[javascript] Jest에서의 코드 스타일 검사 설정 방법은 어떻게 되는가?

Jest는 테스트 프레임워크로서 코드의 동작을 확인하는 것뿐만 아니라, 코드의 스타일을 검사하는 기능도 제공합니다. 코드 스타일 검사를 설정하는 방법은 다음과 같습니다.

  1. eslinteslint-plugin-jest 설치하기: 먼저, 프로젝트에 eslinteslint-plugin-jest를 설치해야 합니다. 다음 명령어를 실행하여 설치할 수 있습니다.

    npm install eslint eslint-plugin-jest --save-dev
    
  2. ESLint 구성 파일 생성하기: 프로젝트 루트 디렉토리에 .eslintrc.js라는 이름의 ESLint 구성 파일을 생성합니다. 아래와 같은 코드로 구성 파일을 작성합니다.

    module.exports = {
      env: {
        jest: true,
      },
      plugins: ['jest'],
      extends: ['eslint:recommended', 'plugin:jest/recommended'],
      rules: {
        // 추가적인 코드 스타일 규칙 설정
      },
    };
    

    이 구성 파일은 Jest 환경에서 ESLint를 실행하기 위한 설정입니다. extends 속성에는 eslint:recommendedplugin:jest/recommended를 추가하여 기본적인 코드 스타일 검사 규칙과 Jest 관련 규칙을 활성화합니다.

  3. 테스트 파일 실행하기: 이제 설정이 완료되었으므로, Jest를 사용하여 코드 스타일 검사를 실행할 수 있습니다. 아래와 같은 명령어를 실행하여 테스트 파일을 실행합니다.

    npx jest
    

    Jest는 설정된 코드 스타일 규칙에 따라 테스트 파일을 실행하면서 코드 스타일 오류를 체크합니다.

이렇게 설정된 Jest의 코드 스타일 검사 기능을 통해 프로젝트의 코드 스타일을 일관되게 유지하고 오류를 방지할 수 있습니다. Jest와 ESLint의 강력한 조합을 사용하여 효율적인 테스트 및 코드 스타일 관리를 할 수 있습니다.

참고 자료: