feat: add option to set element class on hover #1212
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.
What:
Add option to set a class on target element on hover. Useful for testing hover states either by manually adding
.my-hover-class
on top of:hover
in CSS or with a plugin such as the one for PostCSS or Storybook.Why:
Allow testing of CSS hover states using
userEvent.hover
/userEvent.unhover
or other commands that move the mouse.How:
Add a new config option
hoverClass
(string) which defaults to null. When set (non-null),target.classList.add(hoverClass)
is called whenevermouseenter
is emitted andtarget.classList.remove(hoverClass)
whenevermouseleave
is emitted.Checklist: