E2E 테스트 리포트: 고객센터 1:1 문의
테스트 ID: customer-inquiry
실행 시간: 2026-01-20 19:48:00 (KST)
소요 시간: 5분
테스트 결과: ✅ PASS
📊 테스트 요약
| 항목 |
결과 |
| 전체 스텝 수 |
12개 (주요 항목) |
| 성공 |
11개 |
| 부분 성공 |
1개 |
| 성공률 |
92% |
📋 스텝별 상세 결과
| 스텝 |
테스트 항목 |
상태 |
비고 |
| 1 |
1:1 문의 페이지 진입 |
✅ |
/ko/customer-center/qna |
| 2 |
페이지 구조 확인 |
✅ |
테이블 5개 컬럼, 필터 3개, 총 3건 |
| 3 |
문의 등록 버튼 클릭 |
✅ |
/customer-center/qna/create |
| 4 |
문의 폼 필드 확인 |
✅ |
상담분류, 제목, 내용, 첨부파일 |
| 5 |
문의 제목/내용 입력 |
✅ |
E2E 테스트 문의_20260120 |
| 6 |
등록 버튼 클릭 |
✅ |
목록 페이지 이동, 총 4건 |
| 7 |
등록된 문의 상세 이동 |
✅ |
1:1 문의 상세 페이지 |
| 8 |
댓글 등록 |
⚠️ |
입력은 되나 등록 결과 미확인 |
| 9 |
수정 버튼 클릭 |
✅ |
수정 모드 전환 |
| 10 |
수정 취소 |
✅ |
상세 페이지 복귀 |
| 11 |
삭제 버튼 클릭 |
✅ |
삭제 확인 다이얼로그 표시 |
| 12 |
삭제 완료 확인 |
✅ |
총 3건 (원래대로), 문의 제거 |
📈 검증 결과
페이지 UI 요소
| 항목 |
예상 |
실제 |
결과 |
| 페이지 경로 |
/customer-center/qna |
/customer-center/qna |
✅ |
| 페이지 타이틀 |
1:1 문의 |
1:1 문의 |
✅ |
| 페이지 설명 |
존재 |
"1:1 문의를 등록하고 답변을 확인합니다." |
✅ |
| 테이블 컬럼 |
5개 |
No., 상담분류, 제목, 상태, 등록일 |
✅ |
| 문의 등록 버튼 |
존재 |
존재 |
✅ |
| 검색 입력란 |
존재 |
"제목, 작성자로 검색..." |
✅ |
| 필터 드롭다운 |
3개 |
상담분류(전체), 상태(전체), 정렬(최신순) |
✅ |
| 날짜 필터 버튼 |
6개 |
당해년도/전전월/전월/당월/어제/오늘 |
✅ |
문의 등록 폼
| 필드 |
타입 |
검증 |
결과 |
| 상담분류 |
Combobox |
기본값: 문의하기 |
✅ |
| 제목 |
Input |
필수 |
✅ |
| 내용 |
RichTextEditor |
필수 |
✅ |
| 첨부파일 |
File Upload |
선택 |
✅ |
상담분류 옵션
| 옵션 |
존재 |
| 문의하기 |
✅ (기본값) |
| 신고하기 |
✅ |
| 건의사항 |
✅ |
| 서비스오류 |
✅ |
문의 CRUD 테스트
| 작업 |
API |
예상 결과 |
실제 결과 |
결과 |
| 등록 (Create) |
POST /api/.../boards/qna/posts |
목록 이동 |
총 4건 표시 |
✅ |
| 조회 (Read) |
GET /api/.../boards/qna/posts/* |
상세 표시 |
제목/내용 표시 |
✅ |
| 수정 (Update) |
PUT /api/.../boards/qna/posts/* |
수정 모드 |
수정 모드 진입 |
✅ |
| 삭제 (Delete) |
DELETE /api/.../boards/qna/posts/* |
목록 이동 |
총 3건 표시 |
✅ |
댓글 기능 테스트
| 작업 |
입력값 |
결과 |
비고 |
| 댓글 입력 |
"테스트 댓글입니다." |
⚠️ |
입력 가능, 등록 결과 미확인 |
삭제 확인 다이얼로그
| 항목 |
예상 |
실제 |
결과 |
| 다이얼로그 표시 |
표시됨 |
"삭제 확인" 다이얼로그 |
✅ |
| 확인 메시지 |
삭제 경고 |
"정말 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다." |
✅ |
| 버튼 |
취소/삭제 |
취소, 삭제 버튼 존재 |
✅ |
| 삭제 후 |
목록 이동 |
/customer-center/qna + 총 3건 |
✅ |
📊 UI 요소 검증 결과
| UI 요소 |
검증 수준 |
결과 |
비고 |
| 문의 등록 버튼 |
Level 4 |
✅ |
클릭 → 페이지 이동 → 등록 완료 |
| 제목 입력 |
Level 4 |
✅ |
입력 → 등록 → 상세에서 확인 |
| 내용 에디터 |
Level 4 |
✅ |
HTML 입력 → 등록 → 렌더링 |
| 상담분류 드롭다운 |
Level 2 |
✅ |
기본값 문의하기 |
| 행 클릭 → 상세 |
Level 3 |
✅ |
클릭 → 상세 페이지 이동 |
| 수정 버튼 |
Level 3 |
✅ |
클릭 → 수정 모드 전환 |
| 삭제 버튼 |
Level 4 |
✅ |
클릭 → 다이얼로그 → 확인 → 삭제 |
| 댓글 입력 |
Level 2 |
⚠️ |
입력 가능, 등록 결과 불확실 |
| 날짜 필터 |
Level 2 |
✅ |
버튼 6개 표시 |
| 상태 필터 |
Level 2 |
✅ |
드롭다운 옵션 표시 |
📸 스크린샷
- 초기 상태:
screenshots/019_customer_inquiry_initial-*.png
- 등록 페이지:
screenshots/019_customer_inquiry_create_page-*.png
- 폼 입력 완료:
screenshots/019_customer_inquiry_form_filled-*.png
- 등록 후 목록:
screenshots/019_customer_inquiry_after_register-*.png
- 상세 페이지:
screenshots/019_customer_inquiry_detail-*.png
- 수정 페이지:
screenshots/019_customer_inquiry_edit_page-*.png
- 삭제 다이얼로그:
screenshots/019_customer_inquiry_delete_dialog-*.png
- 삭제 후:
screenshots/019_customer_inquiry_after_delete-*.png
📝 테스트 결론
✅ 정상 동작 확인된 기능
- 1:1 문의 페이지 로딩
- 테이블 구조 (5개 컬럼: No., 상담분류, 제목, 상태, 등록일)
- 검색 입력란 존재
- 필터 드롭다운 3개 (상담분류, 상태, 정렬)
- 날짜 필터 버튼 6개
- 문의 등록 버튼 → 등록 페이지 이동
- 문의 등록 폼 (상담분류, 제목, 내용, 첨부파일)
- RichTextEditor (contenteditable) 내용 입력
- 문의 등록 → 목록 페이지 이동 + 신규 문의 표시
- 문의 상세 페이지 (제목, 내용, 작성자, 등록일)
- 수정/삭제 버튼 표시 (작성자)
- 수정 모드 진입 및 취소
- 삭제 확인 다이얼로그 표시
- 삭제 후 목록 페이지 이동 + 문의 제거
⚠️ 부분 동작 기능
- 댓글 등록: 입력은 되나 등록 결과 UI에서 확인 불가 (추가 검증 필요)
📌 참고사항
- boardCode: 'qna' 사용하는 동적 게시판
- 상담분류: 문의하기, 신고하기, 건의사항, 서비스오류
- 상태: 답변대기, 답변완료
- 초기 문의 수: 3건
- 등록 후 문의 수: 4건
- 삭제 후 문의 수: 3건 (원래대로)
🔄 플로우 요약
테스트 실행자: Claude Code (QA Reporter)
리포트 생성 시간: 2026-01-20 19:48:00 (KST)
