Automation lab Aú CRUD Operations (CRUD_OPERATIONS)

Lab 021: Create record via modal form

Practice create record via modal form in a real web app context as part of the CRUD Operations module.

intermediate intermediate
intermediate

Objectives

Use for test scripts
  • Understand the purpose and business flow of create record via modal form.
  • Design stable locators for key UI elements.
  • Automate user interactions and verify the resulting UI state.

Sandbox

CRUD Operations • web-ui • intermediate • active

Create record via modal form

Open a modal, create a record, and confirm it appears in the list.

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

Learning objectives

  • Interact with modal dialogs programmatically.
  • Validate required fields before creating.
  • Assert newly created record appears.

Steps

  1. Open the modal via button.
  2. Fill fields; ensure validation triggers on empty.
  3. Create record and close modal.
  4. Verify list contains new record.

Expected results

  • Modal toggles visible/hidden correctly.
  • Validation errors when fields empty.
  • Record appears in table after submit.

Practice sandbox

Create a user in a modal.

Name Email
Existing User existing@example.com

No new user yet

Assertions to practice

  • Modal open/close via buttons.
  • Validation errors show on empty fields.
  • New row appears in table after submit.