Loading challenge...
File Upload
Upload files through input elements
Basic File Upload
Select a single file using the file input
Multiple Files Upload
Select multiple files at once
Drag and Drop Upload
Drag a file and drop it into the zone below
Drag and drop a file here
Upload with Progress
Simulated upload with progress bar
Testing Tips
Automation hints
- ✓ Use data-testid="file-input" for single file, data-testid="multi-file-input" for multiple
- ✓ Verify file info displays in data-testid="file-info" with name, size, type
- ✓ Test drag-and-drop on data-testid="drop-zone", check border color changes on dragover
- ✓ Monitor progress bar data-testid="progress-bar" width style for upload simulation
- ✓ Use data-testid="clear-files" and data-testid="remove-dropped" to reset uploads
