[Feature]: Extended Result View in the HTML Reporters List View (include screenshot diff)

[babslgam]

🚀 Feature Request

lntegration or option to integrate the ImageDiffView into the FileResultView used in the HTML Reporter for immediate visual feedback when testing code that produces multiple pages.

Example

Fork with experimental changes:
https://github.com/babslgam/playwright/tree/experiment/show-imagediff-in-listview

example based on existing ones:
https://github.com/babslgam/playwright/tree/experiment/show-imagediff-in-listview/examples/mock-reading-view
(npx playwright test tests/reading-view.spec.js --reporter=html)

extended view would look like this:

Motivation

use case described here:
https://github.com/babslgam/playwright/tree/experiment/show-imagediff-in-listview?tab=readme-ov-file#use-case--purpose-of-changes-in-this-fork

[yury-s]

Is the request about showing image diff inline in the test result list rather than having to open test details view first and then seeing the diff?

[babslgam]

yes, exactly.