들어가며

우아한 기술 블로그에서 테스트 관련 글을 보고 나도 테스트 코드 작성해보았다!
https://techblog.woowahan.com/17404/
https://techblog.woowahan.com/17721/

우아한 기술 블로그를 읽으며

느낀점을 좀 적어보려고 한다.

• 내부 구현을 테스트하기 보다 밖에서 본다고 생각하기
• 적절한 expect가 테스트 코드에 존재해야 한다
• 테스트 시나리오를 생각해야 한다

로그인 컴포넌트 테스트 코드 작성해보기

로그인 컴포넌트 분석

• 구글 로그인 버튼이 화면에 표시됨
• 버튼 클릭시 signInWithGoogle 함수가 호출됨
• isMessagingPermissionAlertModalVisible값에 따라 ConfirmModal 표시 여부 결정
• ConfirmModal에서 확인/ 취소 버튼 클릭시 동작 확인

테스트 시나리오

1. 컴포넌트가 정상적으로 렌더링되는지 확인
2. Google 로그인 버튼을 클릭하면 signInWithGoogle 함수가 호출되는지 확인
3. isMessagingPermissionAlertModalVisible가 true일 때 ConfirmModal이 표시되는지 확인
4. ConfirmModal의 확인 버튼을 클릭하면 상태 변경 및 설정 열기가 호출되는지 확인
5. ConfirmModal의 취소 버튼을 클릭하면 상태 변경이 수행되는지 확인

테스트코드 작성

지피티와 함께 짜보았는데 안돌아간다... jest 관련 에러인거 같은데 자고 일어나서 작성해야겠다...

번외

블로그글 작성하다가 한번 날려먹어서 내용이 짧다...
벨로그 너무 구리다...
다른 곳으로 이주해야하나...
ㅠㅠ