프론트엔드 테스트코드2 리액트 form , handleChange Mocking ,테스트 코드 짜기 문제: form 테스트 중 handleChange 함수를 모킹해주라는 오류가 나타나는데 아샬님 강의에선 그러지 않았다? 그리고 handleChange는 어떻게 테스트 해주나? 오늘은 CRUD에서 C 에 해당하는 form 양식을 작성하고 테스트를 하고 있었다. formPage 에는 input 태그와 그것의 값들을 바꿔주는 handleChange 함수들을 넣어놓았는데 이러한 handleChange 함수와 value 값은 store로 넘겨주어 store에서 관리해주고 있었다. 그래서 handleChange에 변화하는 값을 넣고 Create 해당하는 함수가 동작하는지를 보려는데 handleChange를 모킹해주라고 한다. 왜..? 지난 아샬님 강의에선 그러지 않았는데..? 원인: 단순하다. import 해오는 .. 2022. 11. 30. 프론트 엔드 분리할 컴포넌트 범위와 테스트 코드 범위 정하기[20221113-TIL] 오늘은 평소보다 등록할 요소가 많은 게시판 등록폼을 구현하는 중이었다. 평소에는 input의 값만 존재했다면 이번 등록폼은 옵션, 인풋 라디오 타입 등이 들어가 코드가 매우 길어졌는데 코드가 매우 길어지다보니 자연스레 테스트 코드를 어떻게 짜야하지..? 라는 의문이 들었다. 테스트 코드도 목적을 가지고 짜기 테스트를 할 때에도 아 테스트 코드가 중요하다던데라는 의무감에서 작성하는 것이 아니라 어떤 것을 테스트해야하고 어느 범위까지 테스트 할것인가를 정해야한다는 필요성을 점점 짜면서 느꼈다. ( 아무래도 코드의 복잡성도 증가해서 그런듯 ) 그래서 테스트 코드를 짜거나 코드의 가독성을 위해서 컴포넌트로 분리해야하는 필요를 느꼈다. 어느정도 범위로 분리할 것 인가? option 태그를 가진 것들 그 자체로 복.. 2022. 11. 13. 이전 1 다음