Skip to content

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

Open
@babslgam

Description

@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:
Image

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions