This repository has been archived by the owner on Sep 11, 2024. It is now read-only.
Accessibility: Improve Voiceover #26082
tests.yml
on: pull_request
Matrix: Jest
Element Web Integration Tests
2m 26s
Skip SonarCloud in merge queue
0s
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)
|