Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Accessibility: Improve Voiceover #26082

Accessibility: Improve Voiceover

Accessibility: Improve Voiceover #26082

Triggered via pull request May 19, 2024 12:56
Status Failure
Total duration 4m 49s
Artifacts

tests.yml

on: pull_request
Matrix: Jest
Element Web Integration Tests
2m 26s
Element Web Integration Tests
Skip SonarCloud in merge queue
0s
Skip SonarCloud in merge queue
Fit to window
Zoom out
Zoom in

Annotations

20 errors
<UserInfo /> › with crypto enabled › renders <BasicUserInfo />: test/components/views/right_panel/UserInfo-test.tsx#L406
expect(received).toMatchSnapshot() Snapshot name: `<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1` - Snapshot - 1 + Received + 2 @@ -28,18 +28,19 @@ > <div class="mx_UserInfo_avatar_transition_child" > <button - aria-label="Profile picture" + aria-label="@user:example.com. " aria-live="off" class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="3" data-testid="avatar-img" data-type="round" role="button" style="--cpd-avatar-size: 230.39999999999998px;" + tabindex="-1" > u </button> </div> </div> at Object.toMatchSnapshot (test/components/views/right_panel/UserInfo-test.tsx:406:31)
HTMLExport › should export: test/utils/exportUtils/HTMLExport-test.ts#L194
expect(received).toMatchSnapshot() Snapshot name: `HTMLExport should export 1` - Snapshot - 1 + Received + 1 @@ -61,11 +61,11 @@ <h2> !myroom:example.org </h2> <p> created this room. <br/><br/> <p><span>This is the start of export of <b>!myroom:example.org</b>. Exported by <a href="https://matrix.to/#/%40userId%3Amatrix.org" target="_blank" rel="noopener noreferrer"><b>@userid:matrix.org</b></a> at 11/17/2022.</span></p> </p> <br/> <p> </p> </div> - <li><div class="mx_TimelineSeparator" role="separator" aria-label="Thu, Jan 1, 1970"><hr role="none"/><div class="mx_DateSeparator_dateContent"><h2 class="mx_DateSeparator_dateHeading" aria-hidden="true">Thu, Jan 1, 1970</h2></div><hr role="none"/></div></li><div class="mx_Export_EventWrapper" id="49"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="49" data-layout="group" data-self="false" data-event-id="49" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@User49:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@User49:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" style="--cpd-avatar-size: 30px;">u</button></div><div class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/49" aria-label="00:00"><span class="mx_MessageTimestamp" aria-hidden="true" aria-live="off">00:00</span></a><div class="mx_MTextBody mx_EventTile_content"><span class="mx_EventTile_body" dir="auto">Message #49</span></div></div></li></div><div class="mx_Export_EventWrapper" id="48"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="48" data-layout="group" data-self="false" data-event-id="48" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user48:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user48:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" style="--cpd-avatar-size: 30px;">u</button></div><div class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/48" aria-label="00:00"><span class="mx_MessageTimestamp" aria-hidden="true" aria-live="off">00:00</span></a><div class="mx_MTextBody mx_EventTile_content"><span class="mx_EventTile_body" dir="auto">Message #48</span></div></div></li></div><div class="mx_Export_EventWrapper" id="47"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="47" data-layout="group" data-self="false" data-event-id="47" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@User47:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@User47:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" style="--cpd-avatar-size: 30px;">u</button></div><div class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/47" aria-label="00:00"><span class="mx_MessageTimestamp" aria-hidden="true" aria-live="off">00:00</span></a><div class="mx_MTextBody mx_EventTile_content"><span class="mx_EventTile_body" dir="auto">Message #47</span></div></div></li></div><div class="mx_Export_EventWrapper" id="46"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="46" data-layout="group" dat
<BeaconViewDialog /> › renders own beacon status when user is live sharing: test/components/views/beacon/BeaconViewDialog-test.tsx#L129
expect(received).toMatchSnapshot() Snapshot name: `<BeaconViewDialog /> renders own beacon status when user is live sharing 1` - Snapshot - 0 + Received + 2 @@ -1,15 +1,17 @@ <div class="mx_DialogOwnBeaconStatus" > <span + aria-label="@alice:server. " class="_avatar_mcap2_17 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar _avatar-imageless_mcap2_61" data-color="6" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 32px;" + tabindex="-1" title="@alice:server" > a </span> <div at Object.toMatchSnapshot (test/components/views/beacon/BeaconViewDialog-test.tsx:129:70)
PeopleRoomSettingsTab › with requests to join › renders requests fully: test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L106
expect(received).toMatchSnapshot() Snapshot name: `PeopleRoomSettingsTab with requests to join renders requests fully 1` - Snapshot - 1 + Received + 2 @@ -11,16 +11,17 @@ > <div class="mx_PeopleRoomSettingsTab_knock" > <span - aria-label="Profile picture" + aria-label="Albert Einstein. " class="_avatar_mcap2_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar" data-color="4" data-testid="avatar-img" data-type="round" style="--cpd-avatar-size: 42px;" + tabindex="-1" title="@albert.einstein:example.org" > <img alt="" class="_image_mcap2_50" at Object.toMatchSnapshot (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:106:32)
PeopleRoomSettingsTab › with requests to join › renders requests reduced: test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx#L120
expect(received).toMatchSnapshot() Snapshot name: `PeopleRoomSettingsTab with requests to join renders requests reduced 1` - Snapshot - 0 + Received + 2 @@ -11,16 +11,18 @@ > <div class="mx_PeopleRoomSettingsTab_knock" > <span + aria-label="albert.einstein. " 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;" + tabindex="-1" title="@albert.einstein:example.org" > a </span> <div at Object.toMatchSnapshot (test/components/views/settings/tabs/room/PeopleRoomSettingsTab-test.tsx:120:32)
ConfirmUserActionDialog › renders: test/components/views/dialogs/ConfirmUserActionDialog-test.tsx#L34
expect(received).toMatchSnapshot() Snapshot name: `ConfirmUserActionDialog renders 1` - Snapshot - 0 + Received + 2 @@ -36,16 +36,18 @@ > <div class="mx_ConfirmUserActionDialog_avatar" > <span + aria-label="@user:test.com. " class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="3" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 48px;" + tabindex="-1" title="@user:test.com" > u </span> </div> at Object.toMatchSnapshot (test/components/views/dialogs/ConfirmUserActionDialog-test.tsx:34:30)
<BeaconMarker /> › renders marker when beacon has location: test/components/views/beacon/BeaconMarker-test.tsx#L122
expect(received).toMatchSnapshot() Snapshot name: `<BeaconMarker /> renders marker when beacon has location 1` - Snapshot - 0 + Received + 2 @@ -6,16 +6,18 @@ > <div class="mx_Marker_border" > <span + aria-label="@alice:server. " class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="6" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 36px;" + tabindex="-1" title="@alice:server" > a </span> </div> at Object.toMatchSnapshot (test/components/views/beacon/BeaconMarker-test.tsx:122:30)
<FacePile /> › renders with a tooltip: test/components/views/elements/FacePile-test.tsx#L30
expect(received).toMatchSnapshot() Snapshot name: `<FacePile /> renders with a tooltip 1` - Snapshot - 0 + Received + 2 @@ -6,16 +6,18 @@ > <div class="_stacked-avatars_mcap2_111" > <span + aria-label="456. " 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: 36px;" + tabindex="-1" > 4 </span> </div> </div> at Object.toMatchSnapshot (test/components/views/elements/FacePile-test.tsx:30:30)
<PinnedEventTile /> › should render pinned event: test/components/views/rooms/PinnedEventTile-test.tsx#L55
expect(received).toMatchSnapshot() Snapshot name: `<PinnedEventTile /> should render pinned event 1` - Snapshot - 0 + Received + 3 @@ -1,16 +1,18 @@ <div> <div class="mx_PinnedEventTile" > <span + aria-label="@alice:server.org. " class="_avatar_mcap2_17 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_mcap2_61" data-color="2" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 24px;" + tabindex="-1" > a </span> <span class="mx_PinnedEventTile_sender mx_Username_color2" @@ -20,10 +22,11 @@ <div class="mx_PinnedEventTile_message" > <div class="mx_MTextBody mx_EventTile_content" + id="mx_EventTile_content_undefined" > <span class="mx_EventTile_body" dir="auto" > at Object.toMatchSnapshot (test/components/views/rooms/PinnedEventTile-test.tsx:55:27)
<DialogSidebar /> › renders sidebar correctly with beacons: test/components/views/beacon/DialogSidebar-test.tsx#L76
expect(received).toMatchSnapshot() Snapshot name: `<DialogSidebar /> renders sidebar correctly with beacons 1` - Snapshot - 0 + Received + 2 @@ -27,16 +27,18 @@ > <li class="mx_BeaconListItem" > <span + aria-label="" class="_avatar_mcap2_17 mx_BaseAvatar mx_BeaconListItem_avatar _avatar-imageless_mcap2_61" data-color="1" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 32px;" + tabindex="-1" > </span> <div class="mx_BeaconListItem_info" at Object.toMatchSnapshot (test/components/views/beacon/DialogSidebar-test.tsx:76:27)
MessagePanel › should handle lots of membership events quickly: test/components/structures/MessagePanel-test.tsx#L735
expect(received).toMatchSnapshot() Snapshot name: `MessagePanel should handle lots of membership events quickly 1` - Snapshot - 0 + Received + 2 @@ -70,16 +70,18 @@ > <span class="mx_GenericEventListSummary_avatars" > <span + aria-label="@user:id. " class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="1" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 14px;" + tabindex="-1" title="@user:id" > u </span> </span> at Object.toMatchSnapshot (test/components/structures/MessagePanel-test.tsx:735:21)
<TextualBody /> › renders plain-text m.text correctly › should pillify an MXID permalink: test/components/views/messages/TextualBody-test.tsx#L200
expect(received).toMatchInlineSnapshot(snapshot) Snapshot name: `<TextualBody /> renders plain-text m.text correctly should pillify an MXID permalink 1` - Snapshot - 1 + Received + 1 - "Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_mcap2_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" referrerpolicy="no-referrer" class="_image_mcap2_50" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Member</span></a></bdi></span>" + "Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Member. " aria-hidden="true" tabindex="-1" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_mcap2_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" referrerpolicy="no-referrer" class="_image_mcap2_50" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Member</span></a></bdi></span>" at Object.toMatchInlineSnapshot (test/components/views/messages/TextualBody-test.tsx:200:39)
<TextualBody /> › renders plain-text m.text correctly › should pillify a permalink to a message in the same room with the label »Message from Member«: test/components/views/messages/TextualBody-test.tsx#L227
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders plain-text m.text correctly should pillify a permalink to a message in the same room with the label »Message from Member« 1` - Snapshot - 1 + Received + 1 - "Visit <span><bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room1:example.com/%event_id%"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_mcap2_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" referrerpolicy="no-referrer" class="_image_mcap2_50" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Message from Member</span></a></bdi></span>" + "Visit <span><bdi><a class="mx_Pill mx_EventPill" href="https://matrix.to/#/!room1:example.com/%event_id%"><span aria-label="Member. " aria-hidden="true" tabindex="-1" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_mcap2_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" referrerpolicy="no-referrer" class="_image_mcap2_50" data-type="round" width="16px" height="16px"></span><span class="mx_Pill_text">Message from Member</span></a></bdi></span>" at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:227:83)
<TextualBody /> › renders formatted m.text correctly › pills get injected correctly into the DOM: test/components/views/messages/TextualBody-test.tsx#L311
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders formatted m.text correctly pills get injected correctly into the DOM 1` - Snapshot - 1 + Received + 2 @@ -9,16 +9,17 @@ class="mx_Pill mx_UserPill" href="https://matrix.to/#/@user:server" > <span aria-hidden="true" - aria-label="Profile picture" + aria-label="Member. " class="_avatar_mcap2_17 mx_BaseAvatar" data-color="2" data-testid="avatar-img" data-type="round" style="--cpd-avatar-size: 16px;" + tabindex="-1" > <img alt="" class="_image_mcap2_50" data-type="round" at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:311:29)
<TextualBody /> › renders formatted m.text correctly › pills do not appear for event permalinks with a custom label: test/components/views/messages/TextualBody-test.tsx#L334
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders formatted m.text correctly pills do not appear for event permalinks with a custom label 1` - Snapshot - 0 + Received + 1 @@ -1,8 +1,9 @@ <DocumentFragment> <div class="mx_MTextBody mx_EventTile_content" + id="mx_EventTile_content_$0.123456-0.123456" > <span class="mx_EventTile_body markdown-body" dir="auto" > at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:334:34)
<TextualBody /> › renders formatted m.text correctly › pills appear for event permalinks without a custom label: test/components/views/messages/TextualBody-test.tsx#L344
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders formatted m.text correctly pills appear for event permalinks without a custom label 1` - Snapshot - 0 + Received + 1 @@ -1,8 +1,9 @@ <DocumentFragment> <div class="mx_MTextBody mx_EventTile_content" + id="mx_EventTile_content_$0.123456-0.123456" > <span class="mx_EventTile_body markdown-body" dir="auto" > at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:344:34)
<TextualBody /> › renders formatted m.text correctly › pills appear for room links with vias: test/components/views/messages/TextualBody-test.tsx#L356
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders formatted m.text correctly pills appear for room links with vias 1` - Snapshot - 0 + Received + 1 @@ -1,8 +1,9 @@ <DocumentFragment> <div class="mx_MTextBody mx_EventTile_content" + id="mx_EventTile_content_$0.123456-0.123456" > <span class="mx_EventTile_body markdown-body" dir="auto" > at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:356:34)
<TextualBody /> › renders formatted m.text correctly › pills appear for an MXID permalink: test/components/views/messages/TextualBody-test.tsx#L366
expect(received).toMatchSnapshot() Snapshot name: `<TextualBody /> renders formatted m.text correctly pills appear for an MXID permalink 1` - Snapshot - 1 + Received + 2 @@ -9,16 +9,17 @@ class="mx_Pill mx_UserPill" href="https://matrix.to/#/@user:example.com" > <span aria-hidden="true" - aria-label="Profile picture" + aria-label="Member. " class="_avatar_mcap2_17 mx_BaseAvatar" data-color="2" data-testid="avatar-img" data-type="round" style="--cpd-avatar-size: 16px;" + tabindex="-1" > <img alt="" class="_image_mcap2_50" data-type="round" at Object.toMatchSnapshot (test/components/views/messages/TextualBody-test.tsx:366:29)
<Pill> › when rendering a pill for a user in the room › should render as expected: test/components/views/elements/Pill-test.tsx#L199
expect(received).toMatchSnapshot() Snapshot name: `<Pill> when rendering a pill for a user in the room should render as expected 1` - Snapshot - 0 + Received + 2 @@ -5,16 +5,18 @@ class="mx_Pill mx_UserPill" href="https://matrix.to/#/@user1:example.com" > <span aria-hidden="true" + aria-label="User 1. " 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: 16px;" + tabindex="-1" > U </span> <span class="mx_Pill_text" at Object.toMatchSnapshot (test/components/views/elements/Pill-test.tsx:199:47)
<Pill> › should render the expected pill for a known user not in the room: test/components/views/elements/Pill-test.tsx#L229
expect(received).toMatchSnapshot() Snapshot name: `<Pill> should render the expected pill for a known user not in the room 1` - Snapshot - 0 + Received + 2 @@ -5,16 +5,18 @@ class="mx_Pill mx_UserPill" href="https://matrix.to/#/@user2:example.com" > <span aria-hidden="true" + aria-label="User 2. " class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61" data-color="5" data-testid="avatar-img" data-type="round" role="presentation" style="--cpd-avatar-size: 16px;" + tabindex="-1" > U </span> <span class="mx_Pill_text" at Object.toMatchSnapshot (test/components/views/elements/Pill-test.tsx:229:43)