Config and CI

HTML Report in Playwright

Use the Playwright HTML report to review passed, failed, flaky, skipped, and timed-out tests with attachments and failure details.

What the Report Shows

  • Test status and duration.
  • Failure messages and stack traces.
  • Screenshots, videos, traces, and attachments.
  • Project/browser information.
  • Retry and flaky test information.

How to Generate Report

npx playwright test --reporter=html
npx playwright show-report

Reading Failures

  1. Open the failed test.
  2. Read the error message first.
  3. Open attachments such as trace or screenshot.
  4. Check whether the failure repeats on retry.
  5. Decide whether it is test code, data, timing, or product behavior.

Sharing Reports

In CI, upload the HTML report folder as an artifact so developers and testers can inspect the same failure evidence.

Common Mistakes

  • Only reading the final error and ignoring attachments.
  • Not saving reports in CI.
  • Treating flaky retry success as a full pass.
  • Running too many projects without grouping results clearly.
☰