You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Add an Update snapshot action to each IMAGE DIFF section in UI Mode's Attachments panel.
The existing IMAGE DIFF header would remain sticky while scrolling through the comparison, with Update snapshot replacing that screenshot's expected snapshot with the actual screenshot.
This follows existing UI Mode patterns where actions are placed in a sticky header for the content they operate on, for example the Source panel actions:
Screen.Recording.2026-08-25.at.10.56.48.mov
Example
After a failed test run with failing snapshots:
Review a failed screenshot using the existing Diff / Actual / Expected views
Click Update snapshot for any intentional change which should have the current snapshot replaced by the Actual snapshot
Continue reviewing the remaining image diffs individually
The existing Attachments panel:
The proposed action would be added to the existing IMAGE DIFF header:
IMAGE DIFF Update snapshot
──────────────────────────────────────────────────────────────────
Diff Actual Expected Side by side Slider
The header would remain sticky while scrolling through a large comparison. The action only appears for IMAGE DIFF sections, not other attachments.
When several screenshot assertions fail, UI Mode lets you review each diff, but not update an intentional change directly from that diff.
I'm aware that Playwright v1.56+ supports updateSnapshots in UI Mode (issue #37007 + PR #37098), but the current workflow has a few drawbacks:
If users enable it before running, snapshots are updated before users know whether the changes are correct
If users run tests normally to failure and review first, accepting a change requires enabling it and running the test again, which can be slow, flaky, and interrupts the review flow
Because updating is run-level, other changed snapshots can be updated before users have reviewed them
🚀 Feature Request
Add an
Update snapshotaction to eachIMAGE DIFFsection in UI Mode's Attachments panel.The existing
IMAGE DIFFheader would remain sticky while scrolling through the comparison, withUpdate snapshotreplacing that screenshot's expected snapshot with the actual screenshot.This follows existing UI Mode patterns where actions are placed in a sticky header for the content they operate on, for example the Source panel actions:
Screen.Recording.2026-08-25.at.10.56.48.mov
Example
After a failed test run with failing snapshots:
Update snapshotfor any intentional change which should have the current snapshot replaced by the Actual snapshotThe existing Attachments panel:
The proposed action would be added to the existing
IMAGE DIFFheader:The header would remain sticky while scrolling through a large comparison. The action only appears for
IMAGE DIFFsections, not other attachments.Alternative designs can be seen in prior art:
Motivation
When several screenshot assertions fail, UI Mode lets you review each diff, but not update an intentional change directly from that diff.
I'm aware that Playwright v1.56+ supports
updateSnapshotsin UI Mode (issue #37007 + PR #37098), but the current workflow has a few drawbacks: