This repository has been archived by the owner on Sep 11, 2024. It is now read-only.
Lock file maintenance #28402
renovate[bot]tests.yml
on: pull_request
Matrix: Jest
Element Web Integration Tests
2m 18s
Skip SonarCloud in merge queue
0s
Annotations
12 errors
|
RoomKnocksBar › with requests to join › when knock members count is 1 › renders a heading and a paragraph with name and user ID:
test/components/views/rooms/RoomKnocksBar-test.tsx#L179
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
/>
--------------------------------------------------
heading:
Name "Asking to join":
<h4
class="mx_Heading_h4"
/>
--------------------------------------------------
button:
Name "Deny":
<div
aria-label="Deny"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
/>
Name "Approve":
<div
aria-label="Approve"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="mx_RoomKnocksBar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
>
B
</span>
<div
class="mx_RoomKnocksBar_content"
>
<h4
class="mx_Heading_h4"
>
Asking to join
</h4>
<p
class="mx_RoomKnocksBar_paragraph"
>
Bob (@bob:example.org)
</p>
</div>
<div
aria-label="Deny"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
/>
</div>
<div
aria-label="Approve"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
/>
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (test/components/views/rooms/RoomKnocksBar-test.tsx:179:31)
|
|
RoomKnocksBar › with requests to join › when knock members count is 2 › renders a paragraph with two names:
test/components/views/rooms/RoomKnocksBar-test.tsx#L308
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
/>
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
/>
--------------------------------------------------
heading:
Name "2 people asking to join":
<h4
class="mx_Heading_h4"
/>
--------------------------------------------------
button:
Name "View":
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div>
<div
class="mx_RoomKnocksBar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
>
B
</span>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
>
J
</span>
<div
class="mx_RoomKnocksBar_content"
>
<h4
class="mx_Heading_h4"
>
2 people asking to join
</h4>
<p
class="mx_RoomKnocksBar_paragraph"
>
Bob and Jane
</p>
</div>
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
View
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (test/components/views/rooms/RoomKnocksBar-test.tsx:308:31)
|
|
RoomKnocksBar › with requests to join › when knock members count is 3 › renders a paragraph with three names:
test/components/views/rooms/RoomKnocksBar-test.tsx#L316
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
/>
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
/>
--------------------------------------------------
heading:
Name "3 people asking to join":
<h4
class="mx_Heading_h4"
/>
--------------------------------------------------
button:
Name "View":
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div>
<div
class="mx_RoomKnocksBar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
>
B
</span>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
>
J
</span>
<div
class="mx_RoomKnocksBar_content"
>
<h4
class="mx_Heading_h4"
>
3 people asking to join
</h4>
<p
class="mx_RoomKnocksBar_paragraph"
>
Bob, Jane and John
</p>
</div>
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
View
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (test/components/views/rooms/RoomKnocksBar-test.tsx:316:31)
|
|
RoomKnocksBar › with requests to join › when knock count is greater than 3 › renders a paragraph with two names and a count:
test/components/views/rooms/RoomKnocksBar-test.tsx#L324
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
/>
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
/>
--------------------------------------------------
heading:
Name "4 people asking to join":
<h4
class="mx_Heading_h4"
/>
--------------------------------------------------
button:
Name "View":
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
/>
<div>
<div
class="mx_RoomKnocksBar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@bob:example.org"
>
B
</span>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_RoomKnocksBar_avatar _avatar-imageless_mcap2_61"
data-color="3"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 32px;"
title="@jane:example.org"
>
J
</span>
<div
class="mx_RoomKnocksBar_content"
>
<h4
class="mx_Heading_h4"
>
4 people asking to join
</h4>
<p
class="mx_RoomKnocksBar_paragraph"
>
Bob, Jane and 2 others
</p>
</div>
<div
aria-label="View"
class="mx_AccessibleButton mx_RoomKnocksBar_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
View
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (test/components/views/rooms/RoomKnocksBar-test.tsx:324:31)
|
|
Jest (2)
Process completed with exit code 1.
|
|
PeopleRoomSettingsTab › without requests to join › renders a paragraph "no requests":
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L57
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
heading:
Name "People":
<h2
class="mx_Heading_h3"
/>
--------------------------------------------------
group:
Name "Asking to join":
<fieldset
class="mx_SettingsFieldset"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<h2
class="mx_Heading_h3"
>
People
</h2>
<div
class="mx_SettingsSection_subSections"
>
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<p
class="mx_PeopleRoomSettingsTab_paragraph"
>
No requests
</p>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at getByRole (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:57:39)
at Object.getParagraph (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:72:20)
|
|
PeopleRoomSettingsTab › with requests to join › allows to expand a reason:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L126
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
img:
Name "":
<img
alt=""
class="_image_mcap2_50"
data-type="round"
height="42px"
loading="lazy"
referrerpolicy="no-referrer"
src="mxc://example.org/albert-einstein.png"
width="42px"
/>
--------------------------------------------------
button:
Name "See less":
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
/>
Name "Deny":
<div
aria-label="Deny"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
/>
Name "Approve":
<div
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<div
class="mx_PeopleRoomSettingsTab_knock"
>
<span
aria-label="Profile picture"
class="_avatar_mcap2_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
data-color="4"
data-testid="avatar-img"
data-type="round"
style="--cpd-avatar-size: 42px;"
title="@albert.einstein:example.org"
>
<img
alt=""
class="_image_mcap2_50"
data-type="round"
height="42px"
loading="lazy"
referrerpolicy="no-referrer"
src="mxc://example.org/albert-einstein.png"
width="42px"
/>
</span>
<div
class="mx_PeopleRoomSettingsTab_content"
>
<span
class="mx_PeopleRoomSettingsTab_name"
>
Albert Einstein
</span>
<time
class="mx_PeopleRoomSettingsTab_timestamp"
>
Apr 18, 1955
</time>
<span
class="mx_PeopleRoomSettingsTab_userId"
>
@albert.einstein:example.org
</span>
<p
class="mx_PeopleRoomSettingsTab_seeMoreOrLess"
>
There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a miracle.
</p>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
>
See less
</div>
</div>
<div
aria-label="Deny"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
/>
</div>
<div
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
/>
</div>
</div>
</div>
</fieldset>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.getByRole (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:126:39)
|
|
PeopleRoomSettingsTab › with requests to join › allows to collapse a reason:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L57
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
heading:
Name "People":
<h2
class="mx_Heading_h3"
/>
--------------------------------------------------
group:
Name "Asking to join":
<fieldset
class="mx_SettingsFieldset"
/>
--------------------------------------------------
img:
Name "":
<img
alt=""
class="_image_mcap2_50"
data-type="round"
height="42px"
loading="lazy"
referrerpolicy="no-referrer"
src="mxc://example.org/albert-einstein.png"
width="42px"
/>
--------------------------------------------------
button:
Name "See more":
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
/>
Name "Deny":
<div
aria-label="Deny"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
/>
Name "Approve":
<div
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<h2
class="mx_Heading_h3"
>
People
</h2>
<div
class="mx_SettingsSection_subSections"
>
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<div
class="mx_PeopleRoomSettingsTab_knock"
>
<span
aria-label="Profile picture"
class="_avatar_mcap2_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
data-color="4"
data-testid="avatar-img"
data-type="round"
style="--cpd-avatar-size: 42px;"
title="@albert.einstein:example.org"
>
<img
alt=""
class="_image_mcap2_50"
data-type="round"
height="42px"
loading="lazy"
referrerpolicy="no-referrer"
src="mxc://example.org/albert-einstein.png"
width="42px"
/>
</span>
<div
class="mx_PeopleRoomSettingsTab_content"
>
<span
class="mx_PeopleRoomSettingsTab_name"
>
Albert Einstein
</span>
<time
class="mx_PeopleRoomSettingsTab_timestamp"
>
Apr 18, 1955
</time>
<span
class="mx_PeopleRoomSettingsTab_userId"
>
@albert.einstein:example.org
</span>
<p
class="mx_PeopleRoomSettingsTab_seeMoreOrLess"
>
There are only two ways to live your life. One is as though nothing is a miracle. The other is as though everything is a…
</p>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
|
|
PeopleRoomSettingsTab › with requests to join › does not truncate a reason unnecessarily:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L57
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
heading:
Name "People":
<h2
class="mx_Heading_h3"
/>
--------------------------------------------------
group:
Name "Asking to join":
<fieldset
class="mx_SettingsFieldset"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 42px;"
title="@albert.einstein:example.org"
/>
--------------------------------------------------
button:
Name "Deny":
<div
aria-label="Deny"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
/>
Name "Approve":
<div
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<h2
class="mx_Heading_h3"
>
People
</h2>
<div
class="mx_SettingsSection_subSections"
>
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<div
class="mx_PeopleRoomSettingsTab_knock"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 42px;"
title="@albert.einstein:example.org"
>
a
</span>
<div
class="mx_PeopleRoomSettingsTab_content"
>
<span
class="mx_PeopleRoomSettingsTab_name"
>
albert.einstein
</span>
<span
class="mx_PeopleRoomSettingsTab_userId"
>
@albert.einstein:example.org
</span>
<p
class="mx_PeopleRoomSettingsTab_seeMoreOrLess"
>
I have no special talents. I am only passionately curious.
</p>
</div>
<div
aria-label="Deny"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary_outline"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
/>
</div>
<div
aria-label="Approve"
class="mx_AccessibleButton mx_PeopleRoomSettingsTab_action mx_AccessibleButton_hasKind mx_AccessibleButton_kind_icon_primary"
role="button"
tabindex="0"
>
<div
height="18"
width="18"
|
|
PeopleRoomSettingsTab › with requests to join › succeeds to deny a request:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L57
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
heading:
Name "People":
<h2
class="mx_Heading_h3"
/>
--------------------------------------------------
group:
Name "Asking to join":
<fieldset
class="mx_SettingsFieldset"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_Dialog_StaticContainer"
/>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<h2
class="mx_Heading_h3"
>
People
</h2>
<div
class="mx_SettingsSection_subSections"
>
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<p
class="mx_PeopleRoomSettingsTab_paragraph"
>
No requests
</p>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at getByRole (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:57:39)
at Object.getParagraph (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:182:20)
|
|
PeopleRoomSettingsTab › with requests to join › succeeds to approve a request:
test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L57
TestingLibraryElementError: Unable to find an accessible element with the role "paragraph"
Here are the accessible roles:
dialog:
Name "Unknown error code":
<div
aria-describedby="mx_Dialog_content"
aria-labelledby="mx_BaseDialog_title"
class="mx_ErrorDialog mx_Dialog_fixedWidth"
data-focus-lock-disabled="false"
role="dialog"
/>
--------------------------------------------------
heading:
Name "Unknown error code":
<h1
class="mx_Heading_h3 mx_Dialog_title"
id="mx_BaseDialog_title"
/>
--------------------------------------------------
button:
Name "OK":
<button
class="mx_Dialog_primary"
/>
Name "Close dialog":
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
--------------------------------------------------heading:
Name "People":
<h2
class="mx_Heading_h3"
/>
--------------------------------------------------
group:
Name "Asking to join":
<fieldset
class="mx_SettingsFieldset"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_Dialog_StaticContainer"
/>
<div
id="mx_Dialog_Container"
>
<div
class="mx_Dialog_wrapper"
>
<div
class="mx_Dialog_border _glass_1x9g9_17"
>
<div
class="mx_Dialog"
>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
<div
aria-describedby="mx_Dialog_content"
aria-labelledby="mx_BaseDialog_title"
class="mx_ErrorDialog mx_Dialog_fixedWidth"
data-focus-lock-disabled="false"
role="dialog"
>
<div
class="mx_Dialog_header"
>
<h1
class="mx_Heading_h3 mx_Dialog_title"
id="mx_BaseDialog_title"
>
Unknown error code
</h1>
</div>
<div
class="mx_Dialog_content"
id="mx_Dialog_content"
>
MatrixError: Unknown message
</div>
<div
class="mx_Dialog_buttons"
>
<button
class="mx_Dialog_primary"
>
OK
</button>
</div>
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
</div>
</div>
<div
class="mx_Dialog_background"
data-testid="dialog-background"
/>
</div>
</div>
<div>
<div
class="mx_SettingsTab"
>
<div
class="mx_SettingsTab_sections"
>
<div
class="mx_SettingsSection"
>
<h2
class="mx_Heading_h3"
>
People
</h2>
<div
class="mx_SettingsSection_subSections"
>
<fieldset
class="mx_SettingsFieldset"
>
<legend
class="mx_SettingsFieldset_legend"
>
Asking to join
</legend>
<div
class="mx_SettingsFieldset_content"
>
<p
class="mx_PeopleRoomSettingsTab_paragraph"
>
No requests
</p>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</body>
at Object.getElementError (node_modules/@testing-library/react/node_modul
|
|
Jest (1)
Process completed with exit code 1.
|