[React] 테스팅 패턴 - 설정과 해지
·
개발공부/React
설정과 해지를 통한 환경의 격리테스트하고자 하는 컴포넌트를 순수하게 외부환경으로 부터 격리할 수 있다환경변수, 글로벌 변수, import, 다른 리액트 컴포넌트로 부터언제 어디서나 테스트가 실행되더라도 같은 결과를 낼 수 있도록 통제할 수 있다. 테스트 전에 데이터 세팅, 특정 모듈 모킹 등 동작을 통해 테스트 시작환경이 동일하도록 조성하고같은 방식으로 테스트 수행 이후에 테스트 동안에 변경되었던 값을 초기화 하여 차후 테스트에 주는 영향을 방지한다.  설정 (Setup)과 해지 (Teardown) 예시Timer를 이용하는 경우 (setTimeout, setInterval, clearTimeout, clearInterval) 테스트는 예측이 어려워지고 느려진다.이런 경우에는 fake timer를 이용하는..
[Front] 테스트 주도 개발
·
개발공부
코드 테스트1. 코드의 신뢰성을 보장하는 도구우리가 작성한 코드가 의도한 대로 동작하는지 확인하는 것은 매우 중요합니다. 그러나 수동적인 방법으로 input/output을 확인하는 것은 비효율적입니다. 테스트 코드를 작성하면 작성한 코드가 의도한 대로 작동하는지 빠르게 확인할 수 있습니다.2. 코드 리팩토링의 안전망코드를 리팩토링할 때, 테스트 코드가 있다면 코드를 변경한 후에도 소프트웨어가 여전히 기능을 제공하는지 확인할 수 있습니다. 이는 소프트웨어의 안정성을 유지하는 데 중요한 역할을 합니다.3. 명세서로서의 테스트 코드잘 작성된 테스트 코드는 소프트웨어의 명세서가 될 수 있습니다. 코드를 직접 읽는 대신 테스트 케이스를 통해 소프트웨어의 기능과 예외 상황을 이해할 수 있습니다.TDD(Test-Dr..