Add integration test for trade panel showing correct price preview before transaction is submitted

[Chucks1093]

Summary

The trade panel should display the expected price for the quantity the user has entered before they submit the transaction. An integration test should enter a quantity and assert the price preview updates to match the bonding curve price for that quantity.

Scope

• Render the trade panel for a creator with a known current price
• Enter quantity 1 into the buy input
• Assert the price preview shows the correct price for buying 1 key at the current supply
• Change the quantity to 2 and assert the price preview updates accordingly

Acceptance Criteria

• Price preview visible in the trade panel
• Preview correct for quantity 1
• Preview updates when quantity changes to 2
• Preview not shown when quantity input is empty or zero

ETA: 12 hours

---

Coordinate on Telegram

[Ajibose]

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

CAN I WORK ON THIS

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

[OpensrcLord]

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

Hello @maintainer, I understand the expected outcome and would love to work on this. I'll provide a solution that satisfies the acceptance criteria.

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

[baedboibidex-cmyk]

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

please assign me this issue sir

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

[drips-wave]

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

🧑‍💻 @baedboibidex-cmyk: 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!

@baedboibidex-cmyk's PR #669 was approved and merged by @Chucks1093.

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

👏 Great work, @baedboibidex-cmyk! Keep contributing to accesslayerorg.