Add Unit Tests for Heatmap Mouse Interactivity and Tooltips

[tamilr0727-ux]

Description

Adds mouse interaction and tooltip behavior test coverage for components/dashboard/Heatmap.tsx through the new test file components/dashboard/Heatmap.mouse-interactivity.test.tsx.

Changes

• Added tests simulating mouse hover, pointer movement, and touch interactions on interactive heatmap cells.
• Verified responsive tooltip rendering and positioning based on user interaction coordinates.
• Tested click and touch event propagation to ensure interactions trigger the expected callbacks.
• Confirmed interactive elements expose appropriate cursor styles during hover.
• Validated tooltip dismissal and overlay cleanup on mouse leave events.

Test Coverage

Implemented 5 test cases covering:

1. Mouse enter and hover interactions on active heatmap cells.
2. Responsive tooltip rendering with correct positioning and visibility.
3. Click and touch gesture propagation triggering expected event handlers.
4. Pointer cursor styling applied to interactive heatmap elements.
5. Mouse leave behavior hiding temporary tooltip and overlay elements.

Validation

• All tests pass successfully with vitest run.
• Mouse and touch interactions are fully mocked for deterministic execution.
• No production code changes required.
• Improves confidence that interactive heatmap behavior remains stable across future updates.

Verification

✅ vitest run passes successfully.

Fixes #2557

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

Can Check in the Files Changed Section.

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
• I have updated README.md if I added a new theme or URL parameter.
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[retenta-bot]

This PR enhances the test coverage for the Heatmap component by adding unit tests that simulate mouse and touch interactions, ensuring that tooltips and event handling work as expected. This is similar to previous decisions made regarding responsive layout tests for mobile devices, which aimed to validate rendering behavior across different screen sizes. Improving test coverage in this way helps maintain confidence in the component's stability. Thank you for your contributions!

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

✨ No significant bundle size changes detected.

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3984.83 KB	3984.83 KB	0 B
Total CSS	331.41 KB	331.41 KB	0 B

[Aamod007]

Thanks for adding these test cases! It's always great to have comprehensive coverage for interactive UI components like the Heatmap tooltips. The tests correctly mock the necessary context and observer APIs.

This is a clean and straightforward addition. Great job!

Label Justification:

• \level:beginner: Adding a single test file falls under the beginner category.
• \quality:clean: Well-structured tests with proper mocking and assertions.
• \ ype:testing: Purely adds unit tests for existing functionality.
• \mentor:Aamod007: Assigned as required.

[github-actions]

🎉 Congratulations @tamilr0727-ux! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