inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

5.1. 통합 테스트 작성하기 - ProductFilter

5.1 최소 최대 가격 수정 관련 테스트 질문

해결된 질문

187

allmy

작성한 질문수 10

0

최소 최대 가격을 수정할 때

위 같은 조건을 처리할 때 관련 질문입니다

  1. describe 사용 여부 

// 1 
describe('최소 최대 가격 확인 테스트', () => { 
 it("최소 금액이 0보다 작을 때, 이렇게~ 처리", () => {}); 
 it("최대 금액이 최소 금액보다 작을 때, 이렇게~ 처리", () => {}); 
 it("최소 최대 가격을 수정하면 setMinPrice, setMaxPrice action이 호출된다", () => {}) 
})

// 2 
it("최소 금액이 0보다 작을 때, 이렇게~ 처리", () => {});
it("최대 금액이 최소 금액보다 작을 때, 이렇게~ 처리", () => {});
it("최소 최대 가격을 수정하면 setMinPrice, setMaxPrice action이 호출된다", () => {})
  1. 위 같은 조건 테스트를 작성 하는게 좋은지 아니면 아예 입력 처리를 해서 작성 안하는게 좋은지 확인 (0보다 작은수는 입력되지 않고, 최대 금액은 최소 금액보다 무조건 크게 작성하도록 처리 등) 

 

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

답변 1

1

코드 조커, 오프

안녕하세요~ 전상원님

첫번째 질문부터 답변드리면 우선 최소, 최대 금액에 대한 테스트를 그룹핑하려는 목적에서 describe를 사용해도 무방할 것 같습니다.

두번째 말씀하신 내용은 기획적인 내용과도 관련된 것으로 실무에서는 기획자와 기능을 어떻게 가져갈 것인지 조율한 후에 기능을 검증하면 될 것 같습니다. 예를 들어 기획 요구 사항에 금액 입력시 음수를 입력 불가란 내용이 있다면, 음수 입력이 불가능한지 검증하는 테스트가 있어야 할 것이고, 입력을 불가하게 막지 않고 금액을 올바르게 입력해주세요란 얼럿 문구를 보여주는 것이 요구 사항이라면 이 기획에 맞게 테스트를 진행해야 합니다.

(저같은 경우 실무에서 대부분 양수 입력만 가능하게 제한하고, 최소 금액, 최대 금액이 잘못된 케이스는 얼럿으로 보여주는 형태로 구현을 하였습니다)

혹시 더 궁금하신 내용이 있다면 편하게 질문주세요~!

0

allmy

답변 감사합니다

0

allmy

최소 금액, 최대 금액이 잘못된 케이스는 얼럿으로 보여주는 형태로 구현

이 부분에 대한 테스트 코드도 작성 하는 게 맞을까요???

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