Automation상호작용중급Playwright
드래그앤드롭 배치
HTML5 드래그앤드롭으로 위젯을 드롭존에 배치하는 동작을 검증하는 테스트를 작성하세요.
요구사항
- 드롭 전 상태를 검증한다: 드래그 항목이 존재하고 배치 결과 메시지는 아직 없는지 확인한다.
- 드롭존에 정확히 배치하면 완료 메시지가 노출되고 드래그 항목이 사라지는지 검증한다.
- 드롭존이 아닌 영역에 놓으면 배치가 일어나지 않고 상태가 그대로인지 검증한다.
코드 작성 · 자동 채점
아래 에디터에 Playwright 테스트를 작성해 제출하면, 격리된 러너가 연습 대상에서 실행해 통과/실패를 채점합니다.
연습 대상 열기 ↗셀렉터: drag-item, drop-zone, drop-result
에디터를 불러오는 중...