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

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

로딩 중...