test: Pagination UI 테스트 코드 작성 - Githubissues

INtiful / SootheWithMe

같이 달램

https://soothe-with-me.vercel.app/

0 stars 0 forks source link

test: Pagination UI 테스트 코드 작성 #61

Closed HMRyu closed 2 weeks ago

HMRyu commented 2 weeks ago

✏️ 작업 내용

Pagination UI 테스트 코드 작성

📷 스크린샷

✍️ 사용법

[x] 렌더링 시 이전 페이지 버튼과 다음 페이지 버튼이 표시되는지 확인
[x] 현재 페이지가 1일 때 이전 페이지 버튼이 비활성화되는지 확인
[x] 현재 페이지가 마지막 페이지일 때 다음 페이지 버튼이 비활성화되는지 확인
[x] 페이지 버튼 클릭 시 onPageChange 콜백이 호출되는지 확인
[x] 이전 페이지 버튼 클릭 시 onPageChange 콜백이 올바르게 호출되는지 확인
[x] 다음 페이지 버튼 클릭 시 onPageChange 콜백이 올바르게 호출되는지 확인
[x] 현재 페이지가 4일 때 페이지네이션 범위가 올바르게 설정되는지 확인
[x] 현재 페이지가 시작 부분에 가까운 경우 페이지네이션 범위가 올바르게 설정되는지 확인
[x] 현재 페이지가 끝 부분에 가까운 경우 페이지네이션 범위가 올바르게 설정되는지 확인
[x] totalPages가 10일 때 현재 페이지가 5일 경우 페이지네이션 범위가 올바르게 설정되는지 확인
[x] totalPages가 10일 때 현재 페이지가 2일 경우 페이지네이션 범위가 올바르게 설정되는지 확인

🎸 기타

Pagination 컴포넌트 변경

totalPages 가 커졌을 때 논리 오류가 발생했습니다.

따라서 관련 로직을 수정하였습니다.

확인 부탁드립니다.