@ulpi/browse

Visual & Compare

Screenshots, PDFs, responsive captures, visual diffs

6 commands

screenshot

browse screenshot [path]

Take viewport, full-page, element, or clipped screenshot

Flags

--fullFull-page screenshot
--clip x,y,w,hClip to region
--annotateAdd numbered labels

Screenshot viewport

$ browse screenshot page.png

pdf

browse pdf [path]

Save page as PDF

Save PDF

$ browse pdf report.pdf

responsive

browse responsive [prefix]

Screenshots at mobile/tablet/desktop breakpoints

Responsive screenshots

$ browse responsive homepage

diff

browse diff <url1> <url2>

Text diff between two pages

Diff two pages

$ browse diff https://v1.example.com https://v2.example.com

screenshot-diff

browse screenshot-diff <baseline> [current]

Pixel-level visual diff between screenshots

Visual diff

$ browse screenshot-diff baseline.png current.png

box

browse box <selector>

Get bounding box as JSON {x, y, width, height}

Get element bounds

$ browse box @e3

On this page