Browser Screenshot Diff

Compare two recorded sessions step-by-step. Pairs each step in session A to the same step-id in session B, diffs the captured screenshot and accessibility snapshot, reports the first divergence and an aggregate similarity score.

When to use

• Visual regression after a UI change (record before, record after, diff).
• Verifying a browser-replay run matches the parent session within tolerance.
• Comparing two A/B variants of the same form flow.

Steps

1. Locate both RVF containers:

   npx -y ruvector@0.2.25 rvf status <session-id-a>.rvf
   npx -y ruvector@0.2.25 rvf status <session-id-b>.rvf
   

2. Load both trajectories from trajectory.ndjson. Build a step-id → (screenshot_path, snapshot_path) map for each.
3. Pair steps by step-id. Steps that exist on only one side are flagged as unmatched and contribute to the divergence score.