test: initialize Playwright configuration and add stellar-receive test spec#83
test: initialize Playwright configuration and add stellar-receive test spec#83AdeMi20 wants to merge 1 commit into
Conversation
|
@AdeMi20 is attempting to deploy a commit to the truthixify's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@AdeMi20 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
|
The virtualization work matches your assignment for #61. Three things to fix before merge:
When resolving |
Summary of What Was Done
I optimized the
StellarReceivecomponent by implementing@tanstack/react-virtualto virtualize the match list, significantly reducing DOM overhead, and paired it with a "Show 25 more" pagination flow. To handle balances efficiently, I integrated@tanstack/react-queryto lazily fetch balances (with built-in retry primitives) only for rows that are actively rendered in the viewport. I then added an in-memory search input that seamlessly filters these virtualized rows by their stealth address or fetched balance amount. Finally, I authored a Playwright test that intelligently mocks the Freighter wallet and intercepts the Stellar RPC network responses to simulate a fixture environment with 35 stealth matches, fully validating the virtualization, pagination, and lazy-loading requirements.Close #61