쿼리의 우선순위
[react-testing-library] 쿼리의 우선순위
[react-testing-library] 쿼리의 우선순위
2022.01.17🎯 쿼리의 우선순위 유저가 페이지를 이동하는 방식에 가까운 쿼리일수록 우선순위가 높다. 접근성 높은 HTML을 작성할수록 테스트가 용이한 코드가 된다. 📝 ByRole (제일 높음) accessibility tree에 있는 요소들을 기준으로 원소를 찾는다. 유저가 웹 페이지를 사용하는 방식을 가장 닮은 쿼리 동일한 role을 가진 경우, accessible name을 이용해 원소를 구별한다. accessible name이란 원소의 특징을 나타내는 이름이다. 임의로 role 혹은 aria-*을 부여하는 것을 지양한다. 자주 사용되는 Role : button, checkbox, listitem, heading, img, form, textbox, link 자주 사용되는 accessible name butto..