Resizable

Resize elements by dragging their edges or corners

Resizable Banner

Testing Framework

Advanced testing solutions for developers

Resizable Elements

Drag the bottom-right corner of each box to resize it

Resizable Box 1

Size: 300 × 200
Min: 150 × 100
Max: 500 × 400

Resizable Box 2

Size: 250 × 150
Min: 100 × 80
Max: 400 × 300

Resizable Box 3

Size: 200 × 180
Min: 120 × 90
Max: 350 × 250

Resize Status

Current sizes and resize history

Current Sizes:

Resizable Box 1
Size: 300 × 200
Width:150 - 500
Height:100 - 400
Resizable Box 2
Size: 250 × 150
Width:100 - 400
Height:80 - 300
Resizable Box 3
Size: 200 × 180
Width:120 - 350
Height:90 - 250

Resize History:

No resize actions yet

Instructions:

  • • Drag the triangle in bottom-right corner
  • • Elements have min/max size constraints
  • • Watch the size display update in real-time
  • • Use reset button to restore original sizes

Testing Information

Resizable Element IDs:

  • resizableContainer - Main container
  • resizable1 - First resizable box
  • resizable2 - Second resizable box
  • resizable3 - Third resizable box

Testing Scenarios:

  • • Drag resize handles to change size
  • • Test min/max size constraints
  • • Verify size updates in status panel
  • • Test reset functionality
  • • Check visual feedback during resize
Resizable Footer

Premium Testing Tools

Boost your automation testing with professional tools