TIL - 20220607

 오늘은 코드숨 리액트 6주차 과제를 진행했다. 강의 영상을 시청하면서 지난 3주차부터 5주차까지 테스트, redux 테스트, redux 비동기 테스트를 과제를 진행하며 쉽지 않았던 기억이 존재했기에 이번 라우팅 테스트는 얼마나 어려울려나 초조한 마음으로 시청하고 있었는데 라우팅 테스트하는 법에 대해 강의로 알려주셔서 천만다행이라고 생각했다. 또한, 라우팅 테스트는 비교적 간단했다. Link 태그를 사용하고 있는, 그 위에 존재하는 컴포넌트들을 테스트할 때, react-router-dom에서 제공하는 MemorRouter로 감싸주어 @testing-library/react의 render로 진행하면 된다. 해주지 않으면, 테스트를 진행하는 console 창에서 error를 보게 된다. 다음과 같이 작성하면 된다.

initialEntries라는 prop은 path를 인자로 받아 호출하면 실제 그 페이지에 대한 정보를 얻을 수 있다. 따라서, 원하는 path로 인자로 전달해 renderApp을 호출했다면 그다음부터는 평상시 페이지에서 테스트하는 방법처럼 테스트를 진행하면 된다. 다음과 같이 진행하면 된다.

라우팅 관련 테스트는 이전에 진행했던 redux, 비동기 테스트와 비교해보면 어렵지 않다고 느껴져서 테스트 코드를 작성하면서도 재밌다는 느낌을 받았고 앞으로도 또 무언가를 계속해서 배우고 나아가야 할 텐데 시작하기 전부터 너무 겁먹지 말고 천천히 나아가면 무엇이든 해결할 수 있으리라는 마음가짐을 갖고 내 페이스에 맞게 걸어 나아가야겠다.