342 lines
9.9 KiB
JSON
342 lines
9.9 KiB
JSON
{
|
|
"id": "bank-account-management",
|
|
"name": "계좌관리 테스트",
|
|
"screenshotPolicy": {
|
|
"onErrorOnly": true,
|
|
"captureOn": ["error", "fail", "timeout", "404", "500", "blocked"]
|
|
},
|
|
"description": "설정 > 계좌관리 페이지의 계좌 등록/조회/수정/삭제 기능을 테스트하는 E2E 테스트",
|
|
"baseUrl": "https://dev.codebridge-x.com",
|
|
"url": "/settings/bank-account",
|
|
"menuNavigation": {
|
|
"level1": "설정",
|
|
"level2": "계좌관리",
|
|
"expectedUrl": "/settings/bank-account"
|
|
},
|
|
"menuNavigationEnhanced": {
|
|
"strategy": "scroll-and-search",
|
|
"sidebar": {
|
|
"scrollContainer": ".sidebar-scroll",
|
|
"scrollStep": 200,
|
|
"maxScrollAttempts": 5,
|
|
"waitAfterScroll": 300
|
|
},
|
|
"level1": {
|
|
"text": "설정",
|
|
"expandable": true,
|
|
"waitAfterClick": 500
|
|
},
|
|
"level2": {
|
|
"text": "계좌관리",
|
|
"waitAfterClick": 300
|
|
},
|
|
"fallbackUrl": "/settings/bank-account",
|
|
"expectedUrl": "/settings/bank-account"
|
|
},
|
|
"timeout": 90000,
|
|
"tags": ["settings", "bank-account", "crud"],
|
|
|
|
"login": {
|
|
"url": "https://dev.codebridge-x.com/login",
|
|
"credentials": {
|
|
"id": "TestUser5",
|
|
"password": "password123!"
|
|
},
|
|
"successIndicator": "대시보드"
|
|
},
|
|
|
|
"testData": {
|
|
"bankAccount": {
|
|
"bank": "KB국민은행",
|
|
"accountNumber": "123-456-789012",
|
|
"accountName": "E2E 테스트 계좌",
|
|
"accountHolder": "테스트사용자",
|
|
"status": "사용"
|
|
}
|
|
},
|
|
|
|
"steps": [
|
|
{
|
|
"id": "step-0",
|
|
"name": "사이드바 초기화",
|
|
"description": "사이드바를 최상단으로 스크롤하여 메뉴 탐색 준비",
|
|
"actions": [
|
|
{
|
|
"type": "evaluate",
|
|
"script": "document.querySelector('.sidebar-scroll')?.scrollTo({top:0,behavior:'instant'})"
|
|
},
|
|
{ "type": "wait", "duration": 500 }
|
|
]
|
|
},
|
|
{
|
|
"id": "step-1",
|
|
"name": "설정 메뉴 진입",
|
|
"description": "설정 > 계좌관리 메뉴로 이동",
|
|
"actions": [
|
|
{
|
|
"type": "scrollAndFind",
|
|
"container": ".sidebar-scroll",
|
|
"target": "설정",
|
|
"scrollStep": 200,
|
|
"maxAttempts": 5
|
|
},
|
|
{ "type": "click", "target": "설정" },
|
|
{ "type": "wait", "duration": 500 },
|
|
{ "type": "click", "target": "계좌관리" }
|
|
],
|
|
"expect": {
|
|
"url": "/settings/bank-account",
|
|
"visible": ["계좌관리", "계좌 등록"]
|
|
},
|
|
"fallback": {
|
|
"type": "navigate",
|
|
"url": "/settings/bank-account"
|
|
}
|
|
},
|
|
{
|
|
"id": "step-2",
|
|
"name": "페이지 구조 확인",
|
|
"description": "테이블 구조 확인",
|
|
"verify": {
|
|
"visible": ["계좌관리"],
|
|
"tableColumns": ["번호", "은행", "계좌번호", "계좌명", "예금주", "상태"]
|
|
}
|
|
},
|
|
{
|
|
"id": "step-3",
|
|
"name": "필수 검증 #2: 계좌 등록 모달 열기",
|
|
"description": "계좌 등록 버튼 클릭하여 모달 열기",
|
|
"actions": [
|
|
{ "type": "openModal", "target": "계좌 등록", "description": "계좌 등록 모달 열기" }
|
|
],
|
|
"modalConfig": {
|
|
"containerSelector": "[role='dialog'], .modal",
|
|
"animationDelay": 300,
|
|
"waitForSelector": "[role='dialog']"
|
|
},
|
|
"expect": {
|
|
"modal": "계좌 등록",
|
|
"visible": ["은행", "계좌번호", "계좌명", "예금주"]
|
|
}
|
|
},
|
|
{
|
|
"id": "step-4",
|
|
"name": "계좌 등록 폼 입력",
|
|
"description": "모달 내 계좌 정보 입력",
|
|
"actions": [
|
|
{
|
|
"type": "selectInModal",
|
|
"target": "은행",
|
|
"value": "{testData.bankAccount.bank}",
|
|
"description": "모달 내 은행 콤보박스 선택",
|
|
"options": { "waitAfter": 300 }
|
|
},
|
|
{
|
|
"type": "fillInModal",
|
|
"target": "계좌번호",
|
|
"value": "{testData.bankAccount.accountNumber}",
|
|
"description": "모달 내 계좌번호 입력",
|
|
"options": { "waitAfter": 100 }
|
|
},
|
|
{
|
|
"type": "fillInModal",
|
|
"target": "계좌명",
|
|
"value": "{testData.bankAccount.accountName}",
|
|
"description": "모달 내 계좌명 입력",
|
|
"options": { "waitAfter": 100 }
|
|
},
|
|
{
|
|
"type": "fillInModal",
|
|
"target": "예금주",
|
|
"value": "{testData.bankAccount.accountHolder}",
|
|
"description": "모달 내 예금주 입력",
|
|
"options": { "waitAfter": 100 }
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "step-5",
|
|
"name": "필수 검증 #2: 계좌 등록 저장",
|
|
"description": "모달 내 등록 버튼 클릭하여 계좌 저장",
|
|
"actions": [
|
|
{
|
|
"type": "clickInModal",
|
|
"target": "등록",
|
|
"description": "모달 내 등록 버튼 클릭",
|
|
"options": { "waitAfter": 500 }
|
|
}
|
|
],
|
|
"expect": {
|
|
"urlMaintained": true,
|
|
"noErrorPage": true,
|
|
"toast": ["등록", "완료", "성공"],
|
|
"modalClosed": true
|
|
},
|
|
"verify": {
|
|
"apiCall": "POST /api/settings/bank-account"
|
|
}
|
|
},
|
|
{
|
|
"id": "step-6",
|
|
"name": "필수 검증 #4: 등록 데이터 반영 확인",
|
|
"critical": true,
|
|
"note": "토스트 성공 메시지만으로 PASS 판정 불가. 실제 데이터 등록 확인 필수!",
|
|
"description": "테이블에서 등록된 계좌 확인",
|
|
"verify": {
|
|
"tableContains": ["{testData.bankAccount.accountName}"],
|
|
"recordCountIncreased": true
|
|
}
|
|
},
|
|
{
|
|
"id": "step-7",
|
|
"name": "계좌 상세 열기",
|
|
"description": "등록된 계좌 항목 클릭하여 상세 보기",
|
|
"actions": [
|
|
{
|
|
"type": "findRow",
|
|
"contains": "{testData.bankAccount.accountName}",
|
|
"then": {
|
|
"type": "click",
|
|
"target": "row"
|
|
}
|
|
}
|
|
],
|
|
"expect": {
|
|
"modal": "계좌 상세",
|
|
"visible": ["수정", "삭제"]
|
|
}
|
|
},
|
|
{
|
|
"id": "step-8",
|
|
"name": "계좌 정보 수정",
|
|
"description": "계좌 정보 수정 테스트",
|
|
"actions": [
|
|
{ "type": "click", "target": "수정" },
|
|
{ "type": "wait", "duration": 300 },
|
|
{ "type": "clear", "target": "계좌명" },
|
|
{ "type": "fill", "target": "계좌명", "value": "E2E 테스트 계좌 수정" },
|
|
{ "type": "click", "target": "저장" }
|
|
],
|
|
"expect": {
|
|
"toast": ["수정", "완료", "성공"],
|
|
"modalClosed": true
|
|
}
|
|
},
|
|
{
|
|
"id": "step-9",
|
|
"name": "필수 검증 #4: 수정 데이터 반영 확인",
|
|
"critical": true,
|
|
"note": "토스트 성공 메시지만으로 PASS 판정 불가. 실제 데이터 변경 확인 필수!",
|
|
"description": "테이블에서 수정된 계좌 확인",
|
|
"verify": {
|
|
"tableContains": "E2E 테스트 계좌 수정"
|
|
}
|
|
},
|
|
{
|
|
"id": "step-10",
|
|
"name": "계좌 삭제 준비",
|
|
"description": "삭제할 계좌 선택",
|
|
"actions": [
|
|
{
|
|
"type": "findRow",
|
|
"contains": "E2E 테스트 계좌 수정",
|
|
"then": {
|
|
"type": "click",
|
|
"target": "row"
|
|
}
|
|
}
|
|
],
|
|
"expect": {
|
|
"modal": "계좌 상세",
|
|
"visible": ["삭제"]
|
|
}
|
|
},
|
|
{
|
|
"id": "step-11",
|
|
"name": "계좌 삭제",
|
|
"description": "삭제 버튼 클릭하여 계좌 삭제",
|
|
"actions": [
|
|
{ "type": "click", "target": "삭제" }
|
|
],
|
|
"expect": {
|
|
"confirmDialog": true,
|
|
"dialogText": ["삭제", "하시겠습니까"]
|
|
}
|
|
},
|
|
{
|
|
"id": "step-12",
|
|
"name": "삭제 확인",
|
|
"description": "삭제 확인 다이얼로그에서 확인 클릭",
|
|
"actions": [
|
|
{ "type": "click", "target": "확인" }
|
|
],
|
|
"expect": {
|
|
"toast": ["삭제", "완료", "성공"],
|
|
"modalClosed": true
|
|
}
|
|
},
|
|
{
|
|
"id": "step-13",
|
|
"name": "필수 검증 #4: 삭제 데이터 반영 확인",
|
|
"critical": true,
|
|
"note": "토스트 성공 메시지만으로 PASS 판정 불가. 실제 데이터 삭제 확인 필수!",
|
|
"description": "테이블에서 삭제된 계좌가 없는지 확인",
|
|
"verify": {
|
|
"tableNotContains": "E2E 테스트 계좌",
|
|
"recordCountDecreased": true
|
|
}
|
|
}
|
|
],
|
|
|
|
"assertions": [
|
|
{
|
|
"type": "url",
|
|
"expected": "/settings/bank-account",
|
|
"message": "계좌관리 페이지에 머물러야 함"
|
|
},
|
|
{
|
|
"type": "elementExists",
|
|
"selector": "button:has-text('계좌 등록')",
|
|
"message": "계좌 등록 버튼이 표시되어야 함"
|
|
}
|
|
],
|
|
|
|
"mandatoryVerifications": {
|
|
"description": "E2E_TEST_CONFIG.md 기준 필수 검증 항목",
|
|
"items": [
|
|
{
|
|
"id": 2,
|
|
"name": "등록/저장 버튼",
|
|
"trigger": "계좌 등록 버튼",
|
|
"verification": "URL 유지 + 에러 페이지 없음 + 성공 토스트 + 데이터 반영",
|
|
"failCondition": "404/500 에러 페이지 이동"
|
|
},
|
|
{
|
|
"id": 4,
|
|
"name": "모달 등록 완료",
|
|
"trigger": "계좌 등록 모달",
|
|
"verification": "실제 저장 동작 + 결과 확인",
|
|
"failCondition": "열기/닫기만 테스트"
|
|
}
|
|
]
|
|
},
|
|
|
|
"cleanup": {
|
|
"enabled": true,
|
|
"description": "테스트 중 생성된 계좌 데이터 삭제",
|
|
"actions": [
|
|
{
|
|
"type": "deleteTestData",
|
|
"condition": "contains:E2E 테스트"
|
|
}
|
|
]
|
|
},
|
|
|
|
"notes": {
|
|
"testScope": "계좌 등록 → 조회 → 수정 → 삭제 전체 CRUD 테스트",
|
|
"tableColumns": ["번호", "은행", "계좌번호", "계좌명", "예금주", "상태"],
|
|
"modalFields": ["은행", "계좌번호", "계좌명", "예금주", "상태"],
|
|
"prerequisites": "로그인된 사용자에게 계좌 관리 권한 필요"
|
|
}
|
|
}
|