UI ELEMENTS
Drag & Drop / File Upload
A sortable list you can reorder by dragging, and a file upload zone that accepts both clicks and drops.
How to use this page
Goal: Reorder the list by dragging an item to a new position, and upload a file both by clicking and by dropping it onto the zone.
Challenge: Native HTML5 drag-and-drop doesn't respond to simple mouse-move sequences in most automation tools. You'll likely need to dispatch drag events manually.
Sortable List
Drag items to reorder them. Order is reflected in each item's data-position attribute.
- Write test plan
- Set up test data
- Run test suite
- Review results
File Upload
Accepts a file via the native file picker or by dragging it onto the drop zone.
Need expert QA help? We offer team training, automation consulting, and end-to-end QA services.
Need this tested professionally?
Testing drag-and-drop or file upload flows on a production product? AssertQA delivers test automation services, manual testing services, and API testing services for teams that need real-world quality.
Talk to our QA team