[12] TDD(Test Driven Development), React Testing Library

Test Driven Development(TDD, 테스트 주도 개발)

실제 코드를 작성하기 전에 테스트 코드를 먼저 작성한다.
테스트 코드를 작성 한 후, 그 테스트 코드를 Pass 할 수 있는 실제 코드를 작성한다.

 

TDD를 하면 좋은 점

1. TDD를 하므로 인해 많은 기능을 테스트하기에 소스 코드에 안정감이 부여된다.
2. 실제 개발하면서 많은 시간이 소요되는 부분은 디버깅 부분이기에 TDD를 사용하면 디버깅 시간이 줄어들고 실제 개발 시간도 줄어든다.
3. 소스 코드 하나하나를 더욱 신중하게 짤 수 있기 때문에 깨끗한 코드가 나올 확률이 높다.

 

---

React Testing Library 란?

Create React App로 리액트 앱을 생성하면 기본적으로 테스팅할 때 React Testing Library를 사용하는 것을 볼 수 있다.
그럼 이 React Testing Libraryr가 무엇일까?

https://testing-library.com/docs/react-testing-library/intro/

React Testing Library | Testing Library

 

React Testing Library는 react 구성 요소 작업을 위한 API를 추가하여 DOM Testing Library 위에 구축된다.

DOM Testing Library란 Dom 노드를 테스트하기 위한 매우 가벼운 솔루션이다.

Create React App으로 생성된 프로젝트는 즉시 react testing library를 지원한다. 그렇지 않을 경우 다음과 같이 npm를 통해 추가할 수 있다.

npm install --save-dev @testing-library/react

React Testing Library 주요 API