<TypeMean/>

PostHeader

리액트 테스트 기본 설정

2달 전

리액트 테스팅 설정

필요한 모듈 목록

리액트 테스트를 위한 모듈 리스트이다. CRA를 사용할 경우엔 아래 2개만 따로 설치해주면 된다.

  • testing-library
  • jest
  • eslint-plugin-testing-library
  • eslint-plugin-jest-dom
npm i @testing-library/react
npm i jest
npm i --save-dev eslint-plugin-testing-library
npm i --save-dev eslint-plugin-jest-dom

eslint 설정

.eslintrc 파일에 다음 코드를 추가한다. plugin은 린트 모듈을 설정하는 곳이고 extends는 린트 규칙이 포함되어 있는 설정을 추가하는 곳이다.

{
    ....
    "plugins": ["testing-library", "jest-dom"],
    "extends": [
        "react-app",
        "react-app/jest",
        "plugin:testing-library/react",
        "plugin:jest-dom/recommended"
    ]
}

test