Skip to content

Add component tests for notification-bell with unread badge and statetransitions - #885

Merged
Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
edwardfavour998-code:batch-64-features
Sep 28, 2026
Merged

Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
edwardfavour998-code:batch-64-features

Conversation

@edwardfavour998-code

Copy link
Copy Markdown

Created notification-bell.test.tsx covering: unread count badge display (0, 2, 99+ cap), markAllRead callback firing on panel open, Escape-key-to-close behavior, empty "No notifications yet" state, notification click interactions with markAsRead, and rendering multiple notifications. Tests mock the useNotifications hook with complete control over notifications, unread count, and all callback functions.

Add component tests for activity-feed pagination and filtering

Created activity-feed.test.tsx covering: empty state "No activity yet" rendering, hasMore/loadMore pagination button visibility and click handling, load-more button disabled state during loading, event-type filter button rendering, filtering events by type, calling filterByType on filter click, highlighting selected filter, displaying all events, and reverse chronological ordering. Tests verify each interactive behavior independently with controlled mock data.

Add Storybook stories for accessible-countdown-timer component

Created accessible-countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (<1 minute), expired targets, 1-day remaining, 1-hour remaining, 5-minute remaining, custom ended labels, and multiple timers. Stories include screen-reader announcement text showing what assistive devices will announce for each state, demonstrating live-region updates and accessibility labels for visually hidden output.

Add Storybook stories for accessible-unlock-amount component

Created accessible-unlock-amount.stories.tsx with stories for 0% unlocked (no unlock yet), 25% unlocked, 50% partially unlocked, 75% unlocked, 100% fully unlocked, large amount examples, and unlock state comparison. Stories demonstrate all numeric states from zero to complete unlock with different token symbols (USDC, EUR, USDT), and include screen-reader announcements showing how accessible component communicates unlock progress to assistive devices.

Closes #646
Closes #647
Closes #717
Closes #718


name: Pull request
about: Describe a focused change and how it was verified
title: 'feat: '
labels: enhancement

Issue

Closes #

Summary

Describe the user or maintainer-facing change.

Changes

Test plan

  • I added or updated automated tests.
  • I ran the relevant test suite.
  • I checked the change in the affected environment.

Checklist

  • The change is scoped to the linked issue.
  • Documentation and configuration were updated where needed.
  • No secrets, private keys, or wallet credentials are included.

… transitions

Created notification-bell.test.tsx covering: unread count badge display (0, 2, 99+ cap), markAllRead callback firing on panel open, Escape-key-to-close behavior, empty "No notifications yet" state, notification click interactions with markAsRead, and rendering multiple notifications. Tests mock the useNotifications hook with complete control over notifications, unread count, and all callback functions.

Add component tests for activity-feed pagination and filtering

Created activity-feed.test.tsx covering: empty state "No activity yet" rendering, hasMore/loadMore pagination button visibility and click handling, load-more button disabled state during loading, event-type filter button rendering, filtering events by type, calling filterByType on filter click, highlighting selected filter, displaying all events, and reverse chronological ordering. Tests verify each interactive behavior independently with controlled mock data.

Add Storybook stories for accessible-countdown-timer component

Created accessible-countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (<1 minute), expired targets, 1-day remaining, 1-hour remaining, 5-minute remaining, custom ended labels, and multiple timers. Stories include screen-reader announcement text showing what assistive devices will announce for each state, demonstrating live-region updates and accessibility labels for visually hidden output.

Add Storybook stories for accessible-unlock-amount component

Created accessible-unlock-amount.stories.tsx with stories for 0% unlocked (no unlock yet), 25% unlocked, 50% partially unlocked, 75% unlocked, 100% fully unlocked, large amount examples, and unlock state comparison. Stories demonstrate all numeric states from zero to complete unlock with different token symbols (USDC, EUR, USDT), and include screen-reader announcements showing how accessible component communicates unlock progress to assistive devices.

Closes FlowwStar#646
Closes FlowwStar#647
Closes FlowwStar#717
Closes FlowwStar#718
@drips-wave

drips-wave Bot commented Sep 28, 2026

Copy link
Copy Markdown

@edwardfavour998-code 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

@Austinaminu2
Austinaminu2 merged commit 7b0b2de into FlowwStar:main Sep 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants