Skip to content

Add diff viewer server and four new snapshot examples#49

Merged
trotzig merged 1 commit intomainfrom
claude/cranky-brahmagupta
Mar 22, 2026
Merged

Add diff viewer server and four new snapshot examples#49
trotzig merged 1 commit intomainfrom
claude/cranky-brahmagupta

Conversation

@trotzig
Copy link
Copy Markdown
Contributor

@trotzig trotzig commented Mar 22, 2026

Summary

  • server.js: Zero-dependency Node.js dev server with a visual diff viewer — sidebar lists all snapshots with thumbnails, main area shows before/after/diff side-by-side
  • npm run serve script added; .claude/launch.json wires it up for Claude Code preview integration
  • Four new snapshot test cases added: happo-example-1, happo-example-2, happo-example-3, whitespace-shift

Test plan

  • Run npm run serve and open http://localhost:3456
  • Verify all 14 snapshots appear in the sidebar with thumbnails
  • Click each snapshot and confirm before/after/diff images load correctly
  • Run npm test to confirm all snapshot tests pass

🤖 Generated with Claude Code

- Add server.js: zero-dependency Node.js dev server serving a visual
  diff viewer at http://localhost:3456 (sidebar thumbnails + before/after/diff)
- Add npm run serve script
- Add .claude/launch.json for Claude Code preview integration
- Add four new snapshot test cases: happo-example-1, happo-example-2,
  happo-example-3, whitespace-shift

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@trotzig trotzig merged commit 5620f4e into main Mar 22, 2026
1 check passed
@trotzig trotzig deleted the claude/cranky-brahmagupta branch March 22, 2026 18:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant