TESTHEON Practice Lab
IntermediatePW-EMP-00225 minutesPlaywright

Search and paginate the employee directory

A filtered directory must show stable total and page information without duplicate rows.

  • tables
  • search
  • pagination

Objective

What to automate

Search for a synthetic employee, then use directory pagination and verify the page label changes predictably.

Preconditions and test data

Preconditions

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

Test data

  • search: Asha
  • page size: 10

Expected result

The search result is visible and the directory reports a stable page number and total.

Open practice pageRead related guide

Progressive hints

Hint 1

Search with the labelled field and submit the filter form.

Hint 2

Read the accessible page label before selecting Next page.

Hint 3

Assert visible rows instead of relying on a specific array index.

I’ve tried it — show solution
  1. Search with the labelled field and submit the filter form.
  2. Read the accessible page label before selecting Next page.
  3. Assert visible rows instead of relying on a specific array index.

The deliberately failing starter is in tests/employee-management.spec.ts inside the TypeScript starter ZIP.