TESTHEON Practice Lab
IntermediatePW-VIS-00225 minutesPlaywright

Assert the v1 release contract

A screenshot should be paired with durable visible assertions that explain its expected state.

  • visual-testing
  • locators
  • assertions

Objective

What to automate

Assert that v1 is Approved with 5 / 5 owned checks and documents the purple baseline.

Preconditions and test data

Preconditions

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

Test data

  • state: Approved
  • checks: 5 / 5

Expected result

The v1 release summary and documented difference contract match the approved baseline.

Open practice pageRead related guide

Progressive hints

Hint 1

Scope the assertion to the labelled Release summary.

Hint 2

Check the version-specific count before a screenshot assertion.

Hint 3

Read the documented difference list instead of inferring a color-only change.

I’ve tried it — show solution
  1. Scope the assertion to the labelled Release summary.
  2. Check the version-specific count before a screenshot assertion.
  3. Read the documented difference list instead of inferring a color-only change.

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