test: 신규 시나리오 3개 ALL PASS (settings-card, system-dashboard, material-dispatch)

2026-03-02 22:06:44 +09:00
parent 9d471a17e3
commit fa38f7031f
3 changed files with 462 additions and 44 deletions
--- a/settings-card.json
+++ b/settings-card.json
@@ -1,33 +1,182 @@
 {
  "id": "settings-card",
-  "name": "카드관리 테스트",
+  "name": "카드관리 목록/검색/상세/등록폼/페이지네이션 테스트",
+  "version": "2.0.0",
  "screenshotPolicy": {
    "onErrorOnly": true,
    "captureOn": ["error", "fail", "timeout", "404", "500", "blocked"]
  },
-  "description": "설정 > 카드관리 메뉴의 카드 조회/등록/검색 기능 테스트",
+  "description": "설정 > 카드관리 메뉴의 카드 목록 조회, 검색, 필터, 등록폼, 상세 조회, 페이지네이션 기능 검증",
  "baseUrl": "https://dev.codebridge-x.com",
  "menuNavigation": {
    "level1": "설정",
    "level2": "카드관리",
-    "expectedUrl": "/settings/card",
+    "expectedUrl": "/hr/card-management",
    "searchWithinParent": true,
    "closeOtherMenus": true
  },
  "auth": { "username": "TestUser5", "password": "password123!" },
  "steps": [
-    { "id": 1, "name": "메뉴 진입: 설정 > 카드관리", "action": "menu_navigate", "level1": "설정", "level2": "카드관리", "expected": { "url_contains": "/settings", "visible": ["카드"] } },
-    { "id": 2, "name": "페이지 로드 대기", "action": "wait", "timeout": 3000 },
-    { "id": 3, "name": "필수 검증: 목업 페이지 감지", "action": "verify_not_mockup", "checks": ["카드 목록 또는 설정 폼 표시", "버튼 동작 가능"], "expected": "정상 페이지 (목업 아님)" },
-    { "id": 4, "name": "콘텐츠 로드 대기", "action": "wait", "timeout": 2000 },
-    { "id": 5, "name": "페이지 구조 확인", "action": "evaluate", "script": "(() => { const tables = document.querySelectorAll('table'); const lists = document.querySelectorAll('[class*=\"list\"], [class*=\"grid\"], [class*=\"card\"]'); return 'Tables: ' + tables.length + ', Lists/Cards: ' + lists.length; })()" },
-    { "id": 6, "phase": "SEARCH", "name": "[SEARCH] 검색 필드 확인", "action": "click_if_exists", "target": "input[type='search'], input[placeholder*='검색'], input[type='text']", "expected": "검색 필드 존재 확인" },
-    { "id": 7, "name": "등록/추가 버튼 확인", "action": "evaluate", "script": "(() => { const btn = Array.from(document.querySelectorAll('button')).find(b => ['등록','신규','추가','카드'].some(t => b.innerText?.includes(t))); return btn ? 'Create button: ' + btn.innerText.trim() : 'No create button (ok)'; })()" },
-    { "id": 8, "name": "카드 목록/설정 확인", "action": "evaluate", "script": "(() => { const rows = document.querySelectorAll('table tbody tr'); const items = document.querySelectorAll('[class*=\"item\"], [class*=\"row\"], [class*=\"card-item\"]'); return 'Table rows: ' + rows.length + ', Items: ' + items.length; })()" },
-    { "id": 9, "name": "상세 행 클릭", "action": "click_if_exists", "target": "table tbody tr:first-child", "expected": { "detail_view": true } },
-    { "id": 10, "name": "상세 정보 확인", "action": "verify_detail", "checks": ["카드 상세 정보 표시 또는 데이터 없음"], "expected": "상세 정보 표시" },
-    { "id": 11, "name": "목록으로 돌아가기", "action": "click_if_exists", "target": "button:has-text('목록'), a:has-text('목록'), [class*='back']", "expected": "목록 페이지로 복귀" },
-    { "id": 12, "name": "콘솔 에러 확인", "action": "verify_element", "target": "body" }
+    {
+      "id": 1,
+      "name": "메뉴 진입: 설정 > 카드관리",
+      "action": "menu_navigate",
+      "level1": "설정",
+      "level2": "카드관리",
+      "expected": { "url_contains": "/card", "visible": ["카드"] }
+    },
+    {
+      "id": 2,
+      "name": "URL 검증",
+      "action": "verify_url",
+      "expected": { "url_contains": "/hr/card-management" }
+    },
+    {
+      "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*=\"stat\"], [class*=\"Stat\"], [class*=\"summary\"]'); const texts = Array.from(cards).map(c => c.innerText?.substring(0, 30)).filter(Boolean); return texts.length > 0 ? 'Stats: ' + texts.length + ' cards found' : 'No stat cards (ok)'; })()"
+    },
+    {
+      "id": 6,
+      "name": "카드 테이블 구조 확인",
+      "action": "verify_table",
+      "checks": ["카드명 또는 카드번호 컬럼", "카드사 또는 유형 컬럼"],
+      "expected": "카드 테이블 컬럼 정상 표시"
+    },
+    {
+      "id": 7,
+      "name": "테이블 데이터 행 수 확인",
+      "action": "evaluate",
+      "script": "(() => { const rows = document.querySelectorAll('table tbody tr'); return 'Table rows: ' + rows.length + (rows.length > 0 ? ' (data exists)' : ' (empty table)'); })()"
+    },
+    {
+      "id": 8,
+      "name": "목록 필터/드롭다운 확인",
+      "action": "evaluate",
+      "script": "(() => { const selects = document.querySelectorAll('select, [role=\"combobox\"], button[class*=\"select\"], button[class*=\"Select\"]'); return selects.length > 0 ? 'Filters found: ' + selects.length : 'No filter dropdowns (ok)'; })()"
+    },
+    {
+      "id": 9,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 검색 기능 테스트",
+      "action": "search",
+      "value": "테스트"
+    },
+    {
+      "id": 10,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 검색 결과 대기",
+      "action": "wait",
+      "duration": 1000
+    },
+    {
+      "id": 11,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 검색 결과 데이터 검증",
+      "action": "evaluate",
+      "script": "(() => { const rows = document.querySelectorAll('table tbody tr, [role=\"row\"]'); return 'Search result: ' + rows.length + ' rows'; })()"
+    },
+    {
+      "id": 12,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 검색 초기화",
+      "action": "evaluate",
+      "script": "(() => { const selectors = ['input[type=\"search\"]', 'input[placeholder*=\"검색\"]', 'input[placeholder*=\"Search\"]', 'input[role=\"searchbox\"]', '[class*=\"search\"] input']; for (const sel of selectors) { const el = document.querySelector(sel); if (el) { const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set; if (nativeSetter) nativeSetter.call(el, ''); else el.value = ''; el.dispatchEvent(new Event('input', { bubbles: true })); el.dispatchEvent(new Event('change', { bubbles: true })); return 'Search cleared'; } } return 'No search input found (ok)'; })()"
+    },
+    {
+      "id": 13,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 초기화 후 대기",
+      "action": "wait",
+      "duration": 1000
+    },
+    {
+      "id": 14,
+      "phase": "SEARCH",
+      "name": "[SEARCH] 초기화 후 목록 복원 확인",
+      "action": "evaluate",
+      "script": "(() => { const rows = document.querySelectorAll('table tbody tr, [role=\"row\"]'); return 'Restored: ' + rows.length + ' rows'; })()"
+    },
+    {
+      "id": 15,
+      "phase": "CREATE",
+      "name": "[CREATE] 등록/추가 버튼 클릭",
+      "action": "click_if_exists",
+      "target": "button:has-text('등록'), button:has-text('추가'), button:has-text('신규'), button:has-text('카드 등록')",
+      "expected": { "modal_or_page": true }
+    },
+    {
+      "id": 16,
+      "phase": "CREATE",
+      "name": "[CREATE] 등록 폼 요소 확인",
+      "action": "evaluate",
+      "script": "(() => { const modal = document.querySelector('[role=\"dialog\"], [aria-modal=\"true\"], [class*=\"modal\"]:not([class*=\"tooltip\"]), [class*=\"Modal\"]'); const scope = modal || document; const inputs = scope.querySelectorAll('input:not([type=\"hidden\"]), textarea, select'); const labels = Array.from(scope.querySelectorAll('label')).map(l => l.innerText?.trim()).filter(Boolean).slice(0, 10); return 'Form inputs: ' + inputs.length + ', Labels: ' + JSON.stringify(labels); })()"
+    },
+    {
+      "id": 17,
+      "phase": "CREATE",
+      "name": "[CREATE] 등록 모달 닫기",
+      "action": "close_modal_if_open",
+      "expected": "모달 닫힘"
+    },
+    {
+      "id": 18,
+      "phase": "READ",
+      "name": "[READ] 첫 번째 행 클릭 (상세 조회)",
+      "action": "click_if_exists",
+      "target": "table tbody tr:first-child"
+    },
+    {
+      "id": 19,
+      "phase": "READ",
+      "name": "[READ] 상세 정보 확인",
+      "action": "verify_detail",
+      "checks": ["카드 상세 정보 표시 또는 데이터 없음"],
+      "expected": "카드 상세 정보 표시"
+    },
+    {
+      "id": 20,
+      "phase": "READ",
+      "name": "[READ] 상세 모달 닫기",
+      "action": "close_modal_if_open",
+      "expected": "모달 닫힘"
+    },
+    {
+      "id": 21,
+      "name": "페이지네이션 확인",
+      "action": "evaluate",
+      "script": "(() => { const paginationSels = ['[class*=\"pagination\"]', '[class*=\"Pagination\"]', 'nav[aria-label*=\"page\"]', 'button[aria-label*=\"page\"]', '[class*=\"pager\"]']; for (const sel of paginationSels) { const el = document.querySelector(sel); if (el) return 'Pagination found'; } const pageButtons = Array.from(document.querySelectorAll('button')).filter(b => /^\\d+$/.test(b.innerText?.trim())); if (pageButtons.length > 0) return 'Page buttons found: ' + pageButtons.length; return 'No pagination (ok - may have single page)'; })()"
+    },
+    {
+      "id": 22,
+      "name": "콘솔 에러 확인",
+      "action": "verify_element",
+      "target": "body"
+    },
+    {
+      "id": 23,
+      "name": "카드관리 페이지 최종 확인",
+      "action": "verify_elements",
+      "checks": ["카드 목록 구조 정상", "등록 버튼 존재"],
+      "expected": "카드관리 페이지 정상"
+    }
  ],
-  "rollbackPlan": { "note": "조회 위주 테스트로 데이터 변경 최소" }
+  "expectedAPIs": [
+    { "method": "GET", "endpoint": "/api/v1/settings/cards", "description": "카드 목록 조회" }
+  ],
+  "rollbackPlan": { "note": "READ-only 패턴으로 안정성 우선" }
 }