[14] 쿼리 함수

https://testing-library.com/docs/queries/about/

About Queries | Testing Library

 

쿼리 함수란?

쿼리는 페이지에서 요소를 찾기 위해 테스트 라이브러리가 제공하는 방법이다.

 

get, find, query의 차이점

여러 유형의 쿼리("get", "find", "query")가 있다. 이들 간의 차이점은 요소가 발견되지 않으면 쿼리에서 오류가 발생하는지 또는 Promise를 반환하고 다시 시도하는지 여부이다. 선택하는 페이지 콘텐츠에 따라 다른 쿼리가 다소 적절할 수 있다.

 

 

지침 원칙에 따라 테스트는 사용자가 코드(구성 요소, 페이지 등)와 상호 작용하는 방식과 최대한 비슷해야한다.
이를 염두에 두고 다음과 같은 우선순위를 권장한다.

1. 누구나 접근 가능한 질의
: 시각/마우스 사용자뿐만 아니라 보조 기술을 사용하는 사용자의 경험을 반영하는 질의

- getByRole
- getByLabelText
- getByPlaceholderText
- getByDisplayValue

 2. 의미적 쿼리
: HTML5 및 ARIA 호환 선택기. 이러한 속성과 상호 작용하는 사용자 경험은 브라우저와 보조 기술에 따라 크게 다르다.

- getByAltText
- getByTitle

3. 테스트 ID

- getByTestId