feat(dropdownmenu): streamline API #443
Triggered via pull request
September 17, 2024 12:51
Barsnes
Status
Failure
Total duration
1m 21s
Artifacts
–
Annotations
2 errors
|
packages/react/src/components/DropdownMenu/DropdownMenu.test.tsx > Dropdown > Group should have role="group":
packages/react/src/components/DropdownMenu/DropdownMenu.test.tsx#L70
TestingLibraryElementError: Unable to find an accessible element with the role "group"
Here are the accessible roles:
button:
Name "Dropdown":
<button
aria-haspopup="menu"
class="ds-paragraph ds-paragraph--md ds-line-height--sm ds-button"
data-color="accent"
data-size="md"
data-variant="primary"
popovertarget=":r2:"
type="button"
/>
Name "Item":
<button
class="ds-paragraph ds-paragraph--md ds-line-height--sm ds-button ds-dropdownmenu__item"
data-color="accent"
data-size="md"
data-variant="tertiary"
type="button"
/>
--------------------------------------------------
heading:
Name "Links":
<h2
class="ds-paragraph ds-paragraph--md ds-line-height--md ds-dropdownmenu__heading"
/>
--------------------------------------------------
list:
Name "":
<ul
class="ds-dropdownmenu__list"
/>
--------------------------------------------------
listitem:
Name "":
<li />
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-haspopup="menu"
class="ds-paragraph ds-paragraph--md ds-line-height--sm ds-button"
data-color="accent"
data-size="md"
data-variant="primary"
popovertarget=":r2:"
type="button"
>
Dropdown
</button>
<div
class="ds-paragraph ds-paragraph--md ds-line-height--md ds-popover ds-dropdownmenu"
data-placement="bottom"
data-popping=""
data-size="md"
data-variant="default"
id=":r2:"
popover="manual"
style="--ds-popover-arrow-x: 0px; --ds-popover-arrow-y: -11px; translate: 0px 11px;"
>
<h2
class="ds-paragraph ds-paragraph--md ds-line-height--md ds-dropdownmenu__heading"
>
Links
</h2>
<ul
class="ds-dropdownmenu__list"
>
<li>
<button
class="ds-paragraph ds-paragraph--md ds-line-height--sm ds-button ds-dropdownmenu__item"
data-color="accent"
data-size="md"
data-variant="tertiary"
type="button"
>
Item
</button>
</li>
</ul>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/react/src/components/DropdownMenu/DropdownMenu.test.tsx:70:19
|
|
test
Process completed with exit code 1.
|