Add visual regression testing with Chromatic

[Marvell69]

UI components can change appearance unexpectedly after refactors. Visual regression testing with Chromatic (or Percy) catches these changes before they ship to users.

Requirements and context

• Set up Storybook for key UI components
• Configure Chromatic for visual snapshot testing
• Create stories for: <InvoiceMarketplaceCard />, <LPStatsCards />, <ProposalCard />, <ReputationCard />, <InvoiceStatusTimeline />, <TokenSelector />
• Integrate Chromatic into CI — fail on unexpected visual changes
• Document the approval process for intentional design changes

Suggested execution

git checkout -b test/chromatic-visual-regression

• Install and configure Storybook
• Write stories for key components
• Connect Chromatic to CI
• Document approval workflow in CONTRIBUTING.md

Example commit message
test: set up Chromatic visual regression testing for UI components

[Nuel-ship-it]

@Nuel-ship-it has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Gm Chief i will like to take on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Nuel-ship-it to this issue.

[Osifowora]

@Osifowora has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, I would like to work on this issue.

I'm an ideal fit for this visual regression testing task, with proven experience setting up Storybook and wiring Chromatic into CI—authoring representative stories for key UI components and configuring snapshot testing that catches unintended appearance changes before they reach users. My attention to detail ensures the setup is precise and reliable—well-structured stories covering the key components, Chromatic integrated to fail CI on unexpected visual diffs, and a clearly documented approval workflow for intentional design changes in CONTRIBUTING.md. You can rely on me to deliver a thoroughly tested, dependable solution that gives the team confidence to refactor freely, knowing visual regressions will be flagged automatically rather than slipping through to production.

One note: the requirements list the components to create stories for as an empty comma-separated line, so I kept the justification general—if you can share the actual component names, I'll fold them in specifically.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Osifowora to this issue.

[0xDeon]

@0xDeon has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Good day Team, I am 0xDeon, a fullstack developer and opensource contributor. I have valuable experience building scable systems and will like to tackle this issue. Can i please get assigned

ℹ️ Repo Maintainers: To accept this application, review their application or assign @0xDeon to this issue.

[drips-wave]

Congratulations, @0xDeon! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @0xDeon: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @0xDeon as part of the Stellar Wave Program's 5th Wave 🥳

😎 @0xDeon: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.