📚 Reference

• 공식 사이트 1
• GitHub 1
• 참고 자료 1
• 참고 자료 2

📜 Chapter

Async Methods

fireEvent()

render()

screen()

Queries

TestingLibraryMatcher

Troubleshooting

‣

‣

📦 Package

@testing-library/dom

@testing-library/jest-dom

@testing-library/react

@testing-library/react-hooks

@testing-library/user-event

React Testing Library

• React Testing Library는 React를 테스트할 수 있는 도구 중에 하나 이다.
• React Testing Library, 이하 RTL은 Behavior Driven Test를 추구하는 테스트 방법으로써 React 컴포넌트에서 prop, state가 어떻게 되는 지에 대한 테스트 방법이 아니다.
• 실제 브라우저에서 보여지는 DOM을 기준으로 테스트를 작성하게 된다.
• 이 과정에서처럼 브라우저 없이 테스트하려는 경우 시뮬레이션된 DOM을 제공하는 것이 필요합니다. 그래야 테스트에서 버튼 클릭과 같은 작업을 하고 버튼을 클릭한 후 DOM이 어떤 모습인지 확인할 수 있다. 이것이 React 테스팅 라이브러리의 역할이다.

설치

# NPM
npm i -D jest
npm i -D @testing-libraray/react
npm i -D @testing-library/jest-dom

# YARN
yarn add -D jest
yarn add -D @testing-library/react
yarn add -D @testing-library/jest-dom 

input test

• 유저가 입력 창에 텍스트를 타이핑하면, 입력한 값들이 UI에 나타나야 한다.