# E2E 테스트 리포트: 기안함 테스트

**테스트 ID**: draft-box
**실행 시간**: 2026-01-20 22:32:00 (KST)
**소요 시간**: 7분
**테스트 결과**: ✅ PASS

---

## 📊 테스트 요약

| 항목 | 결과 |
|------|------|
| 전체 스텝 수 | 20개 |
| 성공 | 20개 |
| 실패 | 0개 |
| 경고 | 0개 |
| 성공률 | 100% |

---

## 📋 스텝별 상세 결과

| 스텝 | 테스트 항목 | 상태 | 비고 |
|------|------------|------|------|
| 1 | 페이지 로드 확인 | ✅ PASS | URL: /ko/approval/draft |
| 2 | 페이지 제목 확인 | ✅ PASS | '기안함' 텍스트 표시 |
| 3 | 페이지 설명 확인 | ✅ PASS | '작성한 결재 문서를 관리합니다' |
| 4 | 통계 카드 확인 | ✅ PASS | 진행 10건, 완료 0건, 반려 1건, 임시 저장 7건 |
| 5 | 테이블 컬럼 확인 | ✅ PASS | 8개 컬럼 (번호, 문서번호, 문서유형, 제목, 결재자, 기안일시, 상태, 작업) |
| 6 | 테이블 데이터 확인 | ✅ PASS | 18개 행 |
| 7 | 필터 버튼 확인 | ✅ PASS | 전체, 최신순 드롭다운 존재 |
| 8 | 문서 작성 버튼 확인 | ✅ PASS | 버튼 존재 및 클릭 가능 |
| 9 | 행 체크박스 선택 | ✅ PASS | '1개 항목 선택됨' 표시 |
| 10 | 선택 시 액션 버튼 표시 | ✅ PASS | 상신, 삭제, 문서완료 버튼 표시 |
| 11 | 임시저장 문서 수정/삭제 버튼 | ✅ PASS | 카드에 수정, 삭제 버튼 표시 |
| 12 | 체크박스 해제 | ✅ PASS | 액션 버튼 사라짐 |
| 13 | 전체 선택 체크박스 | ✅ PASS | '18개 항목 선택됨' 표시 |
| 14 | 문서 상세 모달 확인 | ✅ PASS | 품의서 상세 정보 표시 |
| 15 | 모달 닫기 (ESC) | ✅ PASS | ESC 키로 모달 닫힘 |
| 16 | 필터 드롭다운 옵션 확인 | ✅ PASS | 6개 옵션 (전체, 임시저장, 결재대기, 진행중, 완료, 반려) |
| 17 | 임시저장 필터 적용 | ✅ PASS | 18개 → 7개 필터링 |
| 18 | 필터 초기화 | ✅ PASS | 전체 선택으로 복원 |
| 19 | 문서 작성 페이지 진입 | ✅ PASS | 결재 문서 작성 폼 표시 |
| 20 | 취소 버튼으로 목록 복귀 | ✅ PASS | 기안함 목록으로 복귀 |

---

## 📈 동작 검증 결과

| UI 요소 | 검증 수준 | 동작 | 결과 | 비고 |
|---------|----------|------|------|------|
| 체크박스 (단일) | Level 4 | 클릭 → 선택 → 액션 버튼 표시 | ✅ | '1개 항목 선택됨' |
| 체크박스 (전체) | Level 4 | 클릭 → 전체 선택 | ✅ | '18개 항목 선택됨' |
| 필터 드롭다운 | Level 4 | 클릭 → 옵션 선택 → 데이터 필터링 | ✅ | 18개 → 7개 |
| 테이블 행 클릭 | Level 3 | 클릭 → 상세 모달 표시 | ✅ | 품의서 상세 정보 |
| 문서 작성 버튼 | Level 3 | 클릭 → 작성 페이지 이동 | ✅ | 결재 문서 작성 폼 |
| 취소 버튼 | Level 3 | 클릭 → 목록 복귀 | ✅ | 기안함 목록 |

---

## ✅ CRUD 검증

