Details
-
Bug
-
Resolution: Done
-
Major
-
None
-
14.0.6.Final
-
None
Description
The test is failing with message:
[INFO] FAIL src/__tests__/views/About.test.tsx (39.14 s) [INFO] ● About page › modal shows the children and a close button [INFO] [INFO] TestingLibraryElementError: Unable to find an accessible element with the role "img" and name "Infinispan Logo" [INFO] [INFO] Here are the accessible roles: [INFO] [INFO] dialog: [INFO] [INFO] Name "": [INFO] <div [INFO] aria-describedby="pf-about-modal-content-0" [INFO] aria-labelledby="pf-about-modal-title-0" [INFO] aria-modal="true" [INFO] class="pf-c-about-modal-box" [INFO] role="dialog" [INFO] /> [INFO] [INFO] -------------------------------------------------- [INFO] img: [INFO] [INFO] Name "Logo": [INFO] <img [INFO] alt="Logo" [INFO] class="pf-c-about-modal-box__brand-image" [INFO] src="test-file-stub" [INFO] /> [INFO] [INFO] -------------------------------------------------- [INFO] button: [INFO] [INFO] Name "Close Dialog": [INFO] <button [INFO] aria-disabled="false" [INFO] aria-label="Close Dialog" [INFO] class="pf-c-button pf-m-plain" [INFO] data-ouia-component-id="OUIA-Generated-Button-plain-1" [INFO] data-ouia-component-type="PF4/Button" [INFO] data-ouia-safe="true" [INFO] type="button" [INFO] /> [INFO] [INFO] -------------------------------------------------- [INFO] separator: [INFO] [INFO] Name "": [INFO] <hr [INFO] class="pf-c-divider" [INFO] /> [INFO] [INFO] Name "": [INFO] <hr [INFO] class="pf-c-divider" [INFO] /> [INFO] [INFO] -------------------------------------------------- [INFO] definition: [INFO] [INFO] Name "": [INFO] <dd [INFO] class="" [INFO] data-pf-content="true" [INFO] /> [INFO] [INFO] -------------------------------------------------- [INFO] [INFO] <body [INFO] class="pf-c-backdrop__open" [INFO] > [INFO] <div [INFO] aria-hidden="true" [INFO] /> [INFO] <div> [INFO] <div [INFO] class="pf-c-backdrop" [INFO] > [INFO] <div [INFO] class="pf-l-bullseye" [INFO] > [INFO] <div [INFO] aria-describedby="pf-about-modal-content-0" [INFO] aria-labelledby="pf-about-modal-title-0" [INFO] aria-modal="true" [INFO] class="pf-c-about-modal-box" [INFO] role="dialog" [INFO] > [INFO] <div [INFO] class="pf-c-about-modal-box__brand" [INFO] > [INFO] <img [INFO] alt="Logo" [INFO] class="pf-c-about-modal-box__brand-image" [INFO] src="test-file-stub" [INFO] /> [INFO] </div> [INFO] <div [INFO] class="pf-c-about-modal-box__close" [INFO] > [INFO] <button [INFO] aria-disabled="false" [INFO] aria-label="Close Dialog" [INFO] class="pf-c-button pf-m-plain" [INFO] data-ouia-component-id="OUIA-Generated-Button-plain-1" [INFO] data-ouia-component-type="PF4/Button" [INFO] data-ouia-safe="true" [INFO] type="button" [INFO] > [INFO] <svg [INFO] aria-hidden="true" [INFO] fill="currentColor" [INFO] height="1em" [INFO] role="img" [INFO] style="vertical-align: -0.125em;" [INFO] viewBox="0 0 352 512" [INFO] width="1em" [INFO] > [INFO] <path [INFO] d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" [INFO] /> [INFO] </svg> [INFO] </button> [INFO] </div> [INFO] [INFO] <div [INFO] class="pf-c-about-modal-box__content" [INFO] id="pf-about-modal-content-0" [INFO] > [INFO] <div [INFO] class="pf-c-about-modal-box__body" [INFO] > [INFO] <div [INFO] class="pf-c-content" [INFO] > [INFO] <div [INFO] class="pf-l-stack" [INFO] > [INFO] <div [INFO] class="pf-l-stack__item" [INFO] style="padding-bottom: 1.5rem;" [INFO] > [INFO] <hr [INFO] class="pf-c-divider" [INFO] /> [INFO] </div> [INFO] <div [INFO] class="pf-l-stack__item" [INFO] style="padding-bottom: 1.5rem;" [INFO] > [INFO] <div [INFO] class="pf-c-content" [INFO] > [INFO] <dl [INFO] class="" [INFO] data-pf-content="true" [INFO] > [INFO] <dt [INFO] class="" [INFO] data-pf-content="true" [INFO] > [INFO] Version [INFO] </dt> [INFO] <dd [INFO] class="" [INFO] data-pf-content="true" [INFO] > [INFO] Infinispan Corona 1.9 [INFO] </dd> [INFO] </dl> [INFO] </div> [INFO] </div> [INFO] <div [INFO] class="pf-l-stack__item" [INFO] > [INFO] <hr [INFO] class="pf-c-divider" [INFO] /> [INFO] </div> [INFO] </div> [INFO] </div> [INFO] </div> [INFO] <p [INFO] class="pf-c-about-modal-box__strapline" [INFO] > [INFO] Sponsored by Red Hat [INFO] </p> [INFO] </div> [INFO] <div [INFO] class="pf-c-about-modal-box__hero" [INFO] style="--pf-c-about-modal-box__hero--sm--BackgroundImage: url(test-file-stub);" [INFO] /> [INFO] </div> [INFO] </div> [INFO] </div> [INFO] </div> [INFO] </body> [INFO] [INFO] 30 | expect(getByText('Infinispan Corona 1.9')).toBeTruthy(); [INFO] 31 | [INFO] > 32 | expect(getByRole('img', { name: 'Infinispan Logo' })).toBeInTheDocument(); [INFO] | ^ [INFO] 33 | [INFO] 34 | fireEvent.click(getByRole('button', { name: 'Close Dialog' })); [INFO] 35 | [INFO] [INFO] at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19) [INFO] at node_modules/@testing-library/dom/dist/query-helpers.js:90:38 [INFO] at node_modules/@testing-library/dom/dist/query-helpers.js:62:17 [INFO] at node_modules/@testing-library/dom/dist/query-helpers.js:111:19 [INFO] at Object.<anonymous> (src/__tests__/views/About.test.tsx:32:12)
Issue appeared after rebranding and some changes made after 8.4.CR1.
