[major] Chip component reimplementation #4925
chromatic.yml
on: pull_request
chromatic-deployment
1m 14s
storybook-tests
2m 28s
Annotations
2 errors
|
storybook-tests
Process completed with exit code 1.
|
|
src/chip/Chip.stories.tsx > Tooltip:
packages/lib/src/chip/Chip.stories.tsx#L220
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/chip--tooltip&addonPanel=storybook/interactions/panel
Unable to find role="tooltip"
Ignored nodes: comments, script, style
<div>
<h4
class="css-1bd2r6e-SectionTitle epwpitw0"
>
Chip with Tooltip
</h4>
<div
class="undefined-all css-1c9n8t5-DivContainer e1ko2gfr0"
>
<div
class="css-1qjpd2h-Chip eg4jpbw2"
>
<div
class="css-rul2bb-ActionIconContainer ejuqjh72"
color="primary"
shape="circle"
>
<div
class="css-1h7o0o2-ContentWrapper ejoa0p02"
>
<div
class="css-x7p5zc-IconContainer ejuqjh70"
color="primary"
>
<span
aria-hidden="true"
class="css-1bl8xob-IconContainer e1cuupo30"
role="img"
/>
</div>
</div>
</div>
<span
aria-describedby="radix-:r6:"
class="css-qc7s38-LabelContainer eg4jpbw1"
data-state="delayed-open"
>
Default with tooltip and very long text
</span>
<button
aria-label="Delete"
class="css-nnxw43-ActionIconContainer-ActionIconContainer ejuqjh72"
color="transparent"
data-state="closed"
role="button"
shape="square"
tabindex="0"
type="button"
>
<div
class="css-9l0d2t-IconContainerWrapper-IconContainerWrapper ejuqjh71"
>
<div
class="css-x7p5zc-IconContainer ejuqjh70"
color="transparent"
>
<span
aria-hidden="true"
class="css-u4dwz6-IconContainer e1cuupo30"
role="img"
/>
</div>
</div>
</button>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<h4
class="css-1bd2r6e-SectionTitle epwpitw0"
>
Chip with Tooltip
</h4>
<div
class="undefined-all css-1c9n8t5-DivContainer e1ko2gfr0"
>
<div
class="css-1qjpd2h-Chip eg4jpbw2"
>
<div
class="css-rul2bb-ActionIconContainer ejuqjh72"
color="primary"
shape="circle"
>
<div
class="css-1h7o0o2-ContentWrapper ejoa0p02"
>
<div
class="css-x7p5zc-IconContainer ejuqjh70"
color="primary"
>
<span
aria-hidden="true"
class="css-1bl8xob-IconContainer e1cuupo30"
role="img"
/>
</div>
</div>
</div>
<span
aria-describedby="radix-:r6:"
class="css-qc7s38-LabelContainer eg4jpbw1"
data-state="delayed-open"
>
Default with tooltip and very long text
</span>
<button
aria-label="Delete"
class="css-nnxw43-ActionIconContainer-ActionIconContainer ejuqjh72"
color="transparent"
data-state="closed"
role="button"
shape="square"
tabindex="0"
type="button"
>
<div
class="css-9l0d2t-IconContainerWrapper-IconContainerWrapper ejuqjh71"
>
<div
class="css-x7p5zc-IconContainer ejuqjh70"
color="transparent"
>
<span
aria-hidden="true"
class="css-u4dwz6-IconContainer e1cuupo30"
role="img"
/>
</div>
</div>
</button>
</div>
</div>
</div>
❯ waitForWrapper ../../node_modules/storybook/dist/test/index.js:27919:10
❯ ../../node_modules/storybook/dist/test/index.js:27993:25
❯ Instrumenter.invoke ../../node_modules/storybook/dist/instrumenter/index.js:2949:16
❯ Instrumenter.intercept ../../node_modules/storybook/dist/instrumenter/index.js:2868:95
❯ Instrumenter.track ../../node_modules/storybook/dist/instrumenter/index.js:2863:34
❯ Object.findByRole ../../node_modules/storybook/dist/instrumenter/index.js:2845:60
❯ findByRole src/chip/Chip.stories.tsx:220:17
❯
|