프런트나 앱 같은 경우 ui와 관련된 부분이 많아 테스트 코드 작성에 어려움이 많았던 것 같은데요.
어떻게 테스트코드를 작성하시는지 궁금합니다.
ui테스트를 따로 돌리시는지도요.
이민구
NAVER WEBTOON Ltd. |
2020.12.09
BEST이 과정속에서 얻은 레슨은, 테스트코드를 짜기 위해서는, 테스트 부분만 고민할 것이 아니라, 제작 단계에서도 충분히 분리하는 것에 대한 고려가 필요하다는 것이었습니다. 로직과 UI가 제대로 분리되지 않은 코드는 테스트하기 어려웠고, 컴포넌트 간의 의존성이 늘어날 수록 테스트 코드가 실패하였을 때 이유를 찾기가 정말 어려웠습니다.
그래서 새로운 프로젝트들은 테스트 코드 구조에 맞게 개발하기 위해 단순 UI를 담당하는 Component와, 그 UI들을 모아 Side Effect가 수행되는 로직을 포함한 Container, 그리고 그 Container들을 포괄하는 Route 단위의 Page로 분리를 하였습니다. 저희는 그 중에서 Container를 위주로 테스트를 진행하고 있구요. 단위 자체는 의존성만 제대로 분리된다면 방식에 있어서는 크게 상관 없다고 생각합니다. 이외에도 React의 경우 로직을 담당하는 Custom hook은 Testing Library 제품군에 있는 react-hooks-testing-library 도입을 고민하고 있습니다 😃
리멤버 회원이 되면 50개의 모든 댓글을 보실 수 있습니다
BEST회사에서 풀지 못한 고민, 여기서
회사에서 업무를 하다가 풀지 못한 실무적인 어려움, 사업적인 도움이 필요한 적이 있으셨나요? <리멤버 커뮤니티>는 회원님과 같은 일을 하는 사람들과 이러한 고민을 해결할 수 있는 온라인 공간입니다.
회원 가입 하고 보다 쉽게 같은 일 하는 사람들과 소통하세요
BEST리멤버 회원을 위한 경력 관리 서비스, 리멤버 커리어를 소개합니다.
당장 이직 생각이 없어도, 좋은 커리어 제안은 받아보고 싶지 않으신가요? <리멤버 커리어>는 리멤버에서 새롭게 출시한 회원님들을 위한 경력 관리 서비스 입니다. 능력있는 경력직 분들이 <리멤버 커리어>에 간단한 프로필만 등록해두면, 좋은 커리어 제안을 받아 볼 수 있습니다. 단 1분의 투자로 프로필을 등록해두기만 하면, 기업인사팀이나 헤드헌터가 회원님께 꼭 맞는 제안을 직접 보내드립니다.
지금 바로 <리멤버 커리어>에 프로필을 등록하고, 새로운 기회를 만나보세요!