# E2E 테스트 리포트: 부서 추가 테스트

**테스트 ID**: department-add
**실행 시간**: 2026-01-21 21:52:00 (KST)
**소요 시간**: 4분
**테스트 결과**: ✅ PASS

---

## 📊 테스트 요약

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

---

## 📋 스텝별 상세 결과

| 스텝 | 테스트 항목 | 상태 | 비고 |
|------|------------|------|------|
| 1 | 부서관리 페이지 확인 | ✅ | /hr/department-management |
| 2 | 현재 부서 개수 확인 | ✅ | 20개 |
| 3 | 상위 부서 추가 모달 열기 | ✅ | 모달 정상 표시 |
| 4 | 랜덤 상위 부서명 입력 | ✅ | 신규본부_1768999946478 |
| 5 | 상위 부서 등록 | ✅ | 21개로 증가 |
| 6 | 상위 부서 등록 확인 | ✅ | 목록에 표시됨 |
| 7 | 하위 부서 추가 모달 열기 | ✅ | 상위 부서 자동 설정됨 |
| 8 | 랜덤 하위 부서명 입력 | ✅ | 디자인팀_1769000101376 |
| 9 | 하위 부서 등록 | ✅ | 22개로 증가 |
| 10 | 계층 구조 확인 | ✅ | 트리 구조 정상 표시 |

---

## 📈 동작 검증 결과

| UI 요소 | 검증 수준 | 동작 | 결과 | 비고 |
|---------|----------|------|------|------|
| 추가 버튼 | Level 3 | 클릭 → 모달 열림 | ✅ | |
| 부서명 입력 필드 | Level 3 | 입력 → 등록 버튼 활성화 | ✅ | 미입력 시 비활성화 |
| 등록 버튼 | Level 4 | 클릭 → API 호출 → 목록 반영 | ✅ | |
| 하위 부서 추가 버튼 | Level 3 | 클릭 → 모달 열림 (상위 부서 자동 설정) | ✅ | 툴팁: "하위 부서 추가" |
| 트리 확장 버튼 | Level 3 | 클릭 → 하위 부서 표시 | ✅ | |

---

## ✅ 정상 동작 확인된 기능

- 부서관리 페이지 정상 로드
- 상위 부서 추가 (추가 버튼 → 모달 → 부서명 입력 → 등록)
- 부서 개수 실시간 업데이트
- 하위 부서 추가 (행 내 버튼 → 모달 (상위 부서 표시) → 등록)
- 부서 계층 구조 (트리 형태) 표시
- 트리 확장/축소 기능
- 등록 버튼 유효성 검증 (부서명 미입력 시 비활성화)

---

## 📝 테스트 데이터

### 상위 부서 (Parent)
| 필드 | 값 |
|------|-----|
| 부서명 | 신규본부_1768999946478 |
| 부서 유형 | 최상위 부서 (본부) |

### 하위 부서 (Child)
| 필드 | 값 |
|------|-----|
| 부서명 | 디자인팀_1769000101376 |
| 상위 부서 | 신규본부_1768999946478 |
| 부서 유형 | 하위 부서 (팀) |

---

## 📊 등록 전후 비교

| 항목 | 등록 전 | 상위 부서 등록 후 | 하위 부서 등록 후 |
|------|---------|-----------------|-----------------|
| 전체 부서 수 | 20개 | 21개 | 22개 |

---

## 📝 페이지 구조

### 부서 목록 UI 요소
| 요소 | 설명 |
|------|------|
| 전체 부서 카드 | 총 부서 개수 표시 |
| 추가 버튼 | 최상위 부서 추가 모달 열기 |
| 삭제 버튼 | 선택된 부서 삭제 |
| 부서명 컬럼 | 부서명 (트리 구조로 표시) |
| 작업 컬럼 | 하위 부서 추가, 수정, 삭제 아이콘 버튼 |

### 부서 추가 모달
| 요소 | 설명 |
|------|------|
| 상위 부서 (하위 추가 시) | 자동으로 부모 부서명 표시 |
| 부서명 입력 | 필수 입력 (미입력 시 등록 버튼 비활성화) |
| 취소 버튼 | 모달 닫기 |
| 등록 버튼 | 부서 등록 (입력값 있을 때만 활성화) |

---

## 📸 스크린샷

- department_management_page-2026-01-21T12-52-13-938Z.png (초기 상태)
- department_add_modal-2026-01-21T12-52-35-161Z.png (상위 부서 추가 모달)
- department_form_filled-2026-01-21T12-52-47-784Z.png (부서명 입력 완료)
- department_registered-2026-01-21T12-54-11-641Z.png (상위 부서 등록 완료)
- department_child_add_modal-2026-01-21T12-54-49-801Z.png (하위 부서 추가 모달)
- department_child_registered-2026-01-21T12-55-15-329Z.png (하위 부서 등록 완료)
- department_hierarchy_expanded-2026-01-21T12-55-44-019Z.png (계층 구조 확인)

---

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