Align placeholder and iIllustration states between Cover and Image blocks #118953
rohitmathur-7unit-test.yml
on: pull_request
Compute previous WordPress version
6s
Build JavaScript assets for PHP unit tests
4m 37s
PHP coding standards
17s
Mobile
4m 2s
Matrix: unit-js-date
Matrix: unit-js
Matrix: test-php
PHP
0s
Annotations
32 errors and 10 warnings
|
JavaScript (Node.js 22) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an element with the text: To edit this block, you need permission to upload media.. 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
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="c27d4332-4f3f-4dda-8aa7-3c9f6a8c5c50"
data-title="Cover"
data-type="core/cover"
id="block-c27d4332-4f3f-4dda-8aa7-3c9f6a8c5c50"
role="document"
tabindex="0"
>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="components-placeholder block-editor-media-placeholder has-illustration"
>
<svg
aria-hidden="true"
class="components-placeholder__illustration"
fill="none"
focusable="false"
preserveAspectRatio="none"
viewBox="0 0 60 60"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M60 60 0 0"
vector-effect="non-scaling-stroke"
/>
</svg>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="components-placeholder__label"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z"
/>
</svg>
Cover
</div>
<div
class="components-placeholder__instructions"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-placeholder__fieldset"
>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
</div>
</div>
</div>
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/block-library/src/cover/test/edit.js:67:55)
|
|
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 "Color: 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="5f52493e-df7d-41f9-bb6d-93d6943997d2"
data-title="Cover"
data-type="core/cover"
id="block-5f52493e-df7d-41f9-bb6d-93d6943997d2"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="5f52493e-df7d-41f9-bb6d-93d6943997d2"
data-title="Cover"
|
|
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 "Color: 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="e5d14ed4-e9d8-48c0-b9be-c0eec9af7bbc"
data-title="Cover"
data-type="core/cover"
id="block-e5d14ed4-e9d8-48c0-b9be-c0eec9af7bbc"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="e5d14ed4-e9d8-48c0-b9be-c0eec9af7bbc"
data-title="Cover"
|
|
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 "Color: 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="83879be0-e554-4381-9678-269bc175e264"
data-title="Cover"
data-type="core/cover"
id="block-83879be0-e554-4381-9678-269bc175e264"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="83879be0-e554-4381-9678-269bc175e264"
data-title="Cover"
|
|
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 "Color: 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="b25f3712-b8d3-4407-8bb0-eaa4b243e616"
data-title="Cover"
data-type="core/cover"
id="block-b25f3712-b8d3-4407-8bb0-eaa4b243e616"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="b25f3712-b8d3-4407-8bb0-eaa4b243e616"
data-title="Cover"
|
|
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 "Color: 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="74d8e78b-9653-4140-979c-58f28b5b6289"
data-title="Cover"
data-type="core/cover"
id="block-74d8e78b-9653-4140-979c-58f28b5b6289"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[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 "Color: 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="3a054077-0915-44a5-b72e-38d3ff507e05"
data-title="Cover"
data-type="core/cover"
id="block-3a054077-0915-44a5-b72e-38d3ff507e05"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[3
|
|
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 "Color: 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="b3b17bb7-0c5a-4714-8048-895ca2e1547f"
data-title="Cover"
data-type="core/cover"
id="block-b3b17bb7-0c5a-4714-8048-895ca2e1547f"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[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 "Color: 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="d82e379e-4d0c-4bd8-8d57-e671ed78e33c"
data-title="Cover"
data-type="core/cover"
id="block-d82e379e-4d0c-4bd8-8d57-e671ed78e33c"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[3
|
|
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 "Color: 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="fb1e4941-9e24-4d88-9be4-91f6db98c523"
data-title="Cover"
data-type="core/cover"
id="block-fb1e4941-9e24-4d88-9be4-91f6db98c523"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[39
|
|
JavaScript (Node.js 20) 1/4:
packages/block-library/src/cover/test/edit.js#L37
TestingLibraryElementError: Unable to find an element with the text: To edit this block, you need permission to upload media.. 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
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="9e4355f7-d9fa-49ba-90f6-90ecdf2cc826"
data-title="Cover"
data-type="core/cover"
id="block-9e4355f7-d9fa-49ba-90f6-90ecdf2cc826"
role="document"
tabindex="0"
>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="components-placeholder block-editor-media-placeholder has-illustration"
>
<svg
aria-hidden="true"
class="components-placeholder__illustration"
fill="none"
focusable="false"
preserveAspectRatio="none"
viewBox="0 0 60 60"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M60 60 0 0"
vector-effect="non-scaling-stroke"
/>
</svg>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="components-placeholder__label"
>
<svg
aria-hidden="true"
focusable="false"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z"
/>
</svg>
Cover
</div>
<div
class="components-placeholder__instructions"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-placeholder__fieldset"
>
<div
aria-hidden="true"
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
</div>
</div>
</div>
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/block-library/src/cover/test/edit.js:67:55)
|
|
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 "Color: 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="c3ffd577-8e45-4256-87c1-ebe2e1a0f08c"
data-title="Cover"
data-type="core/cover"
id="block-c3ffd577-8e45-4256-87c1-ebe2e1a0f08c"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="c3ffd577-8e45-4256-87c1-ebe2e1a0f08c"
data-title="Cover"
|
|
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 "Color: 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="c75d6609-5729-41cf-9d6c-56938d237bb3"
data-title="Cover"
data-type="core/cover"
id="block-c75d6609-5729-41cf-9d6c-56938d237bb3"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="c75d6609-5729-41cf-9d6c-56938d237bb3"
data-title="Cover"
|
|
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 "Color: 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="d912fa1c-b28d-4774-9a66-5bdf30576741"
data-title="Cover"
data-type="core/cover"
id="block-d912fa1c-b28d-4774-9a66-5bdf30576741"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="d912fa1c-b28d-4774-9a66-5bdf30576741"
data-title="Cover"
|
|
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 "Color: 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="6c12fd8f-12f3-4f71-8867-4bbc566d2127"
data-title="Cover"
data-type="core/cover"
id="block-6c12fd8f-12f3-4f71-8867-4bbc566d2127"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block="6c12fd8f-12f3-4f71-8867-4bbc566d2127"
data-title="Cover"
|
|
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 "Color: 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="41a9c148-8a1e-441b-bf36-8277597b29cb"
data-title="Cover"
data-type="core/cover"
id="block-41a9c148-8a1e-441b-bf36-8277597b29cb"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[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 "Color: 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="0468bd3c-bd11-483a-bce9-1211a851aa4a"
data-title="Cover"
data-type="core/cover"
id="block-0468bd3c-bd11-483a-bce9-1211a851aa4a"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[3
|
|
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 "Color: 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="0fb3b0f0-1f72-4f6b-ab9f-53ece192d2fb"
data-title="Cover"
data-type="core/cover"
id="block-0fb3b0f0-1f72-4f6b-ab9f-53ece192d2fb"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[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 "Color: 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="f8c699c9-5859-4d87-8ab4-45e840d42191"
data-title="Cover"
data-type="core/cover"
id="block-f8c699c9-5859-4d87-8ab4-45e840d42191"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[3
|
|
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 "Color: 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="2dfa19b6-1371-403a-a8de-83bc8ce6ec3e"
data-title="Cover"
data-type="core/cover"
id="block-2dfa19b6-1371-403a-a8de-83bc8ce6ec3e"
role="document"
tabindex="0"
/>
--------------------------------------------------
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;"
>
Drag and drop onto this block, upload, or select existing media from your library.
</div>
<div
class="components-popover__fallback-container"
/>
<div>
<span
class="block-editor-block-inspector__no-blocks"
>
No block selected.
</span>
<div
style="height: 100%; display: flex;"
>
<div
class="popover-slot css-161q9d5-PolymorphicDiv e19lxcc00"
/>
<svg
aria-hidden="true"
focusable="false"
height="0"
role="none"
style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"
viewBox="0 0 0 0"
width="0"
xmlns="http://www.w3.org/2000/svg"
/>
<div
tabindex="0"
/>
<div
class="editor-styles-wrapper block-editor-writing-flow"
data-has-multi-selection="false"
style="height: 100%; width: 100%;"
tabindex="0"
>
<div
class="is-root-container block-editor-block-list__layout"
data-is-drop-zone="true"
>
<div
aria-label="Block: Cover"
class="is-placeholder block-editor-block-list__block wp-block wp-block-cover"
data-block�[39
|
|
PHP 8.1 multisite on ubuntu-latest
Process completed with exit code 1.
|
|
PHP 8.2 multisite on ubuntu-latest
The job was canceled because "_8_1_true" failed.
|
|
PHP 8.2 multisite on ubuntu-latest
The operation was canceled.
|
|
PHP 7.3 on ubuntu-latest
The job was canceled because "_8_1_true" failed.
|
|
PHP 7.3 on ubuntu-latest
The operation was canceled.
|
|
PHP 8.3 multisite on ubuntu-latest
The job was canceled because "_8_1_true" failed.
|
|
PHP 8.3 multisite on ubuntu-latest
The operation was canceled.
|
|
PHP 8.3 on ubuntu-latest
The job was canceled because "_8_1_true" failed.
|
|
PHP 8.3 on ubuntu-latest
The operation was canceled.
|
|
PHP 8.2 on ubuntu-latest
The job was canceled because "_8_1_true" failed.
|
|
PHP 8.2 on ubuntu-latest
The operation was canceled.
|
|
PHP
Process completed with exit code 1.
|
|
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 20) 3/4
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) 4/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 20) 2/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) 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
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
build-assets
|
14 MB |
|