TestCode

어플리케이션의 복잡도가 증가하면서테스트 코드의 중요성도 함께 증대되었다요즘에는 TDD 등이 유행하기도 하며만물 테스트론도 있었고프론트 테스트 무용론도 있었다나는 중립이라기 보다는 모든 영역에 테스트가 필요한가에 대한 의문은 있었다쓸 곳과 안써도 되는 곳을 구분하는 것이

페이스북에서는 React Native 어플리케이션을 테스트 하기 위해 Jest 를 사용한다 최신 버전의 React Native (0.38 버전 부터) CRA 에는 Jest 가 기본으로 설치되어 있다 React Native 를 설치하면 package.json 에 다음과

react native 최신 버전에서 기본적으로 eslint 와 typescript 로정적 코드 분석을 제공하지만jest 는 js 버전만 깔려있다추가적으로 @types/jest 를 깔아줘야 한다간단하고 빠르게 할 수 있는 unit test 부터 가즈아..sum.tssu

React Test Library 는 사용자가 실제 사용하는 방식으로 테스트 한다내부 구현은 테스팅하지 않고소프트웨어가 제대로 작동하는지 확인하는 것테스트할 요소를 접근성 표시로 찾는다시뮬레이션 DOM 을 제공하여 테스트를 한다테스트 러너가 있어야 사용할 수 있다jes

프론트엔드의 동작에는 서로 기반하여 빌드되는 흐름이 있기 때문에단언을 여러개 선언해도 괜찮다 App 내에 만들 버튼을 테스트할 코드 작성 후 red test아직 element 를 생성하지 않아 찾을 수 없다는 에러 발생테스트 코드 내부가 비어있다면 통과한 것으로 나온다

린터인 ESLint 와 포매터인 Prettier

await findBy 를 사용하여 비동기 함수의 테스트를 할 수 있다getBy 는 테스트 동작 시 바로 있는 엘리먼트를 가져오는 것findBy 는 질의를 하는 것