Eik/hide labs and sharedinvites #255
eikstatests.yml
on: pull_request
Matrix: Jest
Element Web Integration Tests
1m 52s
Skip SonarCloud in merge queue
0s
Annotations
21 errors
|
Element Web Integration Tests
Process completed with exit code 1.
|
|
<SendMessageComposer/> › functions correctly mounted › persists to session history upon sending:
test/components/views/rooms/SendMessageComposer-test.tsx#L457
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: {"action": "reply_to_event", "context": "Room", "event": null}
Number of calls: 0
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="mx_SendMessageComposer"
>
<div
class="mx_BasicMessageComposer"
>
<div
aria-label="Formatting"
class="mx_MessageComposerFormatBar"
role="toolbar"
>
<button
aria-label="Bold"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconBold"
role="button"
tabindex="0"
type="button"
/>
<button
aria-label="Italics"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconItalic"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Strikethrough"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconStrikethrough"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Code block"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconCode"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Quote"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconQuote"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Insert link"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconInsertLink"
role="button"
tabindex="-1"
type="button"
/>
</div>
<div
aria-autocomplete="list"
aria-haspopup="listbox"
aria-multiline="true"
class="mx_BasicMessageComposer_input mx_BasicMessageComposer_input_shouldShowPillAvatar"
contenteditable="true"
data-testid="basicmessagecomposer"
dir="auto"
role="textbox"
tabindex="0"
translate="no"
>
<div>
This is a message
</div>
</div>
</div>
</div>
</div>
</body>
</html>
at toHaveBeenCalledWith (test/components/views/rooms/SendMessageComposer-test.tsx:457:39)
at runWithExpensiveErrorDiagnosticsDisabled (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:47:12)
at checkCallback (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/wait-for.js:127:77)
at checkRealTimersCallback (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/wait-for.js:121:16)
at Timeout.task [as _onTimeout] (node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
|
|
<SendMessageComposer/> › functions correctly mounted › correctly sends a message:
test/components/views/rooms/SendMessageComposer-test.tsx#L485
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: "myfakeroom", null, {"body": "test message", "m.mentions": {}, "msgtype": "m.text"}
Number of calls: 0
at Object.toHaveBeenCalledWith (test/components/views/rooms/SendMessageComposer-test.tsx:485:44)
|
|
<SendMessageComposer/> › functions correctly mounted › shows chat effects on message sending:
test/components/views/rooms/SendMessageComposer-test.tsx#L505
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: "myfakeroom", null, {"body": "test message", "m.mentions": {}, "msgtype": "m.text"}
Number of calls: 0
at Object.toHaveBeenCalledWith (test/components/views/rooms/SendMessageComposer-test.tsx:505:44)
|
|
<SendMessageComposer/> › functions correctly mounted › not to send chat effects on message sending for threads:
test/components/views/rooms/SendMessageComposer-test.tsx#L533
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: "myfakeroom", null, {"body": "test message", "m.mentions": {}, "msgtype": "m.text"}
Number of calls: 0
at Object.toHaveBeenCalledWith (test/components/views/rooms/SendMessageComposer-test.tsx:533:44)
|
|
RoomView › for a local room › in state NEW › should match the snapshot:
test/components/structures/RoomView-test.tsx#L347
expect(received).toMatchSnapshot()
Snapshot name: `RoomView for a local room in state NEW should match the snapshot 1`
- Snapshot - 0
+ Received + 11
@@ -40,10 +40,21 @@
</div>
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
+ <div
+ class="mx_MiscHeaderButtons"
+ >
+ <div
+ aria-current="false"
+ aria-label="Support"
+ class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
</div>
</header>
<main
class="mx_RoomView_body"
>
at Object.toMatchSnapshot (test/components/structures/RoomView-test.tsx:347:35)
|
|
RoomView › for a local room › in state NEW › that is encrypted › should match the snapshot:
test/components/structures/RoomView-test.tsx#L371
expect(received).toMatchSnapshot()
Snapshot name: `RoomView for a local room in state NEW that is encrypted should match the snapshot 1`
- Snapshot - 0
+ Received + 11
@@ -47,10 +47,21 @@
</div>
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
+ <div
+ class="mx_MiscHeaderButtons"
+ >
+ <div
+ aria-current="false"
+ aria-label="Support"
+ class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
</div>
</header>
<main
class="mx_RoomView_body"
>
at Object.toMatchSnapshot (test/components/structures/RoomView-test.tsx:371:39)
|
|
RoomView › for a local room › in state CREATING should match the snapshot:
test/components/structures/RoomView-test.tsx#L379
expect(received).toMatchSnapshot()
Snapshot name: `RoomView for a local room in state CREATING should match the snapshot 1`
- Snapshot - 0
+ Received + 11
@@ -40,10 +40,21 @@
</div>
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
+ <div
+ class="mx_MiscHeaderButtons"
+ >
+ <div
+ aria-current="false"
+ aria-label="Support"
+ class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
</div>
</header>
<div
class="mx_RoomView_body"
>
at Object.toMatchSnapshot (test/components/structures/RoomView-test.tsx:379:31)
|
|
RoomView › for a local room › in state ERROR › should match the snapshot:
test/components/structures/RoomView-test.tsx#L389
expect(received).toMatchSnapshot()
Snapshot name: `RoomView for a local room in state ERROR should match the snapshot 1`
- Snapshot - 0
+ Received + 11
@@ -40,10 +40,21 @@
</div>
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
+ <div
+ class="mx_MiscHeaderButtons"
+ >
+ <div
+ aria-current="false"
+ aria-label="Support"
+ class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
</div>
</header>
<main
class="mx_RoomView_body"
>
at Object.toMatchSnapshot (test/components/structures/RoomView-test.tsx:389:35)
|
|
MessageComposer › for a Room › UIStore interactions › when a non-resize event occurred in UIStore › should still display the sticker picker:
test/components/views/rooms/MessageComposer-test.tsx#L59
TestingLibraryElementError: Unable to find a label with the text of: Sticker
Ignored nodes: comments, script, style
<body>
<div
id="mx_ContextualMenu_Container"
>
<div
class="mx_ContextualMenu_wrapper mx_MessageComposer_Menu"
style="right: 1014px;"
>
<div
class="mx_ContextualMenu_background"
/>
<div
class="mx_ContextualMenu mx_ContextualMenu_right"
role="menu"
>
<ul
class="mx_IconizedContextMenu mx_IconizedContextMenu_compact"
role="none"
>
<div
class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
>
<li
aria-label="Voice Message"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="0"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_voiceMessage"
/>
<span
class="mx_IconizedContextMenu_label"
>
Voice Message
</span>
</li>
<li
aria-label="Poll"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="-1"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_poll"
/>
<span
class="mx_IconizedContextMenu_label"
>
Poll
</span>
</li>
<li
aria-label="Location"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="-1"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_location"
/>
<span
class="mx_IconizedContextMenu_label"
>
Location
</span>
</li>
</div>
</ul>
</div>
</div>
</div>
<div>
<div
aria-label="Message composer"
class="mx_MessageComposer"
role="region"
>
<div
class="mx_MessageComposer_wrapper"
>
<div
class="mx_MessageComposer_row"
>
<div
class="mx_SendMessageComposer"
>
<div
class="mx_BasicMessageComposer"
>
<div
aria-label="Formatting"
class="mx_MessageComposerFormatBar"
role="toolbar"
>
<button
aria-label="Bold"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconBold"
role="button"
tabindex="0"
type="button"
/>
<button
aria-label="Italics"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconItalic"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Strikethrough"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconStrikethrough"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Code block"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconCode"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Quote"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconQuote"
|
|
MessageComposer › for a Room › UIStore interactions › when a resize to narrow event occurred in UIStore › should close the menu:
test/components/views/rooms/MessageComposer-test.tsx#L59
TestingLibraryElementError: Unable to find a label with the text of: Sticker
Ignored nodes: comments, script, style
<body>
<div
id="mx_ContextualMenu_Container"
>
<div
class="mx_ContextualMenu_wrapper mx_MessageComposer_Menu"
style="right: 1014px;"
>
<div
class="mx_ContextualMenu_background"
/>
<div
class="mx_ContextualMenu mx_ContextualMenu_right"
role="menu"
>
<ul
class="mx_IconizedContextMenu mx_IconizedContextMenu_compact"
role="none"
>
<div
class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
>
<li
aria-label="Attachment"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="0"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_upload"
/>
<span
class="mx_IconizedContextMenu_label"
>
Attachment
</span>
</li>
<li
aria-label="Poll"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="-1"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_poll"
/>
<span
class="mx_IconizedContextMenu_label"
>
Poll
</span>
</li>
<li
aria-label="Location"
class="mx_AccessibleButton mx_IconizedContextMenu_item"
role="menuitem"
tabindex="-1"
>
<span
class="mx_IconizedContextMenu_icon mx_MessageComposer_location"
/>
<span
class="mx_IconizedContextMenu_label"
>
Location
</span>
</li>
</div>
</ul>
</div>
</div>
</div>
<div>
<div
aria-label="Message composer"
class="mx_MessageComposer"
role="region"
>
<div
class="mx_MessageComposer_wrapper"
>
<div
class="mx_MessageComposer_row"
>
<div
class="mx_SendMessageComposer"
>
<div
class="mx_BasicMessageComposer"
>
<div
aria-label="Formatting"
class="mx_MessageComposerFormatBar"
role="toolbar"
>
<button
aria-label="Bold"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconBold"
role="button"
tabindex="0"
type="button"
/>
<button
aria-label="Italics"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconItalic"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Strikethrough"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconStrikethrough"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Code block"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconCode"
role="button"
tabindex="-1"
type="button"
/>
<button
aria-label="Quote"
class="mx_AccessibleButton mx_MessageComposerFormatBar_button mx_MessageComposerFormatBar_buttonIconQuote"
|
|
LegacyRoomHeader › hides the voice call button and disables the video call button if configured to use Element Call exclusively and there's an ongoing call:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L292
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Video call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Join":
<button
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
|
|
LegacyRoomHeader › hides the voice call button and starts an Element call when the video call button is pressed if configured to use Element Call exclusively:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L310
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Video call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
|
|
LegacyRoomHeader › hides the voice call button and disables the video call button if configured to use Element Call exclusively and the user lacks permission:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L335
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Video call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
|
|
LegacyRoomHeader › disables call buttons in the new group call experience if there's an ongoing Element call:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L344
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Join":
<button
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
|
|
LegacyRoomHeader › disables call buttons in the new group call experience if there's an ongoing legacy 1:1 call:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L353
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
|
|
LegacyRoomHeader › disables call buttons in the new group call experience if there's an existing Jitsi widget:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L362
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
|
|
LegacyRoomHeader › disables call buttons in the new group call experience if there's no other members:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L370
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
|
|
LegacyRoomHeader › creates a Jitsi widget when call buttons are pressed in the new group call experience if the user lacks permission to start Element calls:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L408
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_ContextualMenu_Container"
/>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader
|
|
LegacyRoomHeader › creates a Jitsi widget when the voice call button is pressed and shows a menu when the video call button is pressed in the new group call experience:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L429
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_ContextualMenu_Container"
/>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader
|
|
LegacyRoomHeader › disables the voice call button and starts an Element call when the video call button is pressed in the new group call experience if the user lacks permission to edit widgets:
test/components/views/rooms/LegacyRoomHeader-test.tsx#L466
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Voice call"
Here are the accessible roles:
banner:
Name "":
<header
class="mx_LegacyRoomHeader light-panel"
/>
--------------------------------------------------
presentation:
Name "":
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
/>
--------------------------------------------------
heading:
Name "!1:example.org":
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
/>
--------------------------------------------------
button:
Name "Forget room":
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_forgetButton"
role="button"
tabindex="0"
/>
Name "Hide Widgets":
<div
aria-checked="true"
aria-label="Hide Widgets"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_appsButton mx_LegacyRoomHeader_appsButton_highlight"
role="button"
tabindex="0"
/>
Name "Search":
<div
aria-label="Search"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_LegacyRoomHeader_searchButton"
role="button"
tabindex="0"
/>
Name "Chat":
<div
aria-current="false"
aria-label="Chat"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_timelineCardButton"
role="button"
tabindex="0"
/>
Name "Threads":
<div
aria-current="false"
aria-label="Threads"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_threadsButton"
data-testid="threadsButton"
role="button"
tabindex="0"
/>
Name "Room info":
<div
aria-current="false"
aria-label="Room info"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_roomSummaryButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
Name "Support":
<div
aria-current="false"
aria-label="Support"
class="mx_AccessibleButton mx_LegacyRoomHeader_button mx_RightPanel_supportButton"
role="button"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div
id="mx_ContextualMenu_Container"
/>
<div>
<header
class="mx_LegacyRoomHeader light-panel"
>
<div
class="mx_LegacyRoomHeader_wrapper"
>
<div
class="mx_LegacyRoomHeader_avatar"
>
<div
class="mx_DecoratedRoomAvatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
data-color="4"
data-testid="avatar-img"
data-type="round"
role="presentation"
style="--cpd-avatar-size: 24px;"
>
!
</span>
</div>
</div>
<span
tabindex="0"
>
<div
class="mx_E2EIcon mx_E2EIcon_normal mx_LegacyRoomHeader_icon"
/>
</span>
<div
class="mx_LegacyRoomHeader_name mx_LegacyRoomHeader_name--textonly"
>
<div
aria-level="1"
class="mx_LegacyRoomHeader_nametext"
dir="auto"
role="heading"
title="!1:example.org"
>
!1:example.org
</div>
</div>
<div
class="mx_LegacyRoomHeader_searchStatus"
>
(~0 results)
</div>
<div
class="mx_LegacyRoomHeader_topic mx_RoomTopic"
/>
<div
aria-label="Forget room"
class="mx_AccessibleButton mx_LegacyRoomHeader
|