Fix/cover placeholder color options keyboard accessibility #123874
aferciaunit-test.yml
on: pull_request
Compute previous WordPress version
0s
Build JavaScript assets for PHP unit tests
5m 21s
PHP coding standards
19s
Mobile
4m 1s
Matrix: unit-js-date
Matrix: unit-js
Matrix: test-php
PHP
0s
Annotations
20 errors and 61 warnings
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="1d2cbdf8-cfdd-412f-9bf7-23ee82c64a80"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-1d2cbdf8-cfdd-412f-9bf7-23ee82c64a80"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-1"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-1-2"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-1-3"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"�[39
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="b63ea868-abe9-4b7a-a442-4ee9ddd26357"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-b63ea868-abe9-4b7a-a442-4ee9ddd26357"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-2"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-2-4"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-2-5"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="20048d26-384e-4ffd-a19c-b082e5451244"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-20048d26-384e-4ffd-a19c-b082e5451244"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-3"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-3-6"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-3-7"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"�[39
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="5d389306-fdac-41da-bfad-6b60164b7952"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-5d389306-fdac-41da-bfad-6b60164b7952"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-4"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-4-8"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-4-9"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="7d6cf192-f617-4273-ad32-14e08513c9f2"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-7d6cf192-f617-4273-ad32-14e08513c9f2"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-6"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-6-12"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-6-13"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="594ba569-8ac5-4cc3-a360-f53ac3f3dae1"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-594ba569-8ac5-4cc3-a360-f53ac3f3dae1"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-7"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-7-14"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-7-15"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="53cb8604-5f65-4f30-b3c9-83aa2697863e"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-53cb8604-5f65-4f30-b3c9-83aa2697863e"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-8"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-8-16"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-8-17"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "White"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="cb43b05d-ee65-4aee-bfe6-374f7b57def3"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-cb43b05d-ee65-4aee-bfe6-374f7b57def3"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-9"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-9-18"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-9-19"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "White"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="05401044-3f3d-42d8-b624-de9a0d35ea07"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-05401044-3f3d-42d8-b624-de9a0d35ea07"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-10"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-10-20"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-10-21"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>�[39
|
|
JavaScript (Node.js 22) 1/4
Process completed with exit code 1.
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="c3e74994-bfd1-40e1-adab-ec7a4e0c233b"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-c3e74994-bfd1-40e1-adab-ec7a4e0c233b"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-1"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-1-2"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-1-3"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"�[39
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="ec52e2d6-f1ed-4871-8863-0f28a28cc4c3"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-ec52e2d6-f1ed-4871-8863-0f28a28cc4c3"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-2"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-2-4"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-2-5"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="d8daf945-b90c-4085-b174-c8fd92d430c2"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-d8daf945-b90c-4085-b174-c8fd92d430c2"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-3"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-3-6"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-3-7"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"�[39
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="c41bf714-873b-4971-b61b-fd79c364beb0"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-c41bf714-873b-4971-b61b-fd79c364beb0"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-4"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-4-8"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-4-9"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="43b40f6f-ddff-441c-9439-de20ccb9f322"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-43b40f6f-ddff-441c-9439-de20ccb9f322"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-6"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-6-12"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-6-13"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="973872d3-e0e5-4c67-89d9-2bcfe65bc6e4"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-973872d3-e0e5-4c67-89d9-2bcfe65bc6e4"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-7"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-7-14"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-7-15"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Black"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="061eff3e-fc3d-4ee7-bc68-6741c9b8d938"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-061eff3e-fc3d-4ee7-bc68-6741c9b8d938"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-8"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-8-16"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-8-17"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "White"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="cad4a163-525e-4e30-a711-f5221de0be8b"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-cad4a163-525e-4e30-a711-f5221de0be8b"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-9"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-9-18"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-9-19"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "White"
Here are the accessible roles:
document:
Name "Block: Cover":
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="bd91428c-fe9f-476e-9661-b145be85d8f8"
data-title="Cover"
data-type="core/cover"
draggable="true"
id="block-bd91428c-fe9f-476e-9661-b145be85d8f8"
role="document"
tabindex="0"
/>
--------------------------------------------------
group:
Name "Background color":
<div
aria-label="Background color"
class="components-circular-option-picker"
id="components-circular-option-picker-10"
role="group"
/>
--------------------------------------------------
button:
Name "Black":
<button
aria-label="Black"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-10-20"
style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
type="button"
/>
Name "White":
<button
aria-label="White"
aria-pressed="false"
class="components-button components-circular-option-picker__option is-next-40px-default-size"
id="components-circular-option-picker-10-21"
style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<p
class="a11y-speak-intro-text"
id="a11y-speak-intro-text"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
Notifications
</p>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
>
To edit this block, you need permission to upload media.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
class="block-editor-block-canvas"
style="height: 100%;"
>�[39
|
|
JavaScript (Node.js 20) 1/4
Process completed with exit code 1.
|
|
JavaScript (Node.js 20) 2/4
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
|
|
Mobile
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
|
|
JavaScript Date Tests (Node.js 22)
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
|
|
JavaScript (Node.js 22) 3/4
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
|
|
JavaScript (Node.js 22) 1/4
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
|
|
JavaScript Date Tests (Node.js 20)
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
|
|
Build JavaScript assets for PHP unit tests
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
|
|
JavaScript (Node.js 20) 4/4
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
|
|
JavaScript (Node.js 20) 1/4
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
|
|
Compute previous WordPress version
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
JavaScript (Node.js 22) 4/4
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
|
|
JavaScript (Node.js 22) 2/4
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
|
|
JavaScript (Node.js 20) 3/4
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
|
|
PHP coding standards
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
JavaScript Date Tests (Node.js 20)
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript Date Tests (Node.js 22)
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 22) 3/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 20) 3/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 20) 2/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 20) 4/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 22) 1/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 22) 2/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 22) 4/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
JavaScript (Node.js 20) 1/4
Both node-version and node-version-file inputs are specified, only node-version will be used
|
|
Mobile
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
Build JavaScript assets for PHP unit tests
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.2 on ubuntu-latest
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
|
|
PHP 7.4 on ubuntu-latest
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
|
|
PHP 7.2 on ubuntu-latest
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
|
|
PHP 7.2 multisite on ubuntu-latest
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
|
|
PHP 8.0 on ubuntu-latest
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
|
|
PHP 7.3 multisite on ubuntu-latest
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
|
|
PHP 8.3 multisite on ubuntu-latest
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
|
|
PHP 8.1 multisite on ubuntu-latest
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
|
|
PHP 8.3 on ubuntu-latest
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
|
|
PHP 7.4 multisite on ubuntu-latest
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
|
|
PHP 7.3 on ubuntu-latest
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
|
|
PHP 7.4 (WP previous major version) on ubuntu-latest
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
|
|
PHP 8.1 on ubuntu-latest
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
|
|
PHP 8.2 multisite on ubuntu-latest
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
|
|
PHP 7.2 (WP previous major version) on ubuntu-latest
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
|
|
PHP 8.3 (WP previous major version) on ubuntu-latest
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
|
|
PHP 8.0 multisite on ubuntu-latest
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
|
|
PHP 8.2 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.2 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.3 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.0 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.1 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.3 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.4 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.2 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.4 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.3 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.3 (WP previous major version) on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.2 (WP previous major version) on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.4 (WP previous major version) on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.2 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.0 multisite on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 7.3 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP 8.1 on ubuntu-latest
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
PHP
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
build-assets
|
14.1 MB |
|