inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

3.2. 모듈 모킹(Mocking)

navigate 관련 테스트에서 질문있습니다!

해결된 질문

309

이종민

작성한 질문수 61

1

버튼을 눌렀을 때, navigate 하는 경우를 테스트할 때는 클릭 시 함수가 호출되었는지에 대한 테스트만 하면 되는 건가요??

혹시, 특정 경로로 잘 이동되었는지에 대한 테스트를 하는 방법이 있는지 여부와 해당 테스트가 존재한다면 통합테스트인건지 단위 테스트인건지 궁금합니다! 그리고, 그런 테스트가 존재한다면 어떻게 assert할 수 있는지도 알고 싶습니다!

javascript react 소프트웨어-테스트 vitest

답변 1

0

코드 조커, 오프

안녕하세요 종민님! 우선 강의 들어주셔서 감사합니다.

결국 말씀해주신 기능에 있어서, 가장 실제 시나리오와 비슷한 검증은 E2E 테스트에서 가능할 것입니다. 클릭을 하면 실제 브라우저에서 경로가 변하기 때문에 url을 검증하면 제대로 이동이 되었는지 확인할 수 있거든요.

다만, 단위 통합 테스트 환경에서 navigate라는 함수를 호출했을때 navigate 함수가 제대로 동작할 것이라는 가정하에 어떤 경로로 호출되었는지를 검증하는 형태로 구현이 되어있을 건데요.

이렇게 확인할 경우 간편하다는 장점도 있지만, 단점 또한 존재합니다.

https://www.inflearn.com/questions/1172186/mocking%EA%B3%BC-spy%ED%95%A8%EC%88%98%EA%B0%80-%ED%97%B7%EA%B0%88%EB%A6%BD%EB%8B%88%EB%8B%A4

이 질문에 간단하게 제가 정리를 해뒀는데요! 같이 읽어보시면 좋을 것 같습니다~

추가로 궁금하시면 질문 남겨주세요!

1

이종민

답변 주셔서 감사합니다!

mockZustand

0

67

2

프로젝트 세팅 오류 및 버전 오류 문제 문의

0

97

2

toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.

0

43

2

로딩/에러처리 검증은 어떻게 하는게 좋을까요?

0

65

1

통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?

0

71

2

lint에러..

0

74

1

단언문 순서에 따라 테스트 결과가 왜 달라지나요?

0

109

2

useNavigate 테스트 시, 검증 대상 질문입니다.

0

113

2

강의 예시프로젝트 업데이트좀 부탁드립니다.

2

166

2

통합테스트와 단위테스트 파일 분리

0

109

1

grid 양옆에 margin은 어디서 설정되어있는건가요 ?

0

131

1

vitest 설치했는데

0

207

2

2부 할인쿠폰 관련

0

177

1

에러 해결 방법

0

407

2

직접 구현한 atom 컴포넌트 테스트 범위 질문

0

175

1

setup, teardown 동작 순서

0

212

1

debounce 함수 테스트 정확도 관련 질문입니다.

0

177

2

ProductFilter test 어떤 방식이 더 선호되는 방식일까요?

0

204

2

통합 테스트 작성 방식에 대해 궁금한 점이 있습니다

0

259

2

vitest Extension 알려주세요.

0

268

1

2.1 강의 질문있습니다.

0

140

1

useNavigate()을 검증할 때 이해가 안되는 부분이 있습니다.

0

248

2

toHaveStyle 메서드 사용이 조금 이상한 것 같습니다.

0

196

2

TestPayment에 쿠폰 정보를 prop으로 전달하는 이유

0

186

2