Automation lab Aú Image Processing (IMAGE_PROCESSING)

Lab 080: Dominant color detection and display

Practice dominant color detection and display 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 dominant color detection and display.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Image Processing / media / intermediate / active

Dominant color detection and display

Detect a dominant color from an image (mocked) and show the swatch.

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

Learning objectives

  • Show detected dominant color hex value.
  • Render a swatch with that color.
  • Expose status text for automation.

Steps

  1. Click detect color.
  2. Verify hex value updates.
  3. Swatch background matches hex.

Color: n/a

Assertions to practice

  • Hex string updates (e.g., #AABBCC).
  • Swatch style background-color matches hex.
  • Status reflects latest detection.