Jest는 JavaScript 프로젝트에서 유닛 테스트를 작성하고 실행하는 도구로 많이 사용됩니다. ESLint는 코드 스타일을 검사하고 일관성을 유지하는 데 도움을 주는 도구입니다. Jest와 ESLint를 함께 사용하려면 몇 가지 설정을 해주어야 합니다.

1. 먼저, 프로젝트 루트 디렉토리에서 다음 명령어를 실행하여 ESLint를 설치합니다:

npm install eslint --save-dev

1. ESLint 플러그인을 설치하기 위해 다음 명령어를 실행합니다:

npm install eslint-plugin-jest --save-dev

1. 프로젝트 루트 디렉토리에 .eslintrc 파일을 생성하고 아래의 예제 설정을 추가합니다:

{
  "plugins": ["jest"],
  "env": {
    "jest/globals": true
  },
  "rules": {
    // 테스트 파일에서 describe 블록 없이 test 블록만 사용할 때 경고를 출력하지 않도록 설정
    "jest/require-top-level-describe": "off"
  }
}

위 예제에서는 jest/require-top-level-describe 규칙을 해제했습니다. 이 규칙은 테스트 파일에서 describe 블록을 사용하지 않고 test 블록만 사용하는 경우 경고를 출력합니다. Jest의 특성에 따라 이러한 경고는 불필요하므로 규칙을 해제하는 것이 좋습니다.

1. Jest를 실행하기 위해 package.json 파일에 다음과 같은 스크립트를 추가합니다:

"scripts": {
  "test": "jest"
}

이제 Jest와 ESLint를 함께 사용할 수 있습니다. npm run test 명령어를 실행하여 테스트를 실행하고 동시에 코드 스타일을 검사할 수 있습니다.

더 자세한 설정 방법과 사용법은 Jest와 ESLint의 공식 문서를 참조하시기 바랍니다.

• Jest 공식 문서
• ESLint 공식 문서