Sortable List (Native HTML5 DnD)
Reorder a list using the native HTML5 drag-and-drop API — notoriously flaky to automate without dispatching real drag events.
Drag items to reorder this list. Built with the native HTML5 drag-and-drop API — a mouse-move-based
Actions drag in Selenium, or a plain synthetic drag in Cypress, often won't trigger real
dragstart/drop events here.
- Write test plan
- Set up environment
- Run regression suite
- File bug report
Framework notes
- selenium — Native HTML5 DnD frequently ignores `Actions` mouse-based drag; you may need to dispatch DragEvent via JS executor.
- cypress — Cypress cannot dispatch native drag events by default — needs a plugin (e.g. cypress-drag-drop) or manual event dispatch.