jest

React 에서 Jest 를 활용하여 TDD 배우기 - 2

저번에는 Jest를 통해서 함수를 테스트하는 방법을 알아보았는데 이번에는 리액트 컴포넌트를 테스트하는 방법을 알아보도록 하겠습니다 리액트 컴포넌트 테스트 jest 같은 경우는 리액트 컴포넌트를 테스트하기에는 다소 불편한 부분이 많습니다 그래서 리액트 컴포넌트를 테스트할 때는 testing-library를 사용하여 테스트를 진행합니다 이 라이브러리는 컴포넌트의 구현 상세보다는 실제 동작 방식에 집중하며 이로 인해 사용자가 애플리케이션을 사용하는 방식과 가장 유사하게 테스틀 진행할 수 있습니다 라이브러리 설치 yarn add -D @testing-library/react @testing-library/jest-dom 그러면 우선 간단한 예제로 테스팅 라이브러리가 어떻게 동작하는지 알아보도록 하겠습니다 화면에..

React 에서 Jest 를 활용하여 TDD 배우기 - 1

최근에 테스팅에 대해 관심이 좀 가지게 되었습니다 그중 단위 테스트가 많이 궁금하였는데 이번에는 React 에서 Jest를 활용하여 Jest가 무엇인지, 그리고 TDD를 어떻게 하는지에 대해 알아보도록 하겠습니다 Jest란? 페이스북에서 개발하고 관리하는 자바스크립트 테스트 프레임워크입니다. Jest는 사용자 친화적이고, 다양한 기능을 제공하며 구성이 간단하고 다양한 환경에서 사용할 수 있기 때문에 많은 자바스크립트 개발자들이 사용합니다 사실 Jest는 주로 TDD를 할 때 많이 사용합니다 그래서 이번엔 Jest도 배우면서 TDD 도 같이 알아보도록 하겠습니다 TDD란? 테스트 주도 개발이라는 의미를 가지고 있으며, TDD는 소프트웨어 개발의 한 방법론으로 코드를 작성하기 전에 테스트를 먼저 작성하고, ..