king
e7db2a90fc
웨일에서 카드를 눌러 움직여도 드래그 미리보기조차 생기지 않았다 = HTML5 네이티브 DnD 가 시작 자체를 못 한 것. 브라우저 구현에 기대는 draggable/dragstart 를 걷어내고 마우스 이벤트로 직접 구현했다. - mousedown 후 4px 이상 이동하면 드래그 시작, 카드 복제본(고스트)이 커서를 따라온다. 커서 아래 센터 패널은 elementFromPoint 로 찾아 강조. - mouseup 위치의 센터에 놓으면 수량 대화상자가 열린다. ③ 카드 여백에 놓아도 센터가 하나면 그 센터로, ③ 밖이면 안내만 띄우고 담지 않는다. - Esc 로 드래그 취소. 카드 위에서 손을 뗀 경우에만 뒤따르는 click 을 1회 무시해, 드래그 후에도 클릭 경로가 막히지 않는다. tests/js: 드래그 시작 임계값·고스트 생성/제거·대상 강조·여백 드롭· ③ 밖 드롭·클릭 대체 경로까지 마우스 이벤트로 검증. 전체 통과. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
박스 계산 화면 UI 테스트 (jsdom)
app/modules/cupang/templates/cupang/box_calc.html 의 드래그 분배·수량 대화상자·
잔여 계산을 브라우저 없이 검증한다. 서버 API 응답은 고정값으로 대체한다.
# 1) 템플릿을 HTML 로 렌더 (프로젝트 루트에서)
python tests/js/render_box_calc.py # → tests/js/.out/box_calc_render.html
# 2) jsdom 설치 후 실행
npm install jsdom
node tests/js/box_calc_ui.test.js
성공하면 마지막 줄에 ALL PASS, 실패하면 실패한 항목명이 출력되고 종료코드 1.