{
  "enabled": true,
  "id": "sales-pricing",
  "name": "단가관리 테스트",
  "screenshotPolicy": {
    "onErrorOnly": true,
    "captureOn": [
      "error",
      "fail",
      "timeout",
      "404",
      "500",
      "blocked"
    ]
  },
  "description": "판매관리 > 단가관리 메뉴의 단가 목록 조회 및 UI 검증 테스트",
  "baseUrl": "https://dev.codebridge-x.com",
  "menuNavigation": {
    "level1": "판매관리",
    "level2": "단가관리",
    "expectedUrl": "/sales/pricing-management",
    "searchWithinParent": true,
    "closeOtherMenus": true
  },
  "auth": {
    "username": "TestUser5",
    "password": "password123!"
  },
  "steps": [
    {
      "id": 1,
      "name": "메뉴 진입: 판매관리 > 단가관리",
      "action": "menu_navigate",
      "level1": "판매관리",
      "level2": "단가관리",
      "expected": {
        "url_contains": "/sales/pricing",
        "visible": [
          "단가관리",
          "단가"
        ]
      }
    },
    {
      "id": 2,
      "name": "URL 검증",
      "action": "verify_url",
      "expected": {
        "url_contains": "/sales/pricing-management"
      }
    },
    {
      "id": 3,
      "name": "필수 검증 #5: 목업 페이지 감지",
      "action": "verify_not_mockup",
      "checks": [
        "단가 목록 표시",
        "단가 등록 버튼 존재",
        "검색 기능 존재"
      ],
      "expected": "정상 페이지 (목업 아님)"
    },
    {
      "id": 4,
      "name": "통계 카드 확인",
      "action": "evaluate",
      "script": "(() => {\n      const cards = document.querySelectorAll('[class*=\"card\"], [class*=\"Card\"], [class*=\"stat\"], [class*=\"Stat\"], [class*=\"summary\"]');\n      const texts = Array.from(cards).map(c => c.innerText?.substring(0, 30)).filter(Boolean);\n      return texts.length > 0 ? 'Stats: ' + texts.length + ' cards found' : 'No stat cards (ok)';\n    })()"
    },
    {
      "id": 5,
      "name": "단가 테이블 구조 확인",
      "action": "verify_table",
      "checks": [
        "품목 컬럼",
        "거래처 컬럼",
        "단가 컬럼",
        "적용일 컬럼"
      ],
      "expected": "단가 테이블 표시"
    },
    {
      "id": 6,
      "name": "목록 필터 테스트",
      "action": "evaluate",
      "script": "(() => {\n      const selects = document.querySelectorAll('select, [role=\"combobox\"], button[class*=\"select\"], button[class*=\"Select\"]');\n      if (selects.length > 0) {\n        return 'Filters found: ' + selects.length;\n      }\n      return 'No filter dropdowns (ok)';\n    })()"
    },
    {
      "id": 7,
      "name": "⚠️ 필수 검증: 검색 기능",
      "action": "search",
      "value": "가우스"
    },
    {
      "id": 8,
      "name": "검색 결과 대기",
      "action": "wait",
      "duration": 1000
    },
    {
      "id": 9,
      "name": "검색 결과 데이터 검증",
      "action": "evaluate",
      "script": "(() => {\n      const rows = document.querySelectorAll('table tbody tr, [role=\"row\"]');\n      return 'Search result: ' + rows.length + ' rows';\n    })()"
    },
    {
      "id": 10,
      "name": "검색 초기화",
      "action": "evaluate",
      "script": "(() => {\n      const selectors = ['input[type=\"search\"]', 'input[placeholder*=\"검색\"]', 'input[placeholder*=\"Search\"]', 'input[role=\"searchbox\"]', '[class*=\"search\"] input'];\n      for (const sel of selectors) {\n        const el = document.querySelector(sel);\n        if (el) {\n          const nativeSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;\n          if (nativeSetter) nativeSetter.call(el, '');\n          else el.value = '';\n          el.dispatchEvent(new Event('input', { bubbles: true }));\n          el.dispatchEvent(new Event('change', { bubbles: true }));\n          return 'Search cleared';\n        }\n      }\n      return 'No search input found (ok)';\n    })()"
    },
    {
      "id": 11,
      "name": "검색 초기화 결과 대기",
      "action": "wait",
      "duration": 1000
    },
    {
      "id": 12,
      "name": "검색 초기화 및 복원 확인",
      "action": "evaluate",
      "script": "(() => {\n      const rows = document.querySelectorAll('table tbody tr, [role=\"row\"]');\n      return 'Restored: ' + rows.length + ' rows';\n    })()"
    },
    {
      "id": 13,
      "name": "단가 UI 요소 확인",
      "action": "verify_elements",
      "checks": [
        "등록 버튼 존재",
        "검색 입력 필드",
        "단가 목록"
      ],
      "expected": "단가 UI 정상 표시"
    },
    {
      "id": 14,
      "phase": "READ",
      "name": "[READ] 단가 목록 확인",
      "action": "verify_detail",
      "checks": [
        "단가 목록 데이터 표시됨"
      ],
      "expected": "단가 목록 정상"
    },
    {
      "id": 15,
      "phase": "READ",
      "name": "[READ] 첫 번째 단가 클릭",
      "action": "click_if_exists",
      "target": "table tbody tr:first-child"
    },
    {
      "id": 16,
      "phase": "READ",
      "name": "[READ] 단가 상세 정보 확인",
      "action": "verify_detail",
      "checks": [
        "단가 상세 정보 표시"
      ],
      "expected": "단가 상세 정보 확인"
    },
    {
      "id": 17,
      "name": "상세 모달/페이지 닫기",
      "action": "click_if_exists",
      "target": "button:has-text('닫기'), button:has-text('목록'), button:has-text('Close')"
    },
    {
      "id": 18,
      "name": "테이블 행 클릭 - 상세 페이지 이동",
      "action": "click_first_row"
    },
    {
      "id": 19,
      "name": "상세 페이지 로딩 대기",
      "action": "wait",
      "duration": 1000
    },
    {
      "id": 20,
      "name": "상세 페이지 - 콘텐츠 확인",
      "action": "evaluate",
      "script": "(() => {\n      const inputs = document.querySelectorAll('input:not([type=\"hidden\"]), textarea, select');\n      const buttons = document.querySelectorAll('button');\n      const hasDetail = inputs.length > 0 || document.body.innerText.includes('상세') || document.body.innerText.includes('수정');\n      return hasDetail ? 'Detail page: ' + inputs.length + ' inputs, ' + buttons.length + ' buttons' : 'List page (no detail view)';\n    })()"
    },
    {
      "id": 21,
      "name": "모달/상세 닫기",
      "action": "close_modal_if_open"
    },
    {
      "id": 22,
      "name": "모달 닫기 확인",
      "action": "close_modal_if_open",
      "expected": "모달 닫힘"
    },
    {
      "id": 23,
      "name": "목록 복귀 확인",
      "action": "verify_table",
      "checks": [
        "단가 목록 표시"
      ],
      "expected": "목록 복귀 확인"
    },
    {
      "id": 24,
      "name": "엑셀 다운로드 버튼 확인",
      "action": "verify_elements",
      "checks": [
        "엑셀 다운로드 버튼 존재 여부"
      ],
      "expected": "엑셀 다운로드 기능 확인"
    },
    {
      "id": 25,
      "name": "페이지네이션 확인",
      "action": "evaluate",
      "script": "(() => {\n      const paginationSels = ['[class*=\"pagination\"]', '[class*=\"Pagination\"]', 'nav[aria-label*=\"page\"]', 'button[aria-label*=\"page\"]', '[class*=\"pager\"]'];\n      for (const sel of paginationSels) {\n        const el = document.querySelector(sel);\n        if (el) return 'Pagination found';\n      }\n      const pageButtons = Array.from(document.querySelectorAll('button')).filter(b => /^\\d+$/.test(b.innerText?.trim()));\n      if (pageButtons.length > 0) return 'Page buttons found: ' + pageButtons.length;\n      return 'No pagination (ok - may have single page)';\n    })()"
    },
    {
      "id": 26,
      "name": "콘솔 에러 확인",
      "action": "verify_element",
      "target": "body"
    },
    {
      "id": 27,
      "name": "단가관리 페이지 최종 확인",
      "action": "verify_elements",
      "checks": [
        "단가 목록 구조 정상",
        "등록 버튼 존재"
      ],
      "expected": "단가관리 페이지 정상"
    }
  ],
  "expectedAPIs": [
    {
      "method": "GET",
      "endpoint": "/api/v1/sales/pricing",
      "description": "단가 목록 조회"
    }
  ],
  "requiredVerifications": [
    {
      "id": 5,
      "name": "목업 페이지 감지",
      "steps": [
        2
      ],
      "criteria": "단가 목록, 등록 버튼, 검색 기능 존재"
    }
  ],
  "rollbackPlan": {
    "note": "READ-only 패턴으로 안정성 우선"
  }
}