E2E 테스트 리포트: 카드거래
테스트 ID: card-transactions
실행 시간: 2026-01-20 17:05:00 (KST)
소요 시간: 4분
테스트 결과: ⚠️ PARTIAL PASS
📊 테스트 요약
| 항목 |
결과 |
| 전체 스텝 수 |
15개 |
| 주요 검증 완료 |
10개 |
| 성공 |
8개 |
| 부분 성공 |
2개 |
| 스킵 |
5개 (일괄변경 버그) |
| 성공률 |
66.7% |
📋 스텝별 상세 결과
| 스텝 |
테스트 항목 |
상태 |
비고 |
| 1 |
카드거래 메뉴 진입 |
✅ |
/ko/accounting/card-transactions |
| 2 |
목록 페이지 구조 확인 |
✅ |
통계 카드, 기간 버튼, 테이블 확인 |
| 3 |
기간 설정 (전전월) |
✅ |
2025년 11월 데이터 1건 |
| 4 |
테이블 데이터 확인 |
✅ |
GS칼텍스 지급 3,293,557원 |
| 5 |
계정과목명 드롭다운 확인 |
✅ |
16개 옵션 존재 |
| 6 |
체크박스 선택 |
⚠️ |
체크 상태 확인됨, UI 연동 문제 |
| 7 |
계정과목명 일괄변경 |
❌ |
"항목 선택 필요" 오류 발생 |
| 8 |
일괄변경 결과 확인 |
⏸️ |
스킵 (Step 7 실패) |
| 9 |
행 클릭 → 모달 열기 |
✅ |
카드 내역 상세 모달 표시 |
| 10 |
모달 필드 상태 확인 |
✅ |
적요/사용유형 편집 가능 |
| 11 |
적요 수정 |
✅ |
"E2E 테스트 적요 수정" 입력 |
| 12 |
사용유형 수정 |
✅ |
복리후생비 선택 |
| 13 |
모달 저장 |
✅ |
수정 버튼 클릭 → 성공 |
| 14 |
수정 데이터 반영 확인 |
✅ |
테이블에 복리후생비 표시 |
| 15 |
취소 버튼 동작 |
⏸️ |
스킵 |
🐛 발견된 버그
BUG-CARD-TX-001: 일괄변경 시 "항목 선택 필요" 오류
우선순위: High
발견 위치: 카드거래 목록 페이지
영향 범위: react
📝 버그 설명
체크박스를 선택한 상태에서 계정과목명 드롭다운 변경 후 "저장" 버튼 클릭 시,
체크박스 상태(aria-checked="true", data-state="checked")가 확인됨에도 불구하고
"항목 선택 필요 - 변경할 카드 사용 내역을 먼저 선택해주세요." 오류가 발생함.
🔄 재현 단계
- 카드거래 페이지 진입 (/accounting/card-transactions)
- 전전월 버튼 클릭하여 데이터 조회
- 테이블의 체크박스 선택 (data-state="checked" 확인됨)
- 계정과목명 드롭다운에서 "경비" 선택
- "저장" 버튼 클릭
❌ 예상 결과 vs 실제 결과
| 항목 |
예상 |
실제 |
결과 |
| 체크박스 상태 |
checked |
data-state="checked" |
✅ |
| 저장 동작 |
확인 다이얼로그 |
"항목 선택 필요" 오류 |
❌ |
| 데이터 변경 |
사용유형 변경됨 |
변경 안됨 |
❌ |
🔍 원인 분석
- UI 체크박스 상태와 내부 React 상태가 동기화되지 않는 것으로 추정
- 입금관리, 출금관리, 매출관리 등 다른 메뉴에서도 동일 버그 보고됨 (BUG-DEPOSIT-20260115-001)
💡 수정 제안 (개발자 참고용)
체크박스 선택 상태 관리 로직 확인 필요:
- React state와 UI checkbox data-state 동기화 검토
- useEffect 또는 onChange 핸들러에서 선택 상태 업데이트 확인
변경 승인 정책: ⚠️ 컨펌 필요
📈 CRUD 검증 결과
Read (조회)
| 항목 |
예상 |
실제 |
결과 |
| 페이지 로드 |
카드거래 목록 |
✅ |
✅ |
| 기간 필터 |
데이터 조회 |
1건 조회 |
✅ |
| 테이블 표시 |
거래 내역 |
GS칼텍스 지급 |
✅ |
Update (모달 수정)
| 항목 |
예상 |
실제 |
결과 |
| 모달 열기 |
행 클릭 시 |
✅ |
✅ |
| 적요 수정 |
입력 가능 |
E2E 테스트 적요 수정 |
✅ |
| 사용유형 수정 |
선택 가능 |
복리후생비 선택 |
✅ |
| 저장 |
목록 반영 |
복리후생비 표시 |
✅ |
| 404 에러 |
없음 |
없음 |
✅ |
Batch Update (일괄변경)
| 항목 |
예상 |
실제 |
결과 |
| 체크박스 선택 |
checked |
data-state="checked" |
✅ |
| 계정과목명 선택 |
경비 |
경비 |
✅ |
| 저장 |
확인 다이얼로그 |
"항목 선택 필요" 오류 |
❌ |
📊 UI 요소 검증 결과
| UI 요소 |
검증 수준 |
결과 |
| 페이지 타이틀 |
Level 2 |
✅ "카드 내역 조회" |
| 페이지 설명 |
Level 2 |
✅ "법인카드 사용 내역을 조회합니다" |
| 기간 버튼 |
Level 3 |
✅ 6개 버튼 동작 |
| 통계 카드 |
Level 2 |
✅ 전월/당월 사용액 |
| 계정과목명 드롭다운 |
Level 3 |
✅ 16개 옵션 |
| 체크박스 |
Level 2 |
⚠️ 선택 가능하나 일괄변경 연동 문제 |
| 테이블 |
Level 2 |
✅ 7개 컬럼 |
| 모달 |
Level 4 |
✅ 상세 조회/수정 동작 |
📊 테이블 컬럼 구조
| 컬럼 |
표시 |
| 체크박스 |
✅ (button[role="checkbox"]) |
| 카드 |
✅ |
| 카드명 |
✅ |
| 사용자 |
✅ |
| 사용일시 |
✅ |
| 가맹점명 |
✅ |
| 사용금액 |
✅ |
| 사용유형 |
✅ |
📊 계정과목명 드롭다운 옵션 (목록)
📊 계정과목명 드롭다운 옵션 (모달)
📸 스크린샷
- 카드거래 페이지 (초기):
screenshots/39_card_transactions_initial-*.png
- 전전월 데이터 조회:
screenshots/40_card_transactions_data-*.png
- 일괄변경 시도:
screenshots/41_card_transactions_save-*.png
- 모달 열기:
screenshots/42_card_transactions_modal-*.png
- 모달 입력:
screenshots/44_card_transactions_modal_filled-*.png
- 수정 완료:
screenshots/45_card_transactions_updated-*.png
📝 테스트 결론
✅ 정상 동작 확인된 기능
- 카드거래 페이지 로딩
- 기간 필터 버튼 (6개)
- 통계 카드 표시
- 테이블 구조 및 데이터 표시
- 행 클릭 → 상세 모달 열기
- 모달 내 적요/사용유형 수정
- 모달 저장 → 테이블 반영
- URL 안정성 (404 에러 없음)
❌ 버그 발견된 기능
- 체크박스 선택 후 일괄변경 저장 시 "항목 선택 필요" 오류 (BUG-CARD-TX-001)
📌 참고사항
- 목록의 계정과목명 드롭다운과 모달의 사용유형 드롭다운 옵션이 다름
- 일괄변경 버그는 다른 회계 메뉴에서도 동일하게 발생 가능성 있음
- 개별 수정(모달)은 정상 동작
테스트 실행자: Claude Code (QA Reporter)
리포트 생성 시간: 2026-01-20 17:05:00 (KST)