Automation lab Aú Image Processing (IMAGE_PROCESSING)

Lab 071: Image crop and preview

Practice image crop and preview in a real web app context as part of the Image Processing module.

advanced advanced
advanced

Objectives

Use for test scripts
  • Understand the purpose and business flow of image crop and preview.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Image Processing / media / intermediate / active

Image crop and preview

Choose an image and preview a cropped region.

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

Learning objectives

  • Load an image into a preview area.
  • Simulate crop selection.
  • Show cropped output preview.

Steps

  1. Select an image.
  2. Click "Apply crop" to render cropped thumbnail.
  3. Verify both original and cropped previews.

Original

Cropped

No image loaded

Assertions to practice

  • Image load shows original preview.
  • Apply crop reveals cropped preview.
  • Status reflects current step.