feat: adding tooltips and tests to visual-refresh-toolbar

[dpitcock]

This adds a visual tooltip to the toolbar on visual-refresh-toolbar variant by adding event listeners to the toolbar-trigger-wrapper elements that shows the tooltip when focused or hovered.

Description

The trigger-button takes new props to determine if a tooltip should be possible.

Related links, issue #, if available: n/a

How has this been tested?

• confirm UI testing on https://d21d5uik3ws71m.cloudfront.net/components/dc5256b023200217c47b78be1b0393963f173c85/dev-pages/index.html#/light/app-layout/with-drawers?appLayoutWidget=true
• unit test for the trigger-button and the drawers added to assert the tooltips work
• integ tests for the tooltips is added

Review checklist

The following items are to be evaluated by the author(s) and the reviewer(s).

Correctness

• Changes include appropriate documentation updates.
• Changes are backward-compatible if not indicated, see CONTRIBUTING.md.
• Changes do not include unsupported browser features, see CONTRIBUTING.md.
• Changes were manually tested for accessibility, see accessibility guidelines.

Security

• If the code handles URLs: all URLs are validated through the checkSafeUrl function.

Testing

• Changes are covered with new/existing unit tests? Y
• Changes are covered with new/existing integration tests? Y

---

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[codecov]

Codecov Report

Attention: Patch coverage is 97.77778% with 2 lines in your changes missing coverage. Please review.

Project coverage is 95.91%. Comparing base (093fdc0) to head (33d1e1f).
Report is 5 commits behind head on main.

Files with missing lines	Patch %	Lines
...l-refresh-toolbar/toolbar/trigger-button/index.tsx	97.33%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2650      +/-   ##
==========================================
+ Coverage   95.90%   95.91%   +0.01%     
==========================================
  Files         748      748              
  Lines       20732    20814      +82     
  Branches     7059     6720     -339     
==========================================
+ Hits        19882    19963      +81     
- Misses        794      843      +49     
+ Partials       56        8      -48     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jperals]

Note that if i blur and focus the browser again, I can get into a situation where multiple tooltips are visible:

[jperals]

Minor: no need to declare a let, can be declared as const as it is assigned only once

[dpitcock]

It gets modified though in the conditional below it

[jperals]

But it's the only place where it is assigned, so it could be declared just there. Anyway not blocking.

[jperals]

Nitpick: typo in comment (breadcrume)

[jperals]

Is it ever possible that isForSplitPanel and isForPreviousActiveDrawer are true at the same time? If not, there is no need to check for isForSplitPanel in this condition.

[dpitcock]

yes. when the split panel is open that both would be true