테스팅을 위한 eslint 설정

CRA로 세팅한 리액트 프로젝트에서 test를 위한 eslint 설정입니다.

eslint vscode 확장 플러그인 설치

 

테스트를 위한 플러그인 설치

npm i -D eslint-plugin-testing-library eslint-plugin-jest-dom

 

.eslintrc

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

에러가 발생한 코드에 커서를 올려보니, render함수의 리턴을 destructing해서 쿼리함수(getByText)를 가져오는 것을 피하고 screen객체에서 가져와 사용하라고 가이드해줍니다.

 

eslint의 가이드를 받아 코드를 수정하니, 에러가 사라졌습니다.