목표했던 타겟 환경과 디바이스에서 서비스 핵심 기능 동작 확인

목표했던 타겟 환경과 디바이스

• 서비스 특성상 데스크탑, 태블릿, 모바일 중 데스크탑을 우선순위로 두었습니다.
• 브라우저는 Chrome, Edge, Safari, Firefox, Opera를 두었습니다.

서비스 핵심 기능 동작 확인

playwright를 도입해 지원하는 브라우저 환경에 대한 핵심기능 E2E 테스트를 작성하였습니다.
playwright를 도입한 이유는 코드를 리팩토링하고 새로운 배포를 할 때마다 QA를 수동으로 하는 것이 번거롭다고 느껴졌습니다.
이를 자동화하고자 하였고 아닌 실제 백엔드 API 개발서버와 통신을 해야 QA로써 의미가 있겠다고 내부적으로 결정하여 mocking 데이터를 사용하지 않았습니다.
playwright를 통해서는 현재 chromium, firefox, webkit 환경에서 테스트를 진행 중입니다.

관련 PR은 다음과 같습니다.

• #647 핵심기능 E2E 테스트 - 템플릿, 인증/인가

  • 템플릿 업로드 시, 파일명을 입력하지 않으면 파일명을 입력해주세요라는 토스트 메시지가 나온다.
  • 템플릿 제목, 설명, 파일명, 소스코드, 태그를 입력하고 저장버튼을 눌러 템플릿을 생성한다. 목록 페이지에서 새로 생성된 제목의 템플릿 카드를 확인할 수 있다.
  • 템플릿 카드를 누르면 템플릿 제목, 설명, 작성자, 생성날짜, 변경날짜, 카테고리, 코드 스니펫 목록을 확인할 수 있다.
  • 템플릿편집테스트 템플릿의 제목을 편집된템플릿로 변경하고, 편집된템플릿태그를 추가로 등록한다.
  • 템플릿 삭제 버튼을 누르면 삭제 확인 모달이 뜨고, 삭제 확인 모달에서 삭제 버튼을 누르면, 템플릿이 삭제되고 내탬플릿 화면으로 이동한다.

• #672 핵심기능 E2E 테스트 - 카테고리, 검색

  • 카테고리 편집 모달에서 새 카테고리를 추가 및 삭제할 수 있다.
  • 카테고리 편집 모달에서 카테고리명을 수정 및 삭제할 수 있다.
  • 카테고리는 최대 15글자까지만 입력할 수 있다.
  • 검색창에 테스트를 입력하면 테스트가 내용에 포함된 템플릿 목록을 확인할 수 있다.
  • 검색창에 ㅁㅅㅌㅇ를 입력할 경우 검색 결과가 없습니다가 나온다.