리액트 테스팅 WK2_에러 제거 2/2

WK2 2/3
context wrapper 추가로 에러 제거하기
모든 테스트 케이스를 wrapper로 감싸주기
옵션 가격을 위한 테스트 구현
상품가격,옵션 가격을 더한 총가격 구하기

2-2 내용에서 (useContext 사용해서 전역데이터 뿌려줌) 다소 복잡한 context 파일 때문에 대혼란
어쨌든 오늘은 테스트 fail => pass로 바꾸기 위한 코드 짜는 내용임

--

에러#1

실제 코드는 contextProvider 감싸주었지만
calcuate.test.js테스트 코드는 감싸주지 않아서 에러남

🥦해결책 => 테스트 코드도 감싸주기

🥦🥦 더 근본적인 해결책 =>
모든 테스트 케이스를 wrapper로 감싸주기
useContext로 데이터를 가져온 다른 테스트들도 에러가 나니까 하나하나 다 wrapper 넣지 말고
custom render로 전체 감싸주기

=> 커스텀 렌더 사용하기

렌더함수만 커스텀렌더를 만들어서 사용함
하단에 customRender 만들어줌
ui는 리액트 jsx의 ui임
렌더함수 말고 다른 것들 screen들은 다시 export 하고
render만 커스텀한 걸로 사용함

utils-test.js파일

---

총 상품 가격 testing

1.테스팅할 내용

• 테스트 케이스가 비슷하면 describe()로 grouping

테스트 케이스
total은 0원부터 시작함
1. product update 될때(when a product is added(count?) total price 업데이트했느지 테스트
2. option도 같은내용 테스트
3. item이 removed 되었을 때도 테스트

test1

test2

test3