Fix usage of tooltip in the Circular option picker. #123745
Annotations
3 errors and 2 warnings
|
Running the tests:
packages/components/src/palette-edit/test/index.tsx#L37
TestingLibraryElementError: Unable to find a label with the text of: Color: Primary
Ignored nodes: comments, script, style
<body>
<div
class="components-popover__fallback-container"
/>
<div>
<div
class="e1lpqc902 css-p5g8ep-PolymorphicDiv-PaletteEditStyles e19lxcc00"
>
<div
class="components-flex components-h-stack css-1hwd9hm-PolymorphicDiv-Flex-base-ItemsRow e19lxcc00"
data-wp-c16t="true"
data-wp-component="HStack"
>
<h2
class="components-truncate components-text components-heading e1lpqc905 css-139bgvg-PolymorphicDiv-Text-sx-Base-block-PaletteHeading e19lxcc00"
data-wp-c16t="true"
data-wp-component="Heading"
>
Test label
</h2>
<div
class="e1lpqc904 css-1w89x8y-PolymorphicDiv-PaletteActionsContainer e19lxcc00"
>
<button
aria-label="Add color"
aria-pressed="false"
class="components-button is-small has-icon"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"
/>
</svg>
</button>
<div
class="components-dropdown components-dropdown-menu"
tabindex="-1"
>
<button
aria-expanded="false"
aria-haspopup="true"
aria-label="Color options"
class="components-button components-dropdown-menu__toggle is-small has-icon"
type="button"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"
/>
</svg>
</button>
</div>
</div>
</div>
<div
class="e1lpqc903 css-4242aj-PolymorphicDiv-PaletteEditContents e19lxcc00"
>
<div
class="components-flex components-h-stack components-v-stack css-3buooc-PolymorphicDiv-Flex-base-ItemsColumn e19lxcc00"
data-wp-c16t="true"
data-wp-component="VStack"
>
<div
class="components-circular-option-picker"
>
<div
aria-label="Custom color picker."
id="components-circular-option-picker-9"
role="listbox"
>
|
|
Running the tests:
packages/block-editor/src/components/color-palette/test/control.js#L38
Error: expect(received).toMatchSnapshot()
Snapshot name: `ColorPaletteControl matches the snapshot 1`
- Snapshot - 1
+ Received + 1
@@ -212,11 +212,11 @@
>
<div
class="components-circular-option-picker__option-wrapper"
>
<button
- aria-label="Color: red"
+ aria-label="red"
aria-selected="true"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
data-active-item="true"
id="components-circular-option-picker-0-0"
role="option"
at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/color-palette/test/control.js:38:23)
|
|
Running the tests
Process completed with exit code 1.
|
|
Your workflow is using a version of actions/cache that is scheduled for deprecation, actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9. Please update your workflow to use either v3 or v4 of actions/cache to avoid interruptions. Learn more: https://github.blog/changelog/2024-12-05-notice-of-upcoming-releases-and-breaking-changes-for-github-actions/#actions-cache-v1-v2-and-actions-toolkit-cache-package-closing-down
|
|
Setup Node.js and install dependencies
Both node-version and node-version-file inputs are specified, only node-version will be used
|
Loading