Update react monorepo to v19 (major) #733
Annotations
5 errors and 1 warning
Test:
src/components/Tooltip/Tooltip.test.tsx#L90
TestingLibraryElementError: Unable to find an accessible element with the role "tooltip"
Here are the accessible roles:
link:
Name "":
<a
aria-labelledby=":ro:"
href="https://example.org"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: 100px;"
>
<a
aria-labelledby=":ro:"
href="https://example.org"
>
Link
</a>
</div>
</div>
<div
data-floating-ui-portal=""
id=":rs:"
>
<div
class="_tooltip_9b26f8"
data-floating-ui-focusable=""
style="position: absolute; left: 0px; top: 0px; transform: translate(5px, 6px);"
tabindex="-1"
>
<svg
aria-hidden="true"
class="_arrow_9b26f8"
height="10"
style="position: absolute; pointer-events: none; bottom: 100%; transform: rotate(180deg); left: -1px;"
viewBox="0 0 10 10"
width="10"
>
<path
d="M0,0 H10 L5,6 Q5,6 5,6 Z"
stroke="none"
/>
<clippath
id=":rt:"
>
<rect
height="10"
width="10"
x="0"
y="0"
/>
</clippath>
</svg>
<span
id=":ro:"
/>
</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
❯ src/components/Tooltip/Tooltip.test.tsx:90:12
|
Test:
src/components/Tooltip/Tooltip.test.tsx#L101
TestingLibraryElementError: Unable to find an accessible element with the role "tooltip"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: 100px;"
>
<span
tabindex="0"
>
<span
aria-labelledby=":ru:"
>
Just some text
</span>
</span>
</div>
</div>
<div
data-floating-ui-portal=""
id=":r12:"
>
<div
class="_tooltip_9b26f8"
data-floating-ui-focusable=""
style="position: absolute; left: 0px; top: 0px; transform: translate(5px, 6px);"
tabindex="-1"
>
<svg
aria-hidden="true"
class="_arrow_9b26f8"
height="10"
style="position: absolute; pointer-events: none; bottom: 100%; transform: rotate(180deg); left: -1px;"
viewBox="0 0 10 10"
width="10"
>
<path
d="M0,0 H10 L5,6 Q5,6 5,6 Z"
stroke="none"
/>
<clippath
id=":r13:"
>
<rect
height="10"
width="10"
x="0"
y="0"
/>
</clippath>
</svg>
<span
id=":ru:"
/>
</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
❯ src/components/Tooltip/Tooltip.test.tsx:101:12
|
Test:
src/components/Tooltip/Tooltip.test.tsx#L114
TestingLibraryElementError: Unable to find an accessible element with the role "tooltip"
Here are the accessible roles:
link:
Name "":
<a
aria-labelledby=":r14:"
href="https://example.org"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: 100px;"
>
<a
aria-labelledby=":r14:"
href="https://example.org"
>
Link
</a>
</div>
</div>
<div
data-floating-ui-portal=""
id=":r18:"
>
<div
class="_tooltip_9b26f8"
data-floating-ui-focusable=""
style="position: absolute; left: 0px; top: 0px; transform: translate(5px, 6px);"
tabindex="-1"
>
<svg
aria-hidden="true"
class="_arrow_9b26f8"
height="10"
style="position: absolute; pointer-events: none; bottom: 100%; transform: rotate(180deg); left: -1px;"
viewBox="0 0 10 10"
width="10"
>
<path
d="M0,0 H10 L5,6 Q5,6 5,6 Z"
stroke="none"
/>
<clippath
id=":r19:"
>
<rect
height="10"
width="10"
x="0"
y="0"
/>
</clippath>
</svg>
<span
id=":r14:"
/>
</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
❯ src/components/Tooltip/Tooltip.test.tsx:114:14
|
Test:
src/components/Tooltip/Tooltip.test.tsx#L167
TestingLibraryElementError: Unable to find an accessible element with the role "tooltip" and name "Employer Identification Number"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
style="padding: 100px;"
>
<span
aria-labelledby=":r1s:"
>
EIN
</span>
</div>
</div>
<div
data-floating-ui-portal=""
id=":r20:"
>
<div
class="_tooltip_9b26f8"
data-floating-ui-focusable=""
style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);"
tabindex="-1"
>
<svg
aria-hidden="true"
class="_arrow_9b26f8"
height="10"
style="position: absolute; pointer-events: none; bottom: 100%; transform: rotate(180deg);"
viewBox="0 0 10 10"
width="10"
>
<path
d="M0,0 H10 L5,6 Q5,6 5,6 Z"
stroke="none"
/>
<clippath
id=":r21:"
>
<rect
height="10"
width="10"
x="0"
y="0"
/>
</clippath>
</svg>
<span
id=":r1s:"
/>
</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
❯ src/components/Tooltip/Tooltip.test.tsx:167:12
|
Test
Process completed with exit code 1.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading