AdvancedPW-APIUI-00140 minutesPlaywright

Create a customer through API and verify the UI table

A test creates deterministic data cheaply through the API, then verifies the customer-facing UI.

  • api
  • tables
  • api-ui

Objective

What to automate

POST a customer and verify it appears in the Customer API table.

Preconditions and test data

Preconditions

  • Use a fresh isolated Practice Lab browser context.
  • Open the fixture identified by FX-TABLE-001, FX-FORM-001.

Test data

  • name: Mira Challenge
  • email: mira.challenge@example.test
  • city: Pune
  • tier: gold
  • active: true

Expected result

The created customer ID and Mira Challenge appear in the UI customer table after refresh.

Progressive hints

Hint 1

Start a Lab session and use its CSRF token.

Hint 2

Create the customer before opening the table page.

Hint 3

Click Refresh customer table and locate the row by returned ID.

I’ve tried it — show solution
  1. Start a Lab session and use its CSRF token.
  2. Create the customer before opening the table page.
  3. Click Refresh customer table and locate the row by returned ID.