28 lines
1.1 KiB
Markdown
28 lines
1.1 KiB
Markdown
# Screenshots
|
||
|
||
`tools/screenshot` captures pages from the local dev server as PNGs, so humans and agents can verify visual changes. It drives a locally installed Chrome (or Chromium) headless via chromedp; no other browser tooling is required.
|
||
|
||
## Usage
|
||
|
||
With the server running:
|
||
|
||
go run ./tools/screenshot -url http://localhost:8080/directory/ -out screenshots/directory.png -wait header
|
||
|
||
Flags:
|
||
|
||
- `-url` — page to capture (default `http://localhost:8080/directory/`)
|
||
- `-out` — output PNG path (default `screenshots/capture.png`); `screenshots/` is gitignored
|
||
- `-wait` — CSS selector that must be visible before capture (default `body`); pass a selector the page's JavaScript renders (for example `.card`) to capture after data loads
|
||
|
||
The capture is a full-page screenshot at a 1280×800 viewport.
|
||
|
||
## Agent recipe
|
||
|
||
One self-contained command that starts the server, captures, and shuts down:
|
||
|
||
go run . &
|
||
go run ./tools/screenshot -out screenshots/directory.png -wait header
|
||
kill $(lsof -ti :8080)
|
||
|
||
Then read `screenshots/directory.png` to inspect the result.
|