mirror of
https://github.com/sotam0316/drawNET.git
synced 2026-04-25 03:58:37 +09:00
34 lines
2.1 KiB
Markdown
34 lines
2.1 KiB
Markdown
# Object Studio 테스트 시나리오 (Verification)
|
|
|
|
본 시나리오는 스튜디오의 핵심 가공 기능(Phase 3)을 검증하기 위한 절차입니다.
|
|
|
|
## 시나리오: 멀티 벤더 패키지 제작 및 설계영역 연동
|
|
|
|
### 1. 이미지 준비 및 수집 (Ingestion)
|
|
* **파일 로드**: 로컬의 PNG 아이콘 파일 3~5개를 준비하여 워크스페이스로 드래그 앤 드롭함.
|
|
* **검증**: 좌측 소스 리스트에 파일명이 나타나고, 중앙 그리드에 실시간 프리뷰가 렌더링되는지 확인.
|
|
|
|
### 2. 단일 에셋 정밀 가공 (Processing)
|
|
* **변환 실행**: 그리드에서 하나의 PNG 파일을 선택하고 우측 패널의 `[Convert to SVG]` 버튼을 누름.
|
|
* **비교 검수**:
|
|
* 화면에 나타나는 [Original PNG]와 [Vectorized SVG]의 품질을 비교.
|
|
* 임계값(Threshold) 바를 조절하여 외곽선이 깔끔하게 추출되는지 확인.
|
|
* `[채택(SVG)]` 버튼을 눌러 결과가 반영되는지 확인.
|
|
* **속성 입력**: 에셋의 표시 이름을 'Core Router'로 변경하고 카테고리를 'Network'로 지정.
|
|
|
|
### 3. 벌크 속성 편집 (Bulk Edit)
|
|
* **다중 선택**: 나머지 3개의 이미지를 `Ctrl+Click`으로 선택.
|
|
* **일괄 적용**: 우측 패널에서 제조사(Vendor)를 'Cisco'로 일괄 입력하고 `[Apply]` 클릭.
|
|
* **검증**: 각 에셋을 개별 클릭했을 때 제조사 정보가 모두 'Cisco'로 동기화되었는지 확인.
|
|
|
|
### 4. 패키징 및 최종 발행 (Packaging)
|
|
* **정보 입력**: 상단 툴바의 패키지 명칭을 'My_Cisco_Pack'으로 입력.
|
|
* **발행**: `[Build Package]` 버튼을 눌러 서버에 에셋과 `package.json`이 저장되는지 확인.
|
|
* **연동 확인**: 설계영역(Draw)으로 돌아갔을 때 좌측 라이브러리에 'My_Cisco_Pack' 섹션이 새로 나타나는지 확인.
|
|
|
|
---
|
|
|
|
## 성공/실패 판정 기준
|
|
* **Success**: 모든 에셋이 `package.json`에 정의된 대로 라이브러리에 그룹화되어 나타남.
|
|
* **Failure**: 변환 중 브라우저 멈춤, 데이터 누락, 또는 설계영역에서 아이콘이 깨짐.
|