프로필 이미지 수정 테스트 코드(base64 인코딩 테스트)

프로필 사진을 수정하는 컴포넌트의 테스트 코드를 작성하던 중 만난 에러

 먼저 일반적인 input file 타입에 파일을 업로드하는 테스트 코드를 보자. 간단하게 넣어줄 이미지 파일을 만들어주고 useEvent를 통해 input에 넣어준다. 그리고 input에 입력된 사진이 Image 태그에 들어가는지 테스트하는 코드이다. 근데 56번째 줄을 보면 base64형식의 string 데이터가 보이는데, 저 부분이 바로 오늘 이야기하고자 하는 부분이다.(결론은 저렇게 짜야 테스트 코드가 동작한다는 것!)

 아래는 내가 처음 만난 에러화면인데 목 파일로 만들어준 이미지 파일이 들어갔을 것으로 예상했지만 base64로 변환된 데이터가 들어가면서 예상과 다른 값이 들어가있다고 스티커가 붙은 부분에서 이야기를 해주고 있다. 즉, 내가 만든 목 파일의 base64 인코딩 값은 저 값이라는 것이고, 저 값이 들어갔다면 제대로 들어갔다고 생각해도 된다는 것이 됨으로, 테스트 코드를 위와 같이 바꿔주었다.