React Testing

javascript 테스트 프레임워크테스트를 찾아 실행시키고 통과 여부를 알려준다.React component를 테스트하기 위해 가상돔을 제공한다.가상돔을 통해 컴포넌트와 상호작용하고 잘 동작하는지 확인할수 있다.Unit test클래스 / 함수 / 컴포넌트의 테스트고립

watcher로 작동해 코드 변경시마다 테스트를 동작시킬수 있다.test와 expect는 import 없이 사용 가능하다.test와 it은 동일하다.fit == test.onlyxit == test.skip여러개의 test 메소드가 담긴 파일에서 하나를 test.onl

뭘 테스트하지? 컴포넌트 렌더링 테스트에러 없이 렌더링되어야 한다.컴포넌트가 주어진 prop에 대해 잘 렌더링하는지 테스트여러 다른 상황에 대해 컴포넌트가 잘 렌더링 되는지 테스트컴포넌트가 이벤트에 잘 반응하는지 확인한다.자세한 구현정보구현이 어떻게 되었는지는 테스트

DOM 트리를 출력해준다, 디버깅 하는데 유용하다. Chrome Extension 으로 테스트를 돕는다.자동으로 최고의 Query를 알려준다. yarn upgrade 로 패키지 업그레이드 가능 주로 user-event 라이브러리를 사용한다.사용자 상호작용을 시뮬레이션

Theme, Recoil 등 Provider로 컴포넌트를 감싸야 하는 경우가 생길수 있다.렌더링이 원하는대로 되지 않을수 있다.render 함수의 두번째 argument 로 객체를 주어 wrapper에 Provider를 제공한다.기본적으로 Provider로 래핑된 re

prop으로 함수를 받는 경우에 사용할수 있다.아무런 기능을 하지 않는 함수를 Mocking하고 prop 으로 전달할수 있다. expect(handler).toHaveBeenCalledTimes(횟수) 로 함수가 몇번 호출되었는지 테스트할수 있다!http request

실행 없이 코드가 일정 기준을 만족하는지 검증하는 절차일정한 스타일과 포맷이 유지 되는가흔할 실수와 버그 확인코드의 복잡도를 제한한다.타입 일관성을 유지한다.TypescriptESlintPrettierHuskyLint-staged자바스크립트 코드 패턴을 확인 및 리포팅