sam-scenarios/bank-account-management.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/accounts",
  "navigation": {
    "targetUrl": "/settings/accounts",
    "urlPattern": "/settings/accounts|/ko/settings/accounts",
    "menuHints": ["계좌관리", "계좌 관리", "설정"]
  },
  "menuNavigation": {
    "level1": "설정",
    "level2": "계좌관리",
    "expectedUrl": "/settings/accounts"
  },
  "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/accounts",
    "expectedUrl": "/settings/accounts"
  },
  "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": 300 },
        {
          "type": "evaluate",
          "script": "Array.from(document.querySelectorAll('button')).find(b => b.innerText?.includes('모두 펼치기'))?.click()"
        },
        { "type": "wait", "duration": 2000 }
      ]
    },
    {
      "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/accounts",
        "visible": ["계좌관리", "계좌 등록"]
      },
      "fallback": {
        "type": "navigate",
        "url": "/settings/accounts"
      }
    },
    {
      "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/accounts"
      }
    },
    {
      "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/accounts",
      "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": "로그인된 사용자에게 계좌 관리 권한 필요"
  }
}