Add unit tests for the bonding curve price preview component rendering the correct XLM amount

[Chucks1093]

Summary

The bonding curve price preview component calculates the XLM cost for buying N keys and displays it to the user. Unit tests should confirm the displayed amount is correct for boundary values and that the component re-renders when the input quantity changes.

Scope

• Test quantity 1 displays the correct price for the first key on the curve
• Test quantity 0 displays 0 XLM and no buy button
• Test a large quantity (e.g. 100) displays a price higher than quantity 1
• Test that changing the quantity input updates the displayed price without a page reload
• Mock the bonding curve calculation function and assert it is called with the correct arguments

Acceptance Criteria

• Correct XLM price shown for quantity 1, 0, and a large value
• Price updates on quantity change without reload
• Bonding curve function called with correct arguments on each render
• Component shows a loading state while the price is being calculated

ETA: 12 hours

---

Coordinate on Telegram

[josese424]

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

I can handle this Quickly

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

[egwujiohaifesinachiperpetual-max]

@egwujiohaifesinachiperpetual-max has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello boss, Please assign this issue to me. i checked it out and im confident i will solve it
my eta is 4 hours

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

[ola196]

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

Hello maintainer please assign this issue to me I can resolve it

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

[Vincento26]

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

I would like to work on this issue. I am a FullStack Developer. I have experience in frontend technologies such as HTML, CSS, JavaScript, React, Next.js, Tailwind CSS, and backend technologies including Node.js, Express.js, Python, Django, PHP, and Laravel.
I would like to work on this issue. Kindly assign me.

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

[Yunusabdul38]

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

hello maintainer
i will like to work on this

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

[drips-wave]

Congratulations, @Yunusabdul38! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @Yunusabdul38: 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 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@Yunusabdul38's PR #696 was approved and merged by @Chucks1093.

🏆 @Yunusabdul38: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (344 total points). Track your full progress on GrantFox.

👏 Great work, @Yunusabdul38! Keep contributing to accesslayerorg.

[drips-wave]

This issue has been completed by @Yunusabdul38 as part of the Stellar Wave Program's 7th Wave 🥳

😎 @Yunusabdul38: 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.