React TDD 테스트 케이스 별 구현 방법

주로 사용하는 케이스만 작성하였습니다. 테스트 대상 조회 getByTestId : data-testid로 조회 <div data-testid="title" className="title"> ... // test.ts screen.getByTestId('title') 2. geByText : text로 조회 <div className="title">제목</div> ... // test.ts screen.getByText('제목') 3. geByRole : role로 조회 <div role="title">제목</div> ... // test.ts screen.getByRole('제목') 4. getAllByText, getAllByTestId, getAllByRole... : 해당 요소들을 전부 조회 - 결과값은 배열입니다. <div data-testid="title">제목</div> <div data-testid="title">두번째 제목</div> <div data-testid="t...

원문링크 : React TDD 테스트 케이스 별 구현 방법