feat: add showCloseOnHover option for toast component & fix test error

[viiccwen]

Summary

This PR introduces a new showCloseOnHover option for toasts, enhancing user interaction flexibility, and also fixes an existing test case for improved reliability.

New Feature

• showCloseOnHover Option:
  • Added a new showCloseOnHover option to the toast component.
  • Behavior:
    • When showCloseOnHover is false or unspecified, the toast behaves normally with the close button always visible.
    • When showCloseOnHover is true, the close button becomes visible only when the user hovers over the toast.

Test Fix

• Fixed the toast is not removed when hovered test case:
  • Updated the test to initialize the page with the correct state by navigating to /?position=top-left.
  • Simulated user interaction (click and hover) to test the new behavior properly.
  • Ensured the toast remains visible after a 5-second hover period.

References

• Implements and resolves Issue prop to only show the close button on hover #546.

Testing

• Verified that the showCloseOnHover option behaves as expected in different scenarios:
  • Close button always visible when showCloseOnHover is false or unspecified.
  • Close button only appears on hover when showCloseOnHover is true.
• Ensured existing tests pass and updated test coverage for the new functionality.

Please review the changes and share your feedback! 🚀

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 26, 2025 4:15pm