Skip to content

Improve the various Alignment controls props handling #123501

Improve the various Alignment controls props handling

Improve the various Alignment controls props handling #123501

Triggered via pull request January 6, 2025 13:16
Status Failure
Total duration 8m 16s
Artifacts 1

unit-test.yml

on: pull_request
Compute previous WordPress version
0s
Compute previous WordPress version
Build JavaScript assets for PHP unit tests
4m 48s
Build JavaScript assets for PHP unit tests
PHP coding standards
25s
PHP coding standards
Matrix: unit-js-date
Matrix: unit-js
Matrix: test-php
Fit to window
Zoom out
Zoom in

Annotations

9 errors and 32 warnings
JavaScript (Node.js 22) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L47
Error: expect(received).toMatchSnapshot() Snapshot name: `AlignmentUI should match snapshot when controls are visible 1` - Snapshot - 1 + Received + 1 @@ -1,10 +1,10 @@ <div> <div class="components-toolbar" icon="[object Object]" - label="Align text" + label="Align block" > <div> <button align="left" aria-label="Align text left" at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:47:23) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10) at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40) at processTicksAndRejections (node:internal/process/task_queues:105:5) at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9) at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3) at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21) at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19) at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16) at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34) at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
JavaScript (Node.js 22) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Align text" Here are the accessible roles: button: Name "Align block": <button aria-expanded="false" aria-haspopup="true" aria-label="Align block" class="components-button components-dropdown-menu__toggle has-icon" data-toolbar-item="true" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <p class="a11y-speak-intro-text" hidden="hidden" 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;" /> <div> <div class="components-dropdown components-dropdown-menu components-toolbar" tabindex="-1" > <button aria-expanded="false" aria-haspopup="true" aria-label="Align block" class="components-button components-dropdown-menu__toggle has-icon" data-toolbar-item="true" type="button" > <svg aria-hidden="true" focusable="false" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" > <path d="M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z" /> </svg> </button> </div> </div> </body> 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.getByRole (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:68:11) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-
JavaScript (Node.js 22) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L154
Error: expect(received).toMatchSnapshot() Snapshot name: `AlignmentUI should allow custom alignment controls to be specified 1` - Snapshot - 1 + Received + 1 @@ -1,10 +1,10 @@ <div> <div class="components-toolbar" icon="[object Object]" - label="Align text" + label="Align block" > <div> <button align="custom-left" aria-label="My custom left" at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:154:23) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10) at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40) at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9) at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3) at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21) at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19) at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16) at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34) at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
JavaScript (Node.js 22) 3/4
Process completed with exit code 1.
JavaScript (Node.js 20) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L47
Error: expect(received).toMatchSnapshot() Snapshot name: `AlignmentUI should match snapshot when controls are visible 1` - Snapshot - 1 + Received + 1 @@ -1,10 +1,10 @@ <div> <div class="components-toolbar" icon="[object Object]" - label="Align text" + label="Align block" > <div> <button align="left" aria-label="Align text left" at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:47:23) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10) at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9) at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3) at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21) at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19) at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16) at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34) at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
JavaScript (Node.js 20) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L37
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Align text" Here are the accessible roles: button: Name "Align block": <button aria-expanded="false" aria-haspopup="true" aria-label="Align block" class="components-button components-dropdown-menu__toggle has-icon" data-toolbar-item="true" type="button" /> -------------------------------------------------- Ignored nodes: comments, script, style <body> <p class="a11y-speak-intro-text" hidden="hidden" 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;" /> <div> <div class="components-dropdown components-dropdown-menu components-toolbar" tabindex="-1" > <button aria-expanded="false" aria-haspopup="true" aria-label="Align block" class="components-button components-dropdown-menu__toggle has-icon" data-toolbar-item="true" type="button" > <svg aria-hidden="true" focusable="false" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" > <path d="M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z" /> </svg> </button> </div> </div> </body> 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.getByRole (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:68:11) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-
JavaScript (Node.js 20) 3/4: packages/block-editor/src/components/alignment-control/test/index.js#L154
Error: expect(received).toMatchSnapshot() Snapshot name: `AlignmentUI should allow custom alignment controls to be specified 1` - Snapshot - 1 + Received + 1 @@ -1,10 +1,10 @@ <div> <div class="components-toolbar" icon="[object Object]" - label="Align text" + label="Align block" > <div> <button align="custom-left" aria-label="My custom left" at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/block-editor/src/components/alignment-control/test/index.js:154:23) at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10) at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40) at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9) at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9) at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3) at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21) at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19) at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16) at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34) at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
JavaScript (Node.js 20) 3/4
Process completed with exit code 1.
Mobile
Process completed with exit code 1.
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
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 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) 4/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 20) 1/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
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
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.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 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 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 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.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.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.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 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 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 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.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 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 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 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 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
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