| 작업 | 테스트 항목 | 결과 | 비고 |
|------|-----------|------|------|
| **Read** | 목록 조회 | ✅ PASS | 18개 문서 표시 |
| **Read** | 상세 조회 | ✅ PASS | 품의서 상세 모달 |
| **Create** | 문서 작성 페이지 | ✅ PASS | UI 진입 확인 |

---

## 📋 통계 카드 정보

| 카드 | 값 |
|------|-----|
| 진행 | 10건 |
| 완료 | 0건 |
| 반려 | 1건 |
| 임시 저장 | 7건 |

---

## 📋 필터 옵션 목록

| # | 옵션명 |
|---|--------|
| 1 | 전체 |
| 2 | 임시저장 |
| 3 | 결재대기 |
| 4 | 진행중 |
| 5 | 완료 |
| 6 | 반려 |

---

## 📋 테이블 컬럼 목록

| # | 컬럼명 |
|---|--------|
| 1 | 번호 |
| 2 | 문서번호 |
| 3 | 문서유형 |
| 4 | 제목 |
| 5 | 결재자 |
| 6 | 기안일시 |
| 7 | 상태 |
| 8 | 작업 (체크박스) |

---

## 📋 상세 모달 필드 목록

**품의서 상세 모달에서 확인된 필드**:
- 문서번호: DOC-20251229-0010
- 작성일자: 2025-12-28
- 결재 흐름: 홍킬동(작성) → 김철수(결재) → 이영희(결재)
- 구매처: 쿠팡
- 구매처 결제일: 2026-01-08
- 제목: 사무실 이전 품의
- 품의 내역: 상세 설명 텍스트
- 품의 사유: 상세 사유 텍스트
- 예상 비용: 38,930,000원
- 인쇄 버튼
- Close 버튼

---

## 📋 문서 작성 페이지 필드 목록

**결재 문서 작성 폼에서 확인된 필드**:

### 기본 정보
- 기안자
- 작성일
- 문서번호
- 문서유형 (품의서)

### 결재선/참조
- 결재선 추가 버튼
- 참조 추가 버튼

### 구매처 정보
- 구매처
- 구매처 결제일

### 품의서 정보
- 제목
- 품의 내역 (녹음 기능 포함)
- 품의 사유 (녹음 기능 포함)
- 예상 비용

### 첨부파일
- 파일 추가 버튼

### 하단 버튼
- 취소
- 미리보기
- 삭제
- 상신
- 임시저장

---

## 📸 스크린샷

- [기안함 페이지](screenshots/draft_box_checkbox_selected-2026-01-20T13-28-16-815Z.png)
- [상세 모달](screenshots/draft_box_detail_modal-2026-01-20T13-29-03-826Z.png)
- [문서 작성 페이지](screenshots/draft_box_create_document-2026-01-20T13-31-53-574Z.png)
- [최종 상태](screenshots/draft_box_final-2026-01-20T13-32-11-603Z.png)

---

## 📝 테스트 결론

### ✅ 정상 동작 확인된 기능
- 기안함 페이지 로드
- 통계 카드 (진행/완료/반려/임시저장)
- 테이블 구조 (8개 컬럼, 18개 행)
- 체크박스 선택 (단일/전체)
- 선택 시 액션 버튼 표시 (상신/삭제/문서완료)
- 임시저장 문서의 수정/삭제 버튼
- 필터 드롭다운 (6개 옵션)
- 필터 적용 및 데이터 필터링
- 문서 상세 모달 표시
- ESC 키로 모달 닫기
- 문서 작성 페이지 진입
- 취소 버튼으로 목록 복귀

### 💡 권장 사항
1. **모달 닫기 버튼**: Close 버튼이 클릭 불가 (ESC만 가능) - UX 개선 검토
2. **문서 작성 기능 상세 테스트**: 실제 문서 작성 및 상신 테스트 별도 필요

---

**테스트 실행자**: Claude Code (QA Reporter)
**리포트 생성 시간**: 2026-01-20 22:32:00 (KST)
