Jest

  1. 쿼리함수
  2. ESLINT PlugIn
  3. TDD 테스트 주도 개발
  4. FireEvent
  5. query 사용 우선순위
  6. MSW 사용해서 테스트하기

Eslint

테스팅을 위한 라이브러리 설치

eslint-plugin-testing-library
eslint-plugin-jest-dom

eslint-plugin-testing-library → render로 dom을 그리는 역할

eslint-plugin-jest-dom → expect-matcher 테스트

테스팅을 위한 eslintrc 규칙 적용

{
  "plugins": ["testing-library", "jest-dom"],
  "extends": [
    "react-app",
    "react-app/jest",
    "plugin:testing-library/react", // 리액트에서 사용할 것이다.
    "plugin:jest-dom/recommended" // 추천되는 것을 정의해준다
  ]
}

활용하기

스크린샷 2022-04-19 08.20.34.png

const lintTest = screen.getByRole("button", {
    name: "lintTest",
  });
//expect(lintTest.textContent)tobe("lintTest")
  expect(lintTest).toHaveTextContent("lintText");