Automation lab Aú Image Processing (IMAGE_PROCESSING)

Lab 075: Canvas drawing and bounding box overlay

Practice canvas drawing and bounding box overlay 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 canvas drawing and bounding box overlay.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Image Processing / media / intermediate / active

Canvas drawing and bounding box overlay

Draw on a canvas and overlay bounding boxes; update status.

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

Learning objectives

  • Draw shapes on canvas.
  • Toggle bounding box overlay.
  • Expose status for automation.

Steps

  1. Draw to create base canvas.
  2. Toggle bounding boxes.
  3. Verify status and overlay.
Idle

Assertions to practice

  • Canvas has drawn shapes after action.
  • Bounding boxes toggle visibility.
  • Status shows current overlay state.