직접 구현한 atom 컴포넌트 테스트 범위 질문
안녕하세요 선생님 강의 잘 듣고 있습니다.
직접 구현한 atom 컴포넌트들의 테스트 범위에 대하여 질문드립니다.
Typography, Badge, Divider와 같이 별도의 로직이 존재하지 않는 컴포넌트들은 ProductInfoArea처럼 스토리북으로 확인만 해도 되는 것인지 궁금합니다.
아니면 atom 컴포넌트의 경우에는 props로 전달 받은 값이 잘 반영되는지 검증이 필요할까요? ( className 값이 잘 적용되는지, Typography의 경우 children 값이 화면에 잘 노출되는지 등등)
Answer 1
1
안녕하세요. 메가님!
직접 작성한 atom 컴포넌트의 경우 다양한 범위에서 사용될 수 있고 영향도가 높은 컴포넌트이며 프로퍼티의 구조에 따라 다른 모습을 나타낼 가능성이 높기 때문에 각각에 대해 명확한 기능적 테스트와 시각적 테스트가 있으면 좋을 것 같습니다.
mockZustand
0
66
2
프로젝트 세팅 오류 및 버전 오류 문제 문의
0
95
2
toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.
0
42
2
로딩/에러처리 검증은 어떻게 하는게 좋을까요?
0
65
1
통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?
0
69
2
lint에러..
0
72
1
단언문 순서에 따라 테스트 결과가 왜 달라지나요?
0
108
2
useNavigate 테스트 시, 검증 대상 질문입니다.
0
113
2
강의 예시프로젝트 업데이트좀 부탁드립니다.
2
165
2
통합테스트와 단위테스트 파일 분리
0
108
1
grid 양옆에 margin은 어디서 설정되어있는건가요 ?
0
131
1
vitest 설치했는데
0
206
2
2부 할인쿠폰 관련
0
176
1
에러 해결 방법
0
406
2
setup, teardown 동작 순서
0
212
1
debounce 함수 테스트 정확도 관련 질문입니다.
0
176
2
ProductFilter test 어떤 방식이 더 선호되는 방식일까요?
0
204
2
통합 테스트 작성 방식에 대해 궁금한 점이 있습니다
0
258
2
vitest Extension 알려주세요.
0
267
1
2.1 강의 질문있습니다.
0
139
1
useNavigate()을 검증할 때 이해가 안되는 부분이 있습니다.
0
246
2
toHaveStyle 메서드 사용이 조금 이상한 것 같습니다.
0
195
2
TestPayment에 쿠폰 정보를 prop으로 전달하는 이유
0
184
2
NavigationBar 테스트 속도가 너무 느린 문제
0
217
1