개발/React

jest getby, queryby

728x90

render 함수를 실행하고 나면 그 결과물 안에는 다양한 쿼리 함수들이 있는데요, 이 쿼리 함수들은 react-testing-library 의 기반인 dom-testing-library 에서 지원하는 함수들입니다.

이 쿼리 함수들은 Variant  Queries 의 조합으로 네이밍이 이루어져있는데요, 우선 Varient 에는 어떤 종류들이 있는지 봅시다.

 

 

getBy

getBy* 로 시작하는 쿼리는 조건에 일치하는 DOM 엘리먼트 하나를 선택합니다. 만약에 없으면 에러가 발생합니다.

 

queryBy

queryBy* 로 시작하는 쿼리는 조건에 일치하는 DOM 엘리먼트 하나를 선택합니다. 만약에 존재하지 않아도 에러가 발생하지 않습니다.

 

차이점 : DOM엘리먼트가 존재하지 않을 때, 에러 발생 여부

getBy : 에러 발생, queryBy : 에러 발생 하지 않음.

'개발 > React' 카테고리의 다른 글

동기식 처리 모델 vs 비동기식 처리 모델  (0) 2021.02.22
리액트 4주차 회고  (0) 2021.02.22
jest beforeEach  (0) 2021.02.19
Jest describe  (0) 2021.02.17
NextJS란  (0) 2021.02.17