{ "id": "settings-account", "name": "계정정보 테스트", "screenshotPolicy": { "onErrorOnly": true, "captureOn": [ "error", "fail", "timeout", "404", "500", "blocked" ] }, "description": "설정 > 계정정보 메뉴의 계정 정보 조회 및 UI 검증 테스트", "baseUrl": "https://dev.codebridge-x.com", "menuNavigation": { "level1": "설정", "level2": "계정정보", "expectedUrl": "/settings/account-info", "searchWithinParent": true, "closeOtherMenus": true }, "auth": { "username": "TestUser5", "password": "password123!" }, "steps": [ { "id": 1, "name": "메뉴 진입: 설정 > 계정정보", "action": "menu_navigate", "level1": "설정", "level2": "계정정보", "expected": { "url_contains": "/settings/account", "visible": [ "계정정보", "프로필" ] } }, { "id": 2, "name": "URL 검증", "action": "verify_url", "expected": { "url_contains": "/settings/account-info" } }, { "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_elements", "checks": [ "사용자명 표시", "이메일 표시", "연락처 표시", "프로필 이미지 영역" ], "expected": "계정 정보 폼 정상 표시" }, { "id": 6, "phase": "READ", "name": "[READ] 현재 계정 정보 확인", "action": "verify_detail", "checks": [ "사용자명 표시됨", "이메일 표시됨", "연락처 표시됨" ], "expected": "현재 계정 정보 정상 표시" }, { "id": 7, "phase": "UPDATE", "name": "[UPDATE] 프로필 수정 모드 진입", "action": "click_if_exists", "target": "button:has-text('수정'), button:has-text('편집')", "expected": { "edit_mode": true, "fields_editable": true } }, { "id": 8, "phase": "UPDATE", "name": "[UPDATE] 표시 이름 필드 확인", "action": "click_if_exists", "target": "input[name*='displayName'], input[name*='name'], input[placeholder*='이름']" }, { "id": 9, "phase": "UPDATE", "name": "[UPDATE] 연락처 필드 확인", "action": "click_if_exists", "target": "input[name*='phone'], input[type='tel']" }, { "id": 10, "phase": "UPDATE", "name": "[UPDATE] 필수 검증 #2: 프로필 저장", "action": "click_if_exists", "target": "button:has-text('저장'), button:has-text('확인')", "verify": { "url_maintained": true, "no_error_page": true, "toast": "저장|수정|완료|성공" }, "expected": "프로필 저장 완료" }, { "id": 11, "phase": "UPDATE", "name": "[UPDATE] 저장 결과 확인", "action": "verify_detail", "checks": [ "프로필 정보 표시됨" ], "expected": "프로필 정보 표시" }, { "id": 12, "name": "비밀번호 변경 버튼 확인", "action": "verify_elements", "checks": [ "비밀번호 변경 버튼 존재" ], "expected": "비밀번호 변경 버튼 표시" }, { "id": 13, "name": "비밀번호 변경 모달 열기", "action": "click_if_exists", "target": "button:has-text('비밀번호 변경'), button:has-text('비밀번호')" }, { "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": "close_modal_if_open", "expected": "모달 닫힘" } ], "expectedAPIs": [ { "method": "GET", "endpoint": "/api/v1/users/profile", "description": "프로필 정보 조회" } ], "requiredVerifications": [ { "id": 5, "name": "목업 페이지 감지", "steps": [ 2 ], "criteria": "계정 정보 폼, 수정 버튼 존재" } ], "rollbackPlan": { "onUpdateFail": "페이지 새로고침으로 원래 값 복원", "note": "READ-only 패턴으로 안정성 우선" } }