Automation lab Aú Forms & Validation (FORMS_VALIDATION)

Lab 018: Tag input add and remove tags

Practice tag input add and remove tags 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 tag input add and remove tags.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

Forms & Validation • web-ui • basic • active

Tag input add and remove tags

Create, deduplicate, and remove tags with inline feedback.

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

Learning objectives

  • Enforce non-empty and unique tags.
  • Assert tag chip rendering and removal.
  • Use keyboard + button interactions.

Steps

  1. Add a new tag via button and Enter key.
  2. Attempt duplicate to trigger warning.
  3. Remove tags and verify list updates.
  4. Assert status text mirrors list content.

Expected results

  • Empty or duplicate tags blocked with message.
  • Tag chips render with remove buttons.
  • Status reflects current tags.

Practice sandbox

Manage tags.

Status: No tags yet

Assertions to practice

  • Input clears on successful add.
  • Duplicates blocked with visible error.
  • Remove buttons delete the correct chip.