E2E테스트 라이브러리 중 하나인 Cypress를 사용해보자.cypress를 설치 하고 나면 다음과 같은 eslint 오류가 뜬다.이를 해결하기 위해서 관련 플러그인을 설치하고, eslintrc에도 코드를 한 줄 추가해주었다.cypress esling plugin공식문
단위 테스트를 작성할 때 해당 코드가 의존하는 부분을 가짜로 대체하는 기법.일반적으로 테스트하려는 코드가 의존하는 부분을 직접 생성하기 부담스러울 경우 많이 사용한다.실제 객체를 사용하는 것보다 훨씬 가볍고 빠르게 실행되면서도, 항상 동일한 결과를 내는 테스트를 작성할
프로젝트에서 중요한 부분인 예약 기간 선택 기능에 오류가 있는 것을 발견했다.의도한 대로 동작하지 않는 부분이 있었는데,이것을 하나하나 브라우저에서 실행해 테스트하는 대신 컴포넌트 테스트 코드를 작성해두고 사용해보기로 했다.TDD를 제대로 진행해보고 싶었다.그냥 새로운
이렇게 체크인 날짜를 선택했을 때, 예약 불가 날짜가 있다면 해당 날짜 전까지만 체크아웃날짜를 선택할 수 있도록 블락 처리를 해야 한다. .gif) 그런데 이렇게 안되는 경우가 발생했다. .gif) 내가 만들었지만... 내가 봐도 희한하다..🥲 명확한 테스트
아래 부분은 커스텀 훅을 테스트 SyntaxError: Cannot use import statement outside a module 이 에러가 발생했는데, 노드에서 import문을 해석하고 실행할 수 없기 때문이므로 바벨을 사용해주어야 한다.필요한 바벨 패키지
커스텀 훅에 핵심 로직이 포함되어 있었으므로 꼭 테스트 코드를 작성해둘 필요를 느꼈다.E2E테스트로 잘 작동하는지 사용성 테스트는 완료했지만,코드의 유지보수 측면에서 작동여부 뿐 아니라 로직 자체를 테스트할 수 있는 코드를 꼭 작성해두는 것이 좋을 것 같았다.여기에 더
어플리케이션 개발단계부터 배포까지 자동적으로 진행할 수 있도록 만드는 것버그 수정/새 기능 추가될 경우 메인 레퍼지토리에 주기적으로 자동으로 머지되는 것개발자는 코드 변경사항을 지속적으로 머지해야한다.통합을 위한 단계(빌드, 테스트, 머지)의 자동화코드의 퀄리티 향상,