drawNET_test/docs/studio/test_scenario.md

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: 변환 중 브라우저 멈춤, 데이터 누락, 또는 설계영역에서 아이콘이 깨짐.