유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

React Testing Library #3 요소를 찾는 쿼리 getBy~ Queries

코딩앙마

2022. 10. 22.

0

#frontend
  • React Testing Library에서 요소를 찾는 다양한 쿼리 (getBy~Queries)들을 사용해 테스트 🎯
  • 쿼리 선택 시 HTML 요소의 유형, 텍스트 값, 라벨 정보, 데이터 테스트 ID 등을 활용하여 원하는 요소를 정확하게 찾을 수 있다. 🔍
  • 'getByText'는 요소의 텍스트 값으로 찾는 쿼리이며, 쿼리 문자열을 정확하게 일치해야 한다. 🧩
  • 'getByRole'은 HTML 요소의 역할 기반으로 찾는 쿼리로, 헤딩, 링크, 체크박스 등을 찾을 수 있다. 🔘
  • 'getByLabelText'는 Label과 연결된 요소를 찾는 쿼리이다. 📌
  • 'getByTestId'는 전달된 'data-test-id' 속성을 가진 요소를 찾는 쿼리이며, 테스트를 위한 고유한 아이덴티파이어를 설정할 경우 유용하다. 🔑
  • 각 쿼리는 기본 옵션으로 요소 선택 범위를 조절할 수 있어, 여러 요소 중 원하는 하나를 선택하는 데 유용하다. ⚙️
  • 쿼리 사용 시 상황에 맞는 옵션 활용을 통해 테스트 코드 작성을 더욱 명확하고 효율적으로 관리할 수 있다. 🚀

Recommanded Videos