Skip to content

test: initialize Playwright configuration and add stellar-receive test spec#83

Open
AdeMi20 wants to merge 1 commit into
wraith-protocol:developfrom
AdeMi20:receive-announcement
Open

test: initialize Playwright configuration and add stellar-receive test spec#83
AdeMi20 wants to merge 1 commit into
wraith-protocol:developfrom
AdeMi20:receive-announcement

Conversation

@AdeMi20

@AdeMi20 AdeMi20 commented Jun 24, 2026

Copy link
Copy Markdown

Summary of What Was Done

I optimized the StellarReceive component by implementing @tanstack/react-virtual to 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-query to 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

@vercel

vercel Bot commented Jun 24, 2026

Copy link
Copy Markdown

@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.

@drips-wave

drips-wave Bot commented Jun 24, 2026

Copy link
Copy Markdown

@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! 🚀

Learn more about application limits

@truthixify truthixify changed the base branch from main to develop June 24, 2026 14:49
@truthixify

Copy link
Copy Markdown
Contributor

The virtualization work matches your assignment for #61. Three things to fix before merge:

  1. Drop playwright-report/ and test-results/ directories from the PR. These are auto-generated by Playwright runs and shouldn't be committed.

    rm -rf playwright-report test-results
    echo -e "playwright-report/\ntest-results/" >> .gitignore
  2. Update the PR title to reflect the actual work: something like "feat(demo/stellar): virtualize StellarReceive matches list (Pagination & virtualization for receive announcement list #61)".

  3. Conflicts in StellarReceive.tsx, package.json, playwright.config.ts, pnpm-lock.yaml. Rebase:

    git fetch origin
    git rebase origin/develop
    git add -u
    git commit --amend
    git push --force-with-lease

When resolving StellarReceive.tsx, keep develop's content (Worker integration, sponsored withdrawal, labeling) and layer virtualization on top.

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.

Pagination & virtualization for receive announcement list

2 participants