7월 2주차 주간 회고

이번주 한 일

지능형 cctv 성능시험 - 관리자페이지 화면 작업 및 E2E 테스트 추가

이번주는 관리자 페이지 화면 작업과 같이 E2E테스트 코드 추가하는 작업을 하였다.

먼저 jest와 React-testing-library를 사용해서 ui테스트를 하는 코드를 추가하려고 하였으나

shadcn/ui 라이브러리 관련해서 mocking하는 부분과 jest로 테스트하는게 생각보다 쉽지 않아서 코드로 ui테스트를 체크하는 방식

말고 E2E를 통해서 ui 및 기능에 점검을 동시에 하는 방법으로 방향을 변경하였다.

E2E test는 playwright을 통해서 진행을 하였는데 테스트코드 작성이 jest와 많이 유사하고 비슷한 부분도 많고 공식문서도 잘

되어있어서 내가 필요한 부분에 대한 테스트 진행이 아직까지는 무리가 없었다.

그리고 또 장점이 Vscode에 playwright 확장 프로그램을 설치하면 browser 화면으로 보거나 trace viewer를 통해서 디버깅

작업도 쉽게 할 수 있어서 테스트 작업이 어렵게 느껴지지 않았다.

앞으로 추가 해야 할 일

현재 api와 연동하는 작업이 되어있는 상태가 아니어서 fixture를 만들어서 화면을 구성하였는데 api를 연동하면

msw를 사용해서 테스트 작업을 하는 부분을 추가해야 한다.

백엔드가 운영서버에 배포가 되면 먼저 회원가입과 로그인 작업, 사용자와 관리자가 다른 화면이 되도록 하는 작업 등등 할일이 많이 남아있다.

느낀점

테스트를 추가하기 전과 후를 생각하면 지금 CI/CD가 잘 통과 될 때마다 이전과 같은 불안감은 많이 사라진 것 같다.

아직 프로그램이 개발중이지만 이전에 서비스를 운영할 때에는 어떤 버그가 발생하지 않을까 고민하고 로깅서비스를 통해서 보안하였지만

테스트를 추가를 통해 배포 전 단계에서 테스트 코드로 검증단계를 하나 추가 하였을 뿐인데 심리적 안정감이 생긴걸 느꼈다.

앞으로 테스트코드 작성에 대해서 많이 고민하고 테스트를 어떻게 해야 더 효율적이고 안정적일지 고민을 많이 해봐야겠다.