TESTHEON Practice Lab
IntermediatePW-EMP-00425 minutesPlaywright

Edit an employee role and status

An employee edit updates a synthetic role and active state within one browser session.

  • forms
  • tables
  • assertions

Objective

What to automate

Edit an existing employee, change the role and status, and verify the same row displays both values.

Preconditions and test data

Preconditions

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

Test data

  • role: Senior QA Engineer
  • status: Inactive

Expected result

The edited session-only record shows the new role and Inactive state after save.

Open practice pageRead related guide

Progressive hints

Hint 1

Choose Edit from an existing directory row.

Hint 2

Fill the labelled Role field and clear Active employee.

Hint 3

Save, then assert the changed cells in the matching row.

I’ve tried it — show solution
  1. Choose Edit from an existing directory row.
  2. Fill the labelled Role field and clear Active employee.
  3. Save, then assert the changed cells in the matching row.

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