test #14565
mlqnAnnotations
2 errors
|
App › should present popover with options to log out or stay logged in when session about to expire:
frontend/app-development/layout/App.test.tsx#L36
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "[mockedText(general.)]"
Here are the accessible roles:
presentation:
Name "":
<div
aria-label=""
class="MuiPopover-root MuiModal-root css-1i0e6f3-MuiModal-root-MuiPopover-root"
role="presentation"
/>
--------------------------------------------------
heading:
Name "[mockedText(session.expires)]":
<h2 />
--------------------------------------------------
paragraph:
Name "":
<p
style="margin-top: 1.6rem;"
/>
--------------------------------------------------
button:
Name "[mockedText(general.continue)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-primary-c7ee1cc4 fds-button-first-c7ee1cc4"
type="button"
/>
Name "[mockedText(general.sign_out)]":
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-primary-c7ee1cc4 fds-button-inverted-c7ee1cc4"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
>
<div
class="Toastify"
/>
<div>
<div
data-testid="app-content-wrapper"
/>
</div>
</div>
<div
aria-label=""
class="MuiPopover-root MuiModal-root css-1i0e6f3-MuiModal-root-MuiPopover-root"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop css-g3hgs1-MuiBackdrop-root-MuiModal-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation8 MuiPopover-paper css-1atue4n-MuiPaper-root-MuiPopover-paper"
style="opacity: 1; transform: scale(1, 1); margin: 2.4rem; transition: opacity 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 0ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transform-origin: 0px 0px;"
tabindex="-1"
>
<div>
<div>
<h2>
[mockedText(session.expires)]
</h2>
<p
style="margin-top: 1.6rem;"
>
[mockedText(session.inactive)]
</p>
</div>
<div
class=""
>
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-primary-c7ee1cc4 fds-button-first-c7ee1cc4"
type="button"
>
[mockedText(general.continue)]
</button>
<button
class="fds-button-button-c7ee1cc4 fds-utility-focusable-7600d88a fds-button-small-c7ee1cc4 fds-button-primary-c7ee1cc4 fds-button-inverted-c7ee1cc4"
type="button"
>
[mockedText(general.sign_out)]
</button>
</div>
</div>
</div>
<div
data-testid="sentinelEnd"
tabindex="0"
/>
</div>
</body>
at Object.getElementError (../node_modules/@testing-library/dom/dist/config.js:37:19)
at ../node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at ../node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at ../node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (app-development/layout/App.test.tsx:36:19)
|
|
Testing
Process completed with exit code 1.
|