Automation lab Aú Forms & Validation (FORMS_VALIDATION)

Lab 012: Dropdown with dynamic options from API

Practice dropdown with dynamic options from api in a real web app context as part of the Forms & Validation module.

basic basic
basic

Objectives

Use for test scripts
  • Understand the purpose and business flow of dropdown with dynamic options from api.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Forms & Validation • web-ui • basic • active

Dropdown with dynamic options from API

Practice dropdown with dynamic options loaded from a mock API.

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

Learning objectives

  • Validate async population of dropdown options.
  • Assert loading, success, and error states.
  • Confirm option count and labels after API load.

Steps

  1. Open the lab page in the browser.
  2. Trigger loading options and observe states.
  3. Verify option text and count.
  4. Simulate error and assert fallback message.

Expected results

  • Dropdown shows options returned from API.
  • Loading and error states are visible and testable.
  • No stale options remain after reload/error.

Practice sandbox

Dropdown fed by mock API options.

Waiting for action