{ "id": "system-dashboard", "name": "시스템 대시보드 위젯/통계/현황판/자금현황/지출예상/설정 테스트", "version": "2.0.0", "screenshotPolicy": { "onErrorOnly": true, "captureOn": ["error", "fail", "timeout", "404", "500", "blocked"] }, "description": "시스템 대시보드 페이지의 위젯, 통계 카드, 자금현황, 매출/매입 현황, 수주현황, 채권/채무, 당월 예상 지출, 항목 설정 기능 종합 검증", "baseUrl": "https://dev.codebridge-x.com", "menuNavigation": { "level1": "시스템 대시보드", "level2": null, "expectedUrl": "/dashboard", "searchWithinParent": true, "closeOtherMenus": true }, "auth": { "username": "TestUser5", "password": "password123!" }, "steps": [ { "id": 1, "name": "메뉴 진입: 시스템 대시보드", "action": "menu_navigate", "level1": "시스템 대시보드", "level2": null, "expected": { "url_contains": "/dashboard", "visible": ["대시보드"] } }, { "id": 2, "name": "URL 검증", "action": "verify_url", "expected": { "url_contains": "/dashboard" } }, { "id": 3, "name": "필수 검증: 목업 페이지 감지", "action": "verify_not_mockup", "checks": ["대시보드 위젯 표시", "데이터 카드 또는 통계 표시", "버튼 동작 가능"], "expected": "정상 페이지 (목업 아님)" }, { "id": 4, "name": "페이지 로드 대기", "action": "wait", "timeout": 3000 }, { "id": 5, "name": "대시보드 위젯/카드 개수 확인", "action": "evaluate", "script": "(() => { const cards = document.querySelectorAll('[class*=\"card\"], [class*=\"Card\"], [class*=\"widget\"], [class*=\"Widget\"]'); const sections = document.querySelectorAll('section, [class*=\"section\"], [class*=\"Section\"]'); return 'Dashboard cards/widgets: ' + cards.length + ', Sections: ' + sections.length; })()" }, { "id": 6, "name": "오늘의 이슈/알림 섹션 확인", "action": "evaluate", "script": "(() => { const body = document.body.innerText; const hasIssue = body.includes('이슈') || body.includes('알림') || body.includes('공지'); const hasNotice = body.includes('게시') || body.includes('공지사항'); return 'Issues section: ' + hasIssue + ', Notice section: ' + hasNotice; })()" }, { "id": 7, "name": "자금현황 데이터 확인", "action": "evaluate", "script": "(() => { const body = document.body.innerText; const hasFund = body.includes('자금') || body.includes('잔액') || body.includes('계좌'); const hasAmount = /[0-9,]+원/.test(body) || /[0-9,]+/.test(body); return 'Fund info: ' + hasFund + ', Amount data: ' + hasAmount; })()" }, { "id": 8, "name": "매출/매입 현황 확인", "action": "evaluate", "script": "(() => { const body = document.body.innerText; const hasSales = body.includes('매출') || body.includes('수주'); const hasPurchase = body.includes('매입') || body.includes('발주'); return 'Sales info: ' + hasSales + ', Purchase info: ' + hasPurchase; })()" }, { "id": 9, "name": "수주/채권/채무 현황판 확인", "action": "evaluate", "script": "(() => { const body = document.body.innerText; const hasOrder = body.includes('수주') || body.includes('현황판'); const hasReceivable = body.includes('채권') || body.includes('미수금'); const hasPayable = body.includes('채무') || body.includes('미지급'); return 'Order status: ' + hasOrder + ', Receivable: ' + hasReceivable + ', Payable: ' + hasPayable; })()" }, { "id": 10, "name": "당월 예상 지출 확인", "action": "evaluate", "script": "(() => { const body = document.body.innerText; const hasExpense = body.includes('지출') || body.includes('예상') || body.includes('카드') || body.includes('어음'); return 'Monthly expense info: ' + hasExpense; })()" }, { "id": 11, "name": "차트/그래프 요소 확인", "action": "evaluate", "script": "(() => { const charts = document.querySelectorAll('canvas, svg, [class*=\"chart\"], [class*=\"Chart\"], [class*=\"graph\"], [class*=\"Graph\"], [class*=\"recharts\"]'); return 'Chart/graph elements: ' + charts.length; })()" }, { "id": 12, "name": "테이블 데이터 확인", "action": "evaluate", "script": "(() => { const tables = document.querySelectorAll('table'); const totalRows = Array.from(tables).reduce((sum, t) => sum + t.querySelectorAll('tbody tr').length, 0); return 'Tables: ' + tables.length + ', Total rows: ' + totalRows; })()" }, { "id": 13, "name": "항목 설정 버튼 확인", "action": "evaluate", "script": "(() => { const btns = Array.from(document.querySelectorAll('button')); const settingsBtn = btns.find(b => ['항목 설정', '설정', '위젯 설정', '대시보드 설정'].some(t => b.innerText?.includes(t))); const filterBtn = btns.find(b => ['필터', '기간', '월', '주'].some(t => b.innerText?.includes(t))); return 'Settings button: ' + (settingsBtn ? settingsBtn.innerText.trim() : 'none') + ', Filter button: ' + (filterBtn ? filterBtn.innerText.trim() : 'none'); })()" }, { "id": 14, "name": "기간 필터/날짜 선택 확인", "action": "click_if_exists", "target": "button:has-text('필터'), [class*='date-picker'], [class*='DatePicker'], select, button:has-text('월')", "expected": "필터 또는 날짜 선택 요소 확인" }, { "id": 15, "name": "필터 대기", "action": "wait", "duration": 1000 }, { "id": 16, "name": "모달/팝업 닫기", "action": "close_modal_if_open", "expected": "모달 닫힘" }, { "id": 17, "name": "대시보드 API 호출 확인", "action": "evaluate", "script": "(() => { const logs = (window.__E2E__?window.__E2E__.getApiLogs().logs:[]); const dashAPIs = logs.filter(l => l.url?.includes('dashboard') || l.url?.includes('summary') || l.url?.includes('statistics')); return 'Dashboard API calls: ' + dashAPIs.length + ', Total API calls: ' + logs.length; })()" }, { "id": 18, "name": "페이지 렌더링 상태 확인", "action": "evaluate", "script": "(() => { const domNodes = document.getElementsByTagName('*').length; const images = document.querySelectorAll('img'); const loadedImgs = Array.from(images).filter(i => i.complete).length; return 'DOM nodes: ' + domNodes + ', Images: ' + images.length + ' (loaded: ' + loadedImgs + ')'; })()" }, { "id": 19, "name": "콘솔 에러 확인", "action": "verify_element", "target": "body" }, { "id": 20, "name": "시스템 대시보드 최종 확인", "action": "verify_elements", "checks": ["대시보드 구조 정상", "위젯/카드 표시"], "expected": "시스템 대시보드 페이지 정상" } ], "expectedAPIs": [ { "method": "GET", "endpoint": "/api/v1/dashboard", "description": "대시보드 데이터 조회" }, { "method": "GET", "endpoint": "/api/v1/dashboard/summary", "description": "대시보드 요약 통계" } ], "rollbackPlan": { "note": "조회 위주 테스트로 데이터 변경 없음" } }