TESTHEON Practice Lab
AdvancedPW-VIS-00440 minutesPlaywright

Review the v1 and v2 difference contract

A deliberate UI refresh must identify its intended delta before a baseline is updated.

  • visual-testing
  • review
  • assertions

Objective

What to automate

Compare v1 and v2 semantic contracts and review their screenshots.

Preconditions and test data

Preconditions

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

Test data

  • v1: Approved 5 / 5
  • v2: Refreshed 6 / 6

Expected result

Only the documented accent, check count, and release-note differences justify the baseline change.

Open practice pageRead related guide

Progressive hints

Hint 1

Assert v1 and v2 separately before comparing images.

Hint 2

Use the documented difference text as the review checklist.

Hint 3

Do not update an unexplained screenshot baseline.

I’ve tried it — show solution
  1. Assert v1 and v2 separately before comparing images.
  2. Use the documented difference text as the review checklist.
  3. Do not update an unexplained screenshot baseline.

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