Automation lab Aú Forms & Validation (FORMS_VALIDATION)

Lab 014: Time picker and time range validation

Practice time picker and time range validation 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 time picker and time range validation.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Forms & Validation • web-ui • basic • active

Time picker and time range validation

Verify that start time is earlier than end time and durations meet business rules.

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

Learning objectives

  • Validate time inputs without date context.
  • Handle same-hour comparisons precisely.
  • Surface inline errors with ARIA-friendly statuses.

Steps

  1. Pick start and end times.
  2. Assert error when end is not after start.
  3. Assert success once range is valid.
  4. Use quick-pick buttons to cover both states.

Expected results

  • Invalid state when end time is the same or earlier.
  • Valid state when end is at least 15 minutes after start.
  • Status text reflects validation outcome.

Practice sandbox

Validate a meeting slot.

Waiting for input

Assertions to practice

  • Both times required.
  • End must be strictly greater than start by 15+ minutes.
  • Quick buttons drive deterministic values.