Add component tests for the Toast system (ToastContext, ToastRegion, Toast) with accessibility assertions

[Baskarayelu]

📋 Description

The toast system — lib/context/ToastContext.tsx, components/ToastRegion.tsx, components/Toast.tsx — is used for success/error feedback across the app (e.g. the Send confirmation in app/send/page.tsx). It is untested, even though toast queue/auto-dismiss/aria-live behavior is easy to break.

Why this matters: toasts are the primary feedback channel for money actions. If a success toast silently fails to render, or auto-dismiss races a second toast, users lose confirmation that their transfer happened.

🎯 Requirements & Context

Functional requirements

• Add a Vitest suite for ToastContext covering: enqueue, multiple toasts, auto-dismiss timing, manual dismiss, and variant handling (success/error/warn).
• Assert ToastRegion exposes an appropriate aria-live region and that toasts are announced.
• Use fake timers for auto-dismiss; assert no leaked timers on unmount.

Context & constraints

• Vitest is configured for environment: node; for DOM/component rendering you may need to set the test file's environment to jsdom (document this in the test file via the Vitest environment docblock).
• Keep tests deterministic with vi.useFakeTimers().

🛠️ Suggested Execution

git checkout -b test/toast-system

• Write the suite, set jsdom environment for component rendering, assert a11y region.

npm run lint
npm run test:coverage

• Edge cases: rapid sequential toasts, dismiss during auto-dismiss timer, max queue length, reduced motion (no animation dependency in assertions).

Example commit message

test(toast): cover ToastContext queue + ToastRegion aria-live

Adds Vitest suite for enqueue/auto-dismiss/manual-dismiss and asserts
the live region announces toasts.

✅ Acceptance Criteria & Guidelines

Requirement	Target
Queue + auto/manual dismiss covered	Required
aria-live region asserted	Required
Toast system coverage	≥ 85%
Deterministic (fake timers)	Required
Lint clean	Required
Timeframe	96 hours from assignment

💬 Community & Support

Join the RemitWise contributor community on Discord: https://discord.gg/CtQuPZFMA

Comment to claim before starting. 🚀

[yunus-dev-codecrafter]

Hi! I’d love to take this on.
I will write a comprehensive Vitest suite for the toast system, setting the file environment to jsdom via the required docblock. I'll utilize vi.useFakeTimers() to ensure deterministic testing for the queue management, multiple simultaneous toasts, auto-dismiss intervals, and manual dismissal actions. Additionally, I will assert that ToastRegion correctly exposes the appropriate aria-live region for accessibility and verify that no timers are leaked upon unmount.
I can have this completed within 1 hour. Could you please assign this issue to me? Thanks!

[Menjay7]

Hi! I came across this issue and would love to work on it. I have experience with similar tasks and I'm confident I can investigate, implement a clean solution, and thoroughly test it before submitting a PR. If the issue is still open, I would appreciate it if you could assign it to me. Thank you!

[jaynomyaro]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

[jaynomyaro]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

[grantfox-oss]

🦊 GrantFox — @jaynomyaro has been assigned to this issue!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #479)
2. Your PR will be reviewed by the Remitwise-Org maintainers

Good luck! Track your progress on GrantFox.