PR #156: Compress wizard to 5 steps and simplify template mode to 3 steps
| 항목 | 내용 |
|---|
| PR | #156 |
| 병합일 | 2026-03-07 |
| 영향 범위 | Frontend Wizard UI, E2E 테스트 |
변경 사항
- Scratch 모드: 기존 9단계를 5단계로 압축 (Basic+Resources 병합, Advanced에 4개 CollapsibleSection 통합)
- Template 모드: 3단계로 간소화 (Creation Mode, Name & Namespace, Review)
- K8s E2E 테스트 4개 추가 (templates CRUD, scratch creation, template creation, cluster operations)
waitForClusterPhase가 operator의 실제 안정 phase인 "Completed"를 기대하도록 수정
기술적 세부사항
Scratch 모드 (5 steps)
| Step | 내용 |
|---|
| 1 | Creation Mode |
| 2 | Basic & Resources |
| 3 | Namespace & Storage |
| 4 | Advanced (Monitoring, ACL, Rolling Update, Rack Config) |
| 5 | Review |
Template 모드 (3 steps)
| Step | 내용 |
|---|
| 1 | Creation Mode (template 선택) |
| 2 | Name & Namespace |
| 3 | Review |
주요 신규 컴포넌트로 WizardAdvancedStep.tsx(4개 옵션을 CollapsibleSection으로 묶은 컴포넌트)와 WizardTemplateNameStep.tsx(이름+네임스페이스만 입력하는 간소화 컴포넌트)가 추가되었다. E2E 테스트는 Playwright 기반으로 Page Object Model 패턴을 적용하며, Kind 클러스터 setup/teardown 스크립트를 포함한다.
- 클러스터 생성 UX가 크게 개선되어 사용자가 더 빠르게 클러스터를 생성할 수 있음
- Template 모드는 최소 입력만 요구하여 초보 사용자의 진입 장벽을 낮춤
- 41개 wizard step 단위 테스트 및 4개 E2E 테스트로 회귀 방지 기반 확보
- vitest 단위 테스트 및 TypeScript type-check 통과 확인