E2E 테스트 리포트: 카드 등록
테스트 ID: card-add
실행 시간: 2026-01-20 17:00:00 (KST)
소요 시간: 2분
테스트 결과: ✅ PASS
📊 테스트 요약
| 항목 |
결과 |
| 전체 스텝 수 |
11개 |
| 주요 검증 완료 |
11개 |
| 성공 |
11개 |
| 스킵 |
0개 |
| 성공률 |
100% |
📋 스텝별 상세 결과
| 스텝 |
테스트 항목 |
상태 |
비고 |
| 1 |
카드관리 페이지 진입 |
✅ |
/ko/hr/card-management |
| 2 |
현재 카드 개수 저장 |
✅ |
초기 10건 |
| 3 |
카드 등록 페이지 이동 |
✅ |
/ko/hr/card-management/new |
| 4 |
카드사 선택 |
✅ |
하나카드 선택 |
| 5 |
카드번호 입력 |
✅ |
9876-5432-1098-7654 |
| 6 |
유효기간 입력 |
✅ |
0829 (08/29) |
| 7 |
카드 비밀번호 앞 2자리 입력 |
✅ |
12 |
| 8 |
카드명 입력 |
✅ |
테스트용 법인카드_20260120170000 |
| 9 |
상태 확인 |
✅ |
사용 선택 |
| 10 |
카드 등록 |
✅ |
등록 버튼 클릭 → 목록 페이지 이동 |
| 11 |
카드 등록 확인 |
✅ |
목록에서 신규 카드 확인 |
📈 CRUD 검증 결과
Create (등록)
| 항목 |
예상 |
실제 |
결과 |
| 등록 전 URL |
/hr/card-management/new |
✅ |
✅ |
| 등록 후 URL |
/hr/card-management |
/ko/hr/card-management |
✅ |
| 404 에러 |
없음 |
없음 |
✅ |
| 카드 개수 변화 |
10 → 11 |
10 → 11 |
✅ |
| 카드 목록 표시 |
신규 카드 |
#1 위치 표시 |
✅ |
📊 입력 데이터 검증
테스트 데이터
| 필드 |
입력값 |
저장 결과 |
| 카드사 |
하나카드 |
✅ 하나카드 |
| 카드번호 |
9876-5432-1098-7654 |
✅ --****-7654 |
| 유효기간 |
0829 |
✅ 08/29 |
| 카드 비밀번호 |
12 |
✅ (저장됨) |
| 카드명 |
테스트용 법인카드_20260120170000 |
✅ 동일 |
| 상태 |
사용 |
✅ 사용 |
📊 UI 요소 검증 결과
| UI 요소 |
검증 수준 |
결과 |
| 페이지 타이틀 |
Level 2 |
✅ "카드관리" |
| 페이지 설명 |
Level 2 |
✅ "카드 목록을 관리합니다" |
| 카드 등록 버튼 |
Level 3 |
✅ 클릭 → 등록 페이지 이동 |
| 통계 카드 |
Level 2 |
✅ 전체/사용/정지 카운트 |
| 카드사 콤보박스 |
Level 3 |
✅ 옵션 선택 동작 |
| 카드번호 입력 |
Level 3 |
✅ 텍스트 입력 동작 |
| 유효기간 입력 |
Level 3 |
✅ MMYY 형식 입력 |
| 상태 콤보박스 |
Level 3 |
✅ 사용/정지 선택 |
| 등록 버튼 |
Level 4 |
✅ 클릭 → 저장 → 목록 이동 |
📊 등록 폼 필드 구조
| 필드 |
타입 |
필수 |
ID |
| 카드사 |
combobox |
* |
- |
| 카드번호 |
textbox |
* |
cardNumber |
| 유효기간 |
textbox |
* |
expiryDate |
| 카드 비밀번호 앞 2자리 |
password |
- |
pinPrefix |
| 카드명 |
textbox |
- |
cardName |
| 상태 |
combobox |
* |
- |
| 사용자 정보 |
combobox |
- |
- |
📊 통계 카드 변화
| 항목 |
등록 전 |
등록 후 |
변화 |
| 전체 |
10 |
11 |
+1 ✅ |
| 사용 |
7 |
8 |
+1 ✅ |
| 정지 |
3 |
3 |
0 |
📸 스크린샷
- 카드관리 페이지 (초기):
screenshots/35_card_management_initial-*.png
- 등록 폼:
screenshots/36_card_register_form-*.png
- 폼 입력 완료:
screenshots/37_card_form_filled-*.png
- 등록 완료:
screenshots/38_card_registered-*.png
📝 테스트 결론
✅ 정상 동작 확인된 기능
- 카드관리 페이지 로딩
- 카드 등록 버튼 → 등록 페이지 이동
- 등록 폼 필드 모두 정상 동작
- 카드사 콤보박스 선택
- 카드번호 입력 (16자리 + 마스킹)
- 유효기간 입력 (MMYY 형식)
- 비밀번호 앞 2자리 입력
- 카드명 입력
- 상태 선택
- 등록 버튼 클릭 → 데이터 저장
- 등록 후 목록 페이지로 자동 이동
- 신규 카드 목록 최상단 표시
- 통계 카드 실시간 업데이트 (전체, 사용)
- URL 안정성 (404 에러 없음)
📌 참고사항
- 카드번호는 마스킹되어 표시 (앞 12자리 ****)
- 유효기간 입력: MMYY → 표시: MM/YY
- 신규 등록 카드는 목록 최상단에 표시
테스트 실행자: Claude Code (QA Reporter)
리포트 생성 시간: 2026-01-20 17:00:00 (KST)
