📌 본 포스팅은 제 개발지식의 전부라 할 수 있는 벨로퍼트님의 자료를 참고해서 작성합니다 :) https://learn-react-test.vlpt.us/#/ 개발을 함에 있어서 코드 한줄을 작성하면, 그 코드가 제대로 작동 하는지 검증하는 작업이 필요하다. 지금까
이번 작업에서는 TDD 개발 흐름에 따라서, 브라우저 확인은 마지막에 해볼 예정새 프로젝트를 생성하고해당 디렉터리에서 필요한 라이브러리들을 설치 후생성된 setupTest.js에 import 해준다.먼저 Todolist를 만들기 위해 어떤 컴포넌트와 기능들이 필요한지
TodoItem 만들기 이전 작업과 동일하게 의 틀만 상태로 만들어 준 다음 작업 시작! UI 구성하기 이 컴포넌트는 , , 이 들어있는 객체를 로 받아와서 텍스트와 을 보여주어야 한다. 이전에 만들었던 함수를 사용해서 테스트 코드를 작성해보면,
TodoItemList 만들기 복수의 TodoItem 렌더링하기 이번 작업에서는 따로 UI 구성이 필요가 없다. 그저 에서 만들어진 항목들을 나열해주기만 하면 되기 때문에 을 사용해서 틀을 만들어 준 뒤 을 여러개 렌더링해주는 것에 대한 테스트케이스를 만든다. 다음으
TodoApp 만들기 의 마지막 작업인 작업은 앞에서 따로 진행했던 유닛테스트를 거친 컴포넌트를 사용해서 구현하기 때문에 일종의 최종점검을 하는 통합테스트 작업이라고 볼 수 있다. 이 컴포넌트에서는 배열에 대한 모든 상태관리를 담당한다. 우선 컴포넌트의 틀을 잡