작성한 코드가 잘 작동한다는 것을 검증하는 작업사람이 직접 확인을 하는 것이 아니라, 테스트를 하는 코드를 작성해서, 테스트 시스템이 자동으로 확인을 해주는 것작성하고 있는 코드가 기존의 기능들을 실수로 망가뜨리는 것을 효과적으로 방지실제 발생할 수 있는 상황에 대하여
실패하는 테스트 케이스를 먼저 만든다실패하는 테스트케이스를 만들 때는 프로젝트의 전체 기능에 대하여 처음부터 모든 테스트 케이스를 작성하는 것이 아니라, 지금 가장 먼저 구현할 기능 하나씩 테스트 케이스를 작성우리가 작성하는 실패하는 테스트 케이스를 통과시키기 위하여,
React testing Library Enzyme Enzyme을 사용하여 테스트 코드를 작성할 때는 컴포넌트의 내부 기능을 자주 접근 ex) 컴포넌트가 지니고 있는 props, state를 확인하고, 컴포넌트의 내장 메서드를 직저 호출하기도 한다. 설치 및 세팅
f
Start 지금까지 학습한 TDD를 바탕으로, RTL을 사용하여 프로젝트를 진행해볼 예정이다. TDD의 절차에 따라 테스트케이스를 작성하고 그에 맞게 성공하는 코드를 작성하고 리펙토링을 진행하면서 여행 품목 판매 앱을 만들어보자. 프로젝트 전체 구조 Client
이 페이지에서 구현할 UI는 다음과 같다. \-> 주문 확인 체크 박스를 눌러야 주문 확인 버튼을 누를 수 있는 코드를 구현해보자.DOM에 렌더링할 컴포넌트를 render함수에 넣는다.getByRole을 이용하여 DOM 상의 name이 "주문하려는 것을 확인하셨나요?"