[FEAT] E2E 테스트 설정 및 핵심 기능 테스트 작성

[Jaymyong66]

📌 어떤 기능인가요?

프론트엔드에 E2E 테스트를 설정한다.

📜 작업 상세 내용

• E2E 테스트 툴 비교 후 선정
• E2E 테스트 툴 초기 환경 세팅
• 핵심 기능에 대한 E2E 테스트 작성
  • 템플릿 도메인
  • 인증/인가
  • 카테고리

⏳ 예상 소요 시간

1일

🔍 참고할만한 자료(선택)

[Hain-tain]

[E2E 테스트 목록]

회원가입

• 아이디, 비밀번호, 비밀번호 확인 입력 후 회원가입한다.

로그인

• 회원가입 시 입력한 아이디와 비밀번호를 입력 후 로그인한다.

템플릿 생성

• 템플릿 소스코드의 파일명을 입력하지 않고 저장버튼을 누르면 템플릿이 생성되지 않고, 실패 토스트가 뜬다.
• 태그 입력창에 태그를 입력하고 엔터를 눌러 태그를 등록한다.
• 템플릿 제목, 설명, 파일명, 소스코드, 태그를 입력하고 저장버튼을 눌러 템플릿을 생성한다. 목록 페이지에서 새로 생성된 제목의 템플릿 카드를 확인할 수 있다.

템플릿 상세 조회

• 템플릿 카드를 누르면 템플릿 제목, 설명, 작성자, 생성날짜, 변경날짜, 카테고리, 코드 스니펫 목록을 확인할 수 있다.

템플릿 수정

• 템플릿 제목을 수정하면 수정된 제목으로 변경된다.
• 템플릿 태그를 새로 입력하고 저장하면 태그가 추가된다.

템플릿 삭제

• 템플릿 삭제 버튼을 누르면 삭제 확인 모달이 뜨고, 삭제 확인 모달에서 삭제 버튼을 누르면, 템플릿이 삭제되고 내탬플릿 화면으로 이동한다.

템플릿 목록 조회

• 템플릿 목록을 조회할 수 있다. (템플릿 목록은 기본적으로 최신순으로 정렬된다.)

템플릿 검색

• 검색어를 입력하면 해당 검색어에 맞는 템플릿이 조회된다. (타이틀, 설명, 소스코드, 파일명)

카테고리

• 카테고리 입력 시, 15자를 초과하면 입력되지 않는다.
• 카테고리 편집 모달을 눌러 기존 카테고리 이름을 바꿀 수 있다.
• 카테고리 삭제 버튼을 누르고 저장 버튼을 누르면 삭제된다.