Replica screenshot from real payload

Sometimes you fix a UI-visible bug but can't screenshot the real screen: the dev build is broken by an unrelated import, the state is impractical to stage, the route is feature-flagged, or the change is backend-only and the page won't render locally. You still want a credible before/after in the PR.

The move: render a faithful HTML replica of the actual component, populated with the real server payload strings, and screenshot that. Done honestly it is real evidence — the exact bytes the component renders, in the component's own layout — not a fabricated mockup.

When to use

• The real UI genuinely won't render locally, AND the change is visible in the UI.
• You can obtain the exact strings the component receives (see Step 1).

When NOT to use