개발하는 기획자. 기획하는 개발자.

RTK 적용 Next.js 환경에서 RTK를 모킹하는 방법에 대해 간단히 알아보겠습니다. Next.js 프로젝트에서 RTK를 설치합니다. 실습을 위해 authState를 변경하는 간단한 상태 관리를 적용해 보겠습니다. authSlice를 생성합니다. store, hooks은 다음과 같이 작성합니다. StoreProvider를 생성합니다. layout 내부에 StoreProvider를 적용합니다. RTK에 적용한 기능이 정상적으로 동작하는지 확인합니다. RTK 모킹 그럼 RTK를 모킹해 보겠습니다. 먼저 테스트를 위한 전용 렌더를 생성합니다. 랜딩 페이지가 정상적으로 렌더링됐는지 확인합니다. 이제 로그인, 로그아웃 기능에 대해 정상적으로 동작하는지 확인합니다. RTK Query 적용 이번에는 RTK.......

Vitest RTK & RTK Query 테스트 환경 세팅

댓글