Sortable

Drag and drop to reorder items in a list

Sortable Banner

Testing Framework

Advanced testing solutions for developers

Sortable List

Drag items to reorder them or use the arrow buttons

Item OnePosition: 1
Item TwoPosition: 2
Item ThreePosition: 3
Item FourPosition: 4
Item FivePosition: 5
Item SixPosition: 6

Sort Status

Current order and sorting history

Current Order:

1. Item Oneitem1
2. Item Twoitem2
3. Item Threeitem3
4. Item Fouritem4
5. Item Fiveitem5
6. Item Sixitem6

Sort History:

No sorting actions yet

Statistics:

Total Items:6
Sort Actions:0

Testing Information

Sortable Element IDs:

  • sortableList - Main sortable container
  • item1 through item6 - Individual sortable items
  • Each item has drag and drop event handlers
  • Arrow buttons for keyboard-accessible sorting

Testing Scenarios:

  • • Drag and drop items to reorder
  • • Use arrow buttons for precise positioning
  • • Verify order changes in status panel
  • • Test reset functionality
  • • Check drag visual feedback
Sortable Footer

Premium Testing Tools

Boost your automation testing with professional tools