{
  "id": "settings-subscription",
  "name": "구독관리 테스트",
  "screenshotPolicy": {
    "onErrorOnly": true,
    "captureOn": [
      "error",
      "fail",
      "timeout",
      "404",
      "500",
      "blocked"
    ]
  },
  "description": "설정 > 구독관리 메뉴의 구독 정보 조회/플랜 비교 기능 테스트",
  "baseUrl": "https://dev.codebridge-x.com",
  "menuNavigation": {
    "level1": "설정",
    "level2": "구독관리",
    "expectedUrl": "/subscription",
    "searchWithinParent": true,
    "closeOtherMenus": true
  },
  "auth": {
    "username": "TestUser5",
    "password": "password123!"
  },
  "selectors": {
    "planCard": ".card, [class*='plan'], [class*='Plan'], [class*='subscription']",
    "priceText": "[class*='price'], [class*='Price'], [class*='amount'], [class*='cost']",
    "dateInfo": "[class*='date'], [class*='period'], time",
    "paymentInfo": "[class*='payment'], [class*='billing'], [class*='card']",
    "planTable": "table, [class*='plan-compare'], [class*='pricing-table']",
    "actionButton": "button, [role='button']",
    "usageCard": "[class*='usage'], [class*='quota'], [class*='limit']",
    "historyTable": "table tbody tr, [class*='history'] li, [class*='payment-list']"
  },
  "steps": [
    {
      "id": 1,
      "name": "메뉴 진입: 설정 > 구독관리",
      "action": "menu_navigate",
      "level1": "설정",
      "level2": "구독관리",
      "expected": {
        "url_contains": "/subscription",
        "visible": [
          "구독관리",
          "구독"
        ]
      }
    },
    {
      "id": 2,
      "name": "URL 검증",
      "action": "verify_url",
      "expected": {
        "url_contains": "/subscription"
      }
    },
    {
      "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_element",
      "target": "planCard",
      "verification": {
        "exists": true
      }
    },
    {
      "id": 6,
      "name": "플랜/가격 정보 텍스트 확인",
      "action": "evaluate",
      "script": "(() => { const text = document.body.innerText; return text.includes('플랜') || text.includes('요금') || text.includes('Plan') || text.includes('구독'); })()"
    },
    {
      "id": 7,
      "name": "구독 기간/날짜 정보 확인",
      "action": "evaluate",
      "script": "(() => { const text = document.body.innerText; return text.includes('기간') || text.includes('시작') || text.includes('종료') || /\\d{4}[-./]\\d{2}[-./]\\d{2}/.test(text); })()"
    },
    {
      "id": 8,
      "name": "결제 관련 정보 표시 확인",
      "action": "evaluate",
      "script": "(() => { const text = document.body.innerText; return text.includes('결제') || text.includes('카드') || text.includes('금액') || text.includes('원'); })()"
    },
    {
      "id": 9,
      "name": "플랜 비교/변경 UI 확인",
      "action": "verify_element",
      "target": "table, [class*='plan'], [class*='compare'], button:has-text('플랜'), button:has-text('변경'), button:has-text('업그레이드')"
    },
    {
      "id": 10,
      "name": "사용량 현황 영역 확인",
      "action": "evaluate",
      "script": "(() => { const text = document.body.innerText; return text.includes('사용') || text.includes('용량') || text.includes('사용자') || text.includes('%'); })()"
    },
    {
      "id": 11,
      "name": "결제 내역 영역 확인",
      "action": "verify_element",
      "target": "table tbody tr, [class*='history'], [class*='payment-list'], [class*='billing-history']"
    },
    {
      "id": 12,
      "name": "다운로드/영수증 버튼 확인",
      "action": "verify_element",
      "target": "button:has-text('다운로드'), button:has-text('영수증'), button:has-text('Download'), a:has-text('영수증'), [class*='download']"
    },
    {
      "id": 13,
      "name": "결제 수단 관련 UI 확인",
      "action": "evaluate",
      "script": "(() => { const text = document.body.innerText; return text.includes('결제 수단') || text.includes('카드') || text.includes('계좌') || document.querySelector('[class*=\"payment-method\"], [class*=\"card-info\"]'); })()"
    },
    {
      "id": 14,
      "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": 15,
      "name": "콘솔 에러 확인",
      "action": "verify_element",
      "target": "body"
    },
    {
      "id": 16,
      "name": "구독 관리 버튼 확인 (취소/해지 포함)",
      "action": "verify_element",
      "target": "button:has-text('취소'), button:has-text('해지'), button:has-text('관리'), button:has-text('변경'), [class*='cancel'], [class*='manage']"
    }
  ],
  "expectedAPIs": [
    {
      "method": "GET",
      "endpoint": "/api/v1/subscription",
      "description": "구독 정보 조회"
    }
  ],
  "requiredVerifications": [
    {
      "id": 5,
      "name": "목업 페이지 감지",
      "steps": [
        2
      ],
      "criteria": "구독 정보, 플랜 정보, 결제 정보 존재"
    }
  ],
  "rollbackPlan": {
    "note": "조회 전용 페이지로 데이터 변경 없음 (결제/플랜 변경은 별도 테스트)"
  }
}