Add Component-Level Tests for Heatmap Mouse Interactivity#8175
Open
soumyasekharshee265-ux wants to merge 2 commits into
Open
Add Component-Level Tests for Heatmap Mouse Interactivity#8175soumyasekharshee265-ux wants to merge 2 commits into
soumyasekharshee265-ux wants to merge 2 commits into
Conversation
…hovers and touch propagation
|
This PR adds important tests for the Heatmap component's mouse interactivity, ensuring that tooltips and cursor behaviors function correctly. This aligns with our previous decision to enhance testing for interactive components, as seen in the CommitPulseSection tests. Thorough testing of user interactions is crucial for maintaining reliability in our UI components. Thank you for your contribution! |
retenta-bot
Bot
changed the title
Contributor
📦 Next.js Bundle Size Report (Gzipped Sizes)✨ No significant bundle size changes detected. 📊 Summary of Totals
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Fixes #2557
This PR adds a new component-level test file:
components/dashboard/Heatmap.mouse-interactivity.test.tsxThe tests validate interactive tooltip behavior, cursor hover states, click/touch event propagation, and keyboard focus accessibility for the Heatmap component.
Specifically, this covers:
mouseenterevents and verification of tooltip rendering with computed positioning.cursor-pointer, hover scale/brightness classes).focus/blur) to ensure parity with mouse interactions.These tests complement the existing utility-level tests by providing explicit component-level interaction coverage using JSX and React Testing Library.
All tests pass locally, formatting and linting checks succeed, and the contribution follows the Conventional Commits standard.
Pillar
Visual Preview
N/A — This PR adds unit/component tests only and does not modify SVG rendering output.
Checklist before requesting a review:
CONTRIBUTING.mdfile.npm run formatandnpm run lintlocally and resolved all errors.npm run testand all tests pass locally.npm run test:coverageand branch coverage remains above 70%.