Components: upgrade Ariakit to latest #102453
Annotations
10 errors and 2 warnings
|
Running the tests:
packages/components/src/button/test/index.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: WordPress. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-label="WordPress"
class="components-button has-icon"
type="button"
>
<div
data-testid="test-icon"
/>
</button>
</div>
</body>
at Object.getElementError (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:37:19)
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByText (/home/runner/work/gutenberg/gutenberg/packages/components/src/button/test/index.tsx:318:19)
|
|
Running the tests:
packages/components/src/button/test/index.tsx#L37
TestingLibraryElementError: Unable to find an accessible element with the role "tooltip" and name "Description text"
Here are the accessible roles:
button:
Name "Label":
<button
aria-describedby="components-button__description-26"
aria-label="Label"
class="components-button has-text has-icon"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-describedby="components-button__description-26"
aria-label="Label"
class="components-button has-text has-icon"
type="button"
>
<div
data-testid="test-icon"
/>
Children
</button>
<div
class="components-visually-hidden css-1mm2cvy-View e19lxcc00"
data-wp-c16t="true"
data-wp-component="VisuallyHidden"
style="border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset( 50% ); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; word-wrap: normal;"
>
<span
id="components-button__description-26"
>
Description text
</span>
</div>
</div>
</body>
at Object.getElementError (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:37:19)
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (/home/runner/work/gutenberg/gutenberg/packages/components/src/button/test/index.tsx:383:12)
|
|
Running the tests:
packages/components/src/button/test/index.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: WordPress. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-label="WordPress"
class="components-button has-icon"
type="button"
>
<div
data-testid="test-icon"
/>
</button>
</div>
</body>
at Object.getElementError (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:37:19)
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByText (/home/runner/work/gutenberg/gutenberg/packages/components/src/button/test/index.tsx:426:19)
|
|
Running the tests:
packages/components/src/button/test/index.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: WordPress. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<button
aria-label="WordPress"
class="components-button has-text has-icon"
type="button"
>
<div
data-testid="test-icon"
/>
Children
</button>
</div>
</body>
at Object.getElementError (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:37:19)
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at /home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByText (/home/runner/work/gutenberg/gutenberg/packages/components/src/button/test/index.tsx:462:19)
|
|
Running the tests:
packages/components/src/dropdown-menu-v2/test/index.tsx#L194
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div aria-labelledby=":r1e:" aria-orientation="vertical" class="components-dropdown-menu css-xro5l5-DropdownMenu-DropdownMenu e1kdzosf12" data-dialog="" data-leave="true" data-side="bottom" data-wp-c16t="true" data-wp-component="DropdownMenu" id=":r1f:" role="menu" style="position: relative;" tabindex="0"><button style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;" tabindex="-1" type="button">Dismiss popup</button><div class="css-lgq169-DropdownMenuItem-baseItem e1kdzosf11" id=":r1j:" role="menuitem" tabindex="-1"><span class="css-1qky3c4-ItemPrefixWrapper e1kdzosf8" /><div class="css-1n5s300-DropdownMenuItemContentWrapper e1kdzosf7"><div class="css-1q72f1g-DropdownMenuItemChildrenWrapper e1kdzosf6">Dropdown menu item</div></div></div></div> instead
at Object.toBeInTheDocument (/home/runner/work/gutenberg/gutenberg/packages/components/src/dropdown-menu-v2/test/index.tsx:194:47)
|
|
Running the tests:
packages/components/src/dropdown-menu-v2/test/index.tsx#L218
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div aria-labelledby=":r1l:" aria-orientation="vertical" class="components-dropdown-menu css-xro5l5-DropdownMenu-DropdownMenu e1kdzosf12" data-dialog="" data-leave="true" data-side="bottom" data-wp-c16t="true" data-wp-component="DropdownMenu" id=":r1m:" role="menu" style="position: relative;" tabindex="0"><button style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;" tabindex="-1" type="button">Dismiss popup</button><div class="css-lgq169-DropdownMenuItem-baseItem e1kdzosf11" id=":r1q:" role="menuitem" tabindex="-1"><span class="css-1qky3c4-ItemPrefixWrapper e1kdzosf8" /><div class="css-1n5s300-DropdownMenuItemContentWrapper e1kdzosf7"><div class="css-1q72f1g-DropdownMenuItemChildrenWrapper e1kdzosf6">Dropdown menu item</div></div></div></div> instead
at Object.toBeInTheDocument (/home/runner/work/gutenberg/gutenberg/packages/components/src/dropdown-menu-v2/test/index.tsx:218:47)
|
|
Running the tests:
packages/components/src/dropdown-menu-v2/test/index.tsx#L236
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div aria-labelledby=":r1s:" aria-orientation="vertical" class="components-dropdown-menu css-xro5l5-DropdownMenu-DropdownMenu e1kdzosf12" data-dialog="" data-leave="true" data-side="bottom" data-wp-c16t="true" data-wp-component="DropdownMenu" id=":r1t:" role="menu" style="position: relative;" tabindex="0"><button style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px;" tabindex="-1" type="button">Dismiss popup</button><div class="css-lgq169-DropdownMenuItem-baseItem e1kdzosf11" id=":r21:" role="menuitem" tabindex="-1"><span class="css-1qky3c4-ItemPrefixWrapper e1kdzosf8" /><div class="css-1n5s300-DropdownMenuItemContentWrapper e1kdzosf7"><div class="css-1q72f1g-DropdownMenuItemChildrenWrapper e1kdzosf6">Dropdown menu item</div></div></div></div> instead
at Object.toBeInTheDocument (/home/runner/work/gutenberg/gutenberg/packages/components/src/dropdown-menu-v2/test/index.tsx:236:47)
|
|
Running the tests:
packages/components/src/dropdown-menu-v2/test/index.tsx#L916
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div aria-labelledby=":r5i:" aria-orientation="vertical" class="components-dropdown-menu css-xro5l5-DropdownMenu-DropdownMenu e1kdzosf12" data-dialog="" data-leave="true" data-side="bottom" data-wp-c16t="true" data-wp-component="DropdownMenu" id=":r5j:" role="menu" style="position: relative;" tabindex="0"><div class="css-lgq169-DropdownMenuItem-baseItem e1kdzosf11" id=":r5m:" role="menuitem" tabindex="-1"><span class="css-1qky3c4-ItemPrefixWrapper e1kdzosf8" /><div class="css-1n5s300-DropdownMenuItemContentWrapper e1kdzosf7"><div class="css-1q72f1g-DropdownMenuItemChildrenWrapper e1kdzosf6">Dropdown menu item</div></div></div></div> instead
at Object.toBeInTheDocument (/home/runner/work/gutenberg/gutenberg/packages/components/src/dropdown-menu-v2/test/index.tsx:916:47)
|
|
Running the tests:
packages/components/src/composite/legacy/test/index.tsx#L52
Error: expect(received).not.toBeNull()
Received: null
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
aria-label="With \"spread\" state Includes focusable disabled items"
id="composite-2"
>
<button
id="composite-2-1"
tabindex="-1"
type="button"
>
Item 1
</button>
<button
aria-disabled="true"
data-active-item="true"
data-focus-visible="true"
id="composite-2-2"
type="button"
>
Item 2
</button>
<button
id="composite-2-3"
tabindex="-1"
type="button"
>
Item 3
</button>
</div>
</div>
</body>
</html>
at toBeNull (/home/runner/work/gutenberg/gutenberg/packages/components/src/composite/legacy/test/index.tsx:52:30)
at runWithExpensiveErrorDiagnosticsDisabled (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:47:12)
at checkCallback (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/wait-for.js:121:77)
at MutationObserver.checkRealTimersCallback (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/wait-for.js:115:16)
at MutationObserver.invokeTheCallbackFunction (/home/runner/work/gutenberg/gutenberg/node_modules/jsdom/lib/jsdom/living/generated/MutationCallback.js:19:26)
at notifyMutationObservers (/home/runner/work/gutenberg/gutenberg/node_modules/jsdom/lib/jsdom/living/helpers/mutation-observers.js:160:22)
at /home/runner/work/gutenberg/gutenberg/node_modules/jsdom/lib/jsdom/living/helpers/mutation-observers.js:133:5
|
|
Running the tests:
packages/components/src/composite/legacy/test/index.tsx#L52
Error: expect(received).not.toBeNull()
Received: null
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<button>
Before
</button>
<div
aria-label="With `state` prop Renders as a single tab stop"
id="composite-3"
>
<button
data-active-item="true"
data-focus-visible="true"
id="composite-3-1"
type="button"
>
Item 1
</button>
<button
id="composite-3-2"
tabindex="-1"
type="button"
>
Item 2
</button>
<button
id="composite-3-3"
tabindex="-1"
type="button"
>
Item 3
</button>
</div>
<button>
After
</button>
</div>
</body>
</html>
at toBeNull (/home/runner/work/gutenberg/gutenberg/packages/components/src/composite/legacy/test/index.tsx:52:30)
at runWithExpensiveErrorDiagnosticsDisabled (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/config.js:47:12)
at checkCallback (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/wait-for.js:121:77)
at checkRealTimersCallback (/home/runner/work/gutenberg/gutenberg/node_modules/@testing-library/dom/dist/wait-for.js:115:16)
at Timeout.task [as _onTimeout] (/home/runner/work/gutenberg/gutenberg/node_modules/jsdom/lib/jsdom/browser/Window.js:553:19)
at listOnTimeout (node:internal/timers:573:17)
at processTimers (node:internal/timers:514:7)
|
|
Setup Node.js and install dependencies
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
Loading