Skip to content

test: add unit tests for TransactionStatusIcon component - #204

Merged
Chucks1093 merged 3 commits into
accesslayerorg:mainfrom
Benedict315:main
Apr 28, 2026
Merged

test: add unit tests for TransactionStatusIcon component#204
Chucks1093 merged 3 commits into
accesslayerorg:mainfrom
Benedict315:main

Conversation

@Benedict315

Copy link
Copy Markdown
Contributor

PR Description

Summary

I Add a subtle pending animation state for transaction rows by updating the pending transaction status icon.

What changed

  • Updated TransactionStatusIcon.tsx
    • Added motion-safe:animate-pulse to pending status
    • Added motion-reduce:animate-none to respect reduced motion preferences
    • Removed direct animate-pulse from the icon element so animation is scoped correctly

Testing

  • Added unit test: TransactionStatusIcon.test.tsx
    • Verifies pending status uses motion-safe pulse animation
    • Verifies pulse styling is removed when status updates to success

Notes

  • Change is scoped to pending transaction status styling only
  • No unrelated file churn was introduced
  • Local validation requires dependencies installed, then run:

@drips-wave

drips-wave Bot commented Apr 27, 2026

Copy link
Copy Markdown

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

@Chucks1093
Chucks1093 merged commit 595c3f9 into accesslayerorg:main Apr 28, 2026
1 check passed
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.

Add subtle pulse state for pending transaction rows

2 participants