Test

vite 프로젝트에 vitest 도입하기

1. 배경설명 1.1. jsdom 프론트엔드 테스트는 결국 dom에 우리가 의도한 요소가 잘 나타났는지를 확인하는 과정이라 볼 수 있다. (다시 말해 사용자가 바라보는 화면을 테스트하는 것이다) JavaScript를 테스트하는 라이브러리들은 nodejs 환경에서 돌아가는데, nodejs 환경에서는 dom이 존재하지 않는다. 따라서 프론트엔드 테스트를 위해서는 dom을 추가적으로 구현할 필요성이 생기는데, 이를 도와주는 라이브러리가 바로 'jsdom'이다. (jest를 설치했을 경우 기본적으로 jsdom도 같이 설치되지만, vitest를 사용할 경우 jsdom을 추가적으로 설치해줄 필요성이 있다) 1.2. 사용자의 행위에 근거한 테스트 한편 일반적인 테스트 코드를 작성할 때는 그저 값의 일치여부 혹은 내부..

더이상 테스트 코드 작성을 미루지 말자

1. 서론 그동안 JavaScript나 React 코드를 작성하면서 테스트를 작성한 적이 거진 1년은 넘은 것 같았다. Software Engineering, 리팩터링 등등 여러 개발 패러다임을 공부할 때 테스트가 중요하다는 내용을 끊임없이 마주쳤지만, 정작 최근에 무언가를 개발할 때 테스트를 작성한 적이 아예 없었다. 테스트 작성을 외면했던 이유는 일단 귀찮기도 했지만, 테스트 짜는 법을 까먹었기(!) 때문이었다. 기억이 안나서, 할 줄 몰라서 안짰다. 언젠가는 다시 배워야 하는 것, 이번 기회에 각 잡고 제대로 다시 한 번 배워보자는 마음으로 테스트 작성 공부를 시작했다. 맨땅으로 공부하기에는 시행착오가 너무 클 것 같아, 인프런에서 구매한 강의 내용을 기반으로 공부했다. 따라하며 배우는 리액트 테스..