feat(ui-breadcrumb,ui-tooltip): add tooltips for truncated breadcrumbs #4157
Annotations
2 errors
|
Run vitest unit tests:
packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/DesktopLayout/__new-tests__/TopNavBarDesktopLayout.test.tsx#L90
TestingLibraryElementError: Found multiple elements with the text: Course page 1
Here are the matching elements:
Ignored nodes: comments, script, style
<span
aria-hidden="false"
>
Course page 1
</span>
Ignored nodes: comments, script, style
<span
class="css-1eqfwrm-tooltip"
id="Tooltip_0"
role="tooltip"
>
Course page 1
</span>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<nav
class="css-1h31euz-topNavBarDesktopLayout"
>
<div
class="css-1fo9o05-topNavBarBreadcrumb"
>
<div
class="css-kgen4v-topNavBarBreadcrumb__iconContainer"
>
<div
class="css-1bhl8ru-topNavBarBreadcrumb__icon"
>
<div
class="css-rjq4yf-topNavBarItem"
>
<div
class="css-13hhs2r-topNavBarItem__container"
>
<button
class="css-1h1s81r-view--inlineBlock-baseButton"
cursor="pointer"
dir="ltr"
id="iconItem"
type="button"
>
<span
class="css-jiwj41-baseButton__content"
>
<span
class="css-qi8ml9-baseButton__childrenLayout"
>
<span
class="css-5udsuu-baseButton__iconOnly"
>
<span
class="css-quqv7u-baseButton__iconSVG"
>
<svg
aria-hidden="true"
class="css-1uh2md0-inlineSVG-svgIcon"
focusable="false"
height="1em"
name="IconHamburger"
role="presentation"
rotate="0"
style="width: 1em; height: 1em;"
viewBox="0 0 1920 1920"
width="1em"
>
<g
role="presentation"
>
<path
d="M1920 1468.412v112.94H0v-112.94h1920Zm0-564.706v112.941H0V903.706h1920ZM1920 339v112.941H0V339h1920Z"
fill-rule="evenodd"
/>
</g>
</svg>
</span>
<span
class="css-r9cwls-screenReaderContent"
>
Hamburger menu
</span>
</span>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
<div
class="css-1ka7z89-topNavBarBreadcrumb__breadCrumbContainer"
>
<div
aria-label="You are here"
class="css-1mstt4z-view"
dir="ltr"
role="navigation"
>
<ol
class="css-1oytd8e-breadcrumb"
>
<li
class="css-1hji480-breadcrumb__crumb"
style="max-width: 33%;"
>
<span
class="css-1ihz85b-position"
data-position="Popover_0"
>
<span
aria-describedby="Tooltip_0"
class="css-1q5xgic-view--block-link"
data-popover-trigger="true"
data-position-target="Popover_0"
dir="ltr"
>
<span
class="css-1lvij29-truncateText"
>
<span
|
|
Run vitest unit tests
Process completed with exit code 1.
|
Loading