Automation lab Aú File Handling (FILE_HANDLING)

Lab 067: Drag and drop file upload

Practice drag and drop file upload in a real web app context as part of the File Handling module.

intermediate intermediate
intermediate

Objectives

Use for test scripts
  • Understand the purpose and business flow of drag and drop file upload.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

File Handling / file / intermediate / active

Drag and drop file upload

Drop a file or click to select; highlight drop area on drag over.

Reading and understanding requirements Choosing stable locators Designing assertions based on business rules

Learning objectives

  • Detect drag enter/leave/over states.
  • Handle dropped files and clicks.
  • Expose status with file name and size.

Steps

  1. Drag file over drop zone → highlight.
  2. Drop or click to select.
  3. Verify status text updates.

Drop file here or click to upload

PNG/JPG up to 2MB

No file selected