Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature request]: Element highlighting in addon-interactions #25073

Open
Tracked by #29531
yannbf opened this issue Dec 1, 2023 · 0 comments
Open
Tracked by #29531

[Feature request]: Element highlighting in addon-interactions #25073

yannbf opened this issue Dec 1, 2023 · 0 comments

Comments

@yannbf
Copy link
Member

yannbf commented Dec 1, 2023

Ps: This feature should be implemented by a core Storybook maintainer in collaboration with a designer.
Ps²: This issue is mostly a draft on what the idea should be. It should be discussed further with the team.

Context

Addon interactions provides a list of test steps which get executed either automatically or upon click.

However, users might want to know exactly which element is selected in the steps, for easier debuggability. Here's an example of clicking on a "target" icon to see which element is the target of password1.

Desired behavior

Whenever applicable, users should have an option to highlight the element which was interacted with in each test step.

  • Clicking on the target icon should highlight the element;
  • Clicking on another target should clear the highlight of the previous element, and highlight the next one;
  • There should be a way to clear all highlights

Example:

image

Prior art

There's work which was done prior to this issue, in a closed PR that can serve as inspiration:
#18700

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants