E2E 테스트 리포트: 휴가관리
테스트 ID: vacation-management
실행 시간: 2026-01-20 17:55:00 (KST)
소요 시간: 4분
테스트 결과: ✅ PASS
📊 테스트 요약
| 항목 |
결과 |
| 전체 스텝 수 |
21개 |
| 주요 검증 완료 |
18개 |
| 성공 |
18개 |
| 스킵 |
3개 (승인/거절 실행 - 데이터 보존) |
| 성공률 |
100% (주요 기능) |
📋 스텝별 상세 결과
| 스텝 |
테스트 항목 |
상태 |
비고 |
| 1 |
휴가관리 페이지 진입 |
✅ |
/hr/vacation-management |
| 2 |
목업 페이지 감지 |
✅ |
정상 동작 페이지 확인 |
| 3 |
통계 카드 대시보드 확인 |
✅ |
4개 카드 (승인대기/연차/경조사/사용률) |
| 4 |
휴가 사용현황 탭 확인 |
✅ |
10개 컬럼, 8건 데이터 |
| 5 |
검색 기능 확인 |
✅ |
"통합 검색..." placeholder |
| 6 |
휴가 부여현황 탭 전환 |
✅ |
10개 컬럼, 3건 데이터 (등록 후) |
| 7 |
부여등록 다이얼로그 열기 |
✅ |
"휴가 부여 등록" 모달 |
| 8 |
부여등록 입력 필드 확인 |
✅ |
5개 필드 확인 |
| 9 |
부여등록 저장 |
✅ |
등록 성공, 행 수 2→3 |
| 10 |
부여등록 취소 테스트 |
✅ |
모달 정상 닫힘 |
| 11 |
휴가 신청현황 탭 전환 |
✅ |
10개 컬럼, 3건 데이터 |
| 12 |
휴가신청 다이얼로그 열기 |
✅ |
"휴가 신청" 모달 |
| 13 |
휴가신청 입력 필드 확인 |
✅ |
4개 필드 (캘린더 포함) |
| 14 |
휴가신청 등록 |
✅ |
신청 성공 |
| 15 |
휴가신청 취소 테스트 |
✅ |
모달 정상 닫힘 |
| 16 |
휴가 승인 버튼 동작 |
✅ |
확인 모달 표시 |
| 17 |
승인 확인 다이얼로그 |
⏸️ |
취소 (데이터 보존) |
| 18 |
휴가 거절 버튼 동작 |
✅ |
확인 모달 표시 |
| 19 |
거절 확인 다이얼로그 |
⏸️ |
취소 (데이터 보존) |
| 20 |
필터 셀렉트 동작 |
✅ |
필터 옵션 확인 |
| 21 |
날짜 범위 필터 |
✅ |
시작일/종료일 필터 존재 |
📈 CRUD 검증 결과
Create (휴가 부여 등록)
| 항목 |
예상 |
실제 |
결과 |
| 모달 제목 |
휴가 부여 등록 |
휴가 부여 등록 |
✅ |
| 사원 선택 |
combobox |
combobox (8명 옵션) |
✅ |
| 휴가 유형 |
combobox |
combobox (연차 기본값) |
✅ |
| 부여일 |
date input |
date input |
✅ |
| 부여 일수 |
number input |
number input |
✅ |
| 사유 |
textarea |
textarea |
✅ |
| 등록 후 URL |
/hr/vacation-management |
/hr/vacation-management |
✅ |
| 등록 후 행 수 |
증가 |
2→3건 |
✅ |
| 404 에러 |
없음 |
없음 |
✅ |
Create (휴가 신청)
| 항목 |
예상 |
실제 |
결과 |
| 모달 제목 |
휴가 신청 |
휴가 신청 |
✅ |
| 사원 선택 |
combobox |
combobox (8명 옵션) |
✅ |
| 휴가 유형 |
combobox |
combobox (연차 기본값) |
✅ |
| 시작일 |
캘린더 |
캘린더 선택 가능 |
✅ |
| 종료일 |
캘린더 |
캘린더 선택 가능 |
✅ |
| 신청 후 URL |
/hr/vacation-management |
/hr/vacation-management |
✅ |
| 404 에러 |
없음 |
없음 |
✅ |
📊 UI 요소 검증 결과
| UI 요소 |
검증 수준 |
결과 |
| 페이지 타이틀 |
Level 2 |
✅ "휴가관리" |
| 통계 카드 |
Level 2 |
✅ 4개 카드 |
| 탭 |
Level 3 |
✅ 3개 탭 전환 동작 |
| 검색 입력 |
Level 2 |
✅ placeholder "통합 검색..." |
| 날짜 필터 |
Level 2 |
✅ 시작일/종료일 |
| 테이블 |
Level 2 |
✅ 탭별 다른 컬럼 구조 |
| 체크박스 선택 |
Level 3 |
✅ 선택 동작 확인 |
| 부여등록 버튼 |
Level 4 |
✅ 클릭 → 모달 → 등록 → 성공 |
| 휴가신청 버튼 |
Level 4 |
✅ 클릭 → 모달 → 신청 → 성공 |
| 승인 버튼 |
Level 3 |
✅ 확인 모달 표시 |
| 거절 버튼 |
Level 3 |
✅ 확인 모달 표시 |
📊 통계 카드 데이터
| 항목 |
표시 |
| 휴가 승인 대기 |
✅ |
| 연차 |
✅ |
| 경조사 |
✅ |
| 연간 연차 사용률 |
✅ |
📊 탭별 테이블 컬럼 구조
휴가 사용현황 탭
| 컬럼 |
표시 |
| 체크박스 |
✅ |
| 번호 |
✅ |
| 부서 |
✅ |
| 직책 |
✅ |
| 이름 |
✅ |
| 직급 |
✅ |
| 입사일 |
✅ |
| 기본 |
✅ |
| 부여 |
✅ |
| 사용 |
✅ |
| 잔여 |
✅ |
휴가 부여현황 탭
| 컬럼 |
표시 |
| 체크박스 |
✅ |
| 번호 |
✅ |
| 부서 |
✅ |
| 직책 |
✅ |
| 이름 |
✅ |
| 직급 |
✅ |
| 유형 |
✅ |
| 부여일 |
✅ |
| 부여휴가일수 |
✅ |
| 사유 |
✅ |
휴가 신청현황 탭
| 컬럼 |
표시 |
| 체크박스 |
✅ |
| 번호 |
✅ |
| 부서 |
✅ |
| 직책 |
✅ |
| 이름 |
✅ |
| 직급 |
✅ |
| 휴가기간 |
✅ |
| 휴가일수 |
✅ |
| 상태 |
✅ |
| 신청일 |
✅ |
📊 모달 구조
휴가 부여 등록 모달
| 필드 |
타입 |
필수 |
기본값 |
| 사원 선택 |
combobox |
* |
사원을 선택하세요 |
| 휴가 유형 |
combobox |
* |
연차 |
| 부여일 |
date |
* |
오늘 |
| 부여 일수 |
number |
* |
- |
| 사유 |
textarea |
- |
- |
| 버튼 |
취소, 등록 |
|
|
휴가 신청 모달
| 필드 |
타입 |
필수 |
기본값 |
| 사원 선택 |
combobox |
* |
사원을 선택하세요 |
| 휴가 유형 |
combobox |
* |
연차 |
| 시작일 |
캘린더 |
* |
시작일 선택 |
| 종료일 |
캘린더 |
* |
종료일 선택 |
| 버튼 |
취소, 신청 |
|
|
승인/거절 확인 모달
| 항목 |
승인 |
거절 |
| 제목 |
휴가 승인 |
휴가 거절 |
| 메시지 |
정말 N건을 승인하시겠습니까? |
정말 N건을 거절하시겠습니까? |
| 버튼 |
취소, 승인 |
취소, 거절 |
📊 테이블 데이터 샘플 (휴가 사용현황)
| 번호 |
이름 |
기본 |
부여 |
사용 |
잔여 |
| 1 |
홍킬동 |
15일 |
55일 |
3.0일 |
67일 |
| 2 |
test01 |
15일 |
0일 |
0일 |
15일 |
| 3 |
test02 |
15일 |
0일 |
0일 |
15일 |
| 4 |
홍길동 |
15일 |
3일 |
0일 |
18일 |
📸 스크린샷
- 휴가관리 페이지:
screenshots/97_vacation_management_page-*.png
- 휴가 부여현황 탭:
screenshots/98_vacation_grant_tab-*.png
- 부여등록 모달:
screenshots/99_vacation_grant_dialog-*.png
- 부여등록 입력:
screenshots/100_vacation_grant_filled-*.png
- 부여등록 성공:
screenshots/101_vacation_grant_success-*.png
- 휴가 신청현황 탭:
screenshots/102_vacation_request_tab-*.png
- 휴가신청 모달:
screenshots/103_vacation_request_dialog-*.png
- 휴가신청 입력:
screenshots/104_vacation_request_filled-*.png
- 휴가신청 성공:
screenshots/105_vacation_request_success-*.png
- 승인 확인 모달:
screenshots/106_vacation_approve_dialog-*.png
- 거절 확인 모달:
screenshots/107_vacation_reject_dialog-*.png
- 최종:
screenshots/108_vacation_management_final-*.png
📝 테스트 결론
✅ 정상 동작 확인된 기능
- 휴가관리 페이지 로딩
- 통계 카드 4개 표시 (승인대기/연차/경조사/사용률)
- 3개 탭 전환 동작 (사용현황/부여현황/신청현황)
- 탭별 테이블 구조 및 데이터 표시
- 날짜 범위 필터 (시작일~종료일)
- 부여등록 모달 열기/입력/등록 → 성공
- 휴가신청 모달 열기/입력/신청 → 성공
- 캘린더 컴포넌트 날짜 선택 동작
- 체크박스 선택 동작
- 승인 버튼 → 확인 모달 표시
- 거절 버튼 → 확인 모달 표시
- URL 안정성 (404 에러 없음)
⏸️ 스킵 항목 (데이터 보존)
- 승인 실행: 테스트 데이터 보존을 위해 취소
- 거절 실행: 테스트 데이터 보존을 위해 취소
📌 참고사항
- 휴가 유형: 연차(기본), 병가, 개인사유, 경조사, 출산휴가, 포상휴가
- 부여등록과 휴가신청은 별도 다이얼로그
- 신청현황 탭에서만 승인/거절 버튼 표시
- 체크박스 선택 후 승인/거절 가능
- 엑셀 다운로드 버튼은 주석처리 상태 (미구현)
📊 테스트 데이터
- 부여등록: 홍길동, 연차 3일, "E2E 테스트 휴가 부여"
- 휴가신청: test01, 연차, 25~26일
테스트 실행자: Claude Code (QA Reporter)
리포트 생성 시간: 2026-01-20 17:55:00 (KST)
