TDD 2

Jest 사용법 (Usage)

Jest 와 Enzyme는 프론트엔드 Unit test, Integration test 에 사용되는 프레임워크와 라이브러리입니다. 오늘은 Jest를 이용해서 테스트를 하기 위한 기본 사용법에 대해서 정리해보겠습니다. Jest의 기본 문법부터 알아볼까요! expect().toBe() 등과 같은 assertion 함수들이 많이 존재하지만, 여기에서 다 다루기에는 양도 방대하고, 필요에 따라서 검색을 통해 알아가는게 더 효율적이라 생각이 들어서 공식문서 링크만 공유하겠습니다. 그림으로 동작하는 방식만 간단히 정리해볼까요? Jest의 실행 방법은? 공식문서에는 커맨드라인에서 실행하는 법도 나와있지만, 보통은 아래와 같이 package.json에 등록한 후 사용합니다! { "scripts": { "test": "..

개발 2021.05.30

프론트엔드 vs. 백엔드 테스트

사이드 프로젝트로 Next.js 를 TypeScript로 쓰면서 TDD방식으로 진행하려고 이것저것 찾아보면서 공부하고 있던 중에 '백엔드에서 테스트를 대하는 방식과 프론트에서 테스트를 보는 관점이 좀 다르다' 라고 느껴서 공부를 시작하게 되었고, 정리한 내용을 공유하겠습니다. 참고로 프론트엔드쪽의 테스트는 아직 미경험이기 때문에 부족한 점이 많습니다! 지금은 이론적으로 공부한 것들을 정리하지만 나중에 실제로 경험해 본 후기를 공유할 수 있도록 할게요! 우선 테스트 비용적인 측면에서 유명한 Mike Cohn씨의 테스트 피라미드를 봐볼까요? 요소들을 살펴보면 아래와 같습니다. UI test : 브라우저에 표시되고 있는 어플리케이션의 구조 및 컨텐츠를 테스트 Service test : UI를 제외한 전체적인 ..

개발 2021.05.22