mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 01:48:43 +08:00
b422641258
* Upgrade compound-web I forgot to include this in https://github.com/matrix-org/matrix-react-sdk/pull/12209, which has caused avatar and username colors to be out of sync and sometimes revert to plain black/white. * Update tests * Update tests
283 lines
6.6 KiB
Plaintext
283 lines
6.6 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`RoomTile when message previews are enabled and there is a message in a thread should render as expected 1`] = `
|
||
<DocumentFragment>
|
||
<div
|
||
aria-describedby="mx_RoomTile_messagePreview_!1:example.org"
|
||
aria-label="!1:example.org"
|
||
aria-selected="false"
|
||
class="mx_AccessibleButton mx_RoomTile"
|
||
role="treeitem"
|
||
tabindex="-1"
|
||
>
|
||
<div
|
||
class="mx_DecoratedRoomAvatar"
|
||
>
|
||
<span
|
||
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
||
data-color="3"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
>
|
||
!
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_titleContainer"
|
||
>
|
||
<div
|
||
class="mx_RoomTile_title mx_RoomTile_titleWithSubtitle"
|
||
tabindex="-1"
|
||
title="!1:example.org"
|
||
>
|
||
<span
|
||
dir="auto"
|
||
>
|
||
!1:example.org
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_subtitle"
|
||
id="mx_RoomTile_messagePreview_!1:example.org"
|
||
title="test thread reply"
|
||
>
|
||
<span
|
||
class="mx_RoomTile_subtitle_text"
|
||
>
|
||
test thread reply
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="mx_RoomTile_badgeContainer"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Room options"
|
||
class="mx_AccessibleButton mx_RoomTile_menuButton"
|
||
role="button"
|
||
tabindex="0"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Notification options"
|
||
class="mx_AccessibleButton mx_RoomTile_notificationsButton"
|
||
role="button"
|
||
tabindex="-1"
|
||
/>
|
||
</div>
|
||
</DocumentFragment>
|
||
`;
|
||
|
||
exports[`RoomTile when message previews are enabled and there is a message in the room should render as expected 1`] = `
|
||
<DocumentFragment>
|
||
<div
|
||
aria-describedby="mx_RoomTile_messagePreview_!1:example.org"
|
||
aria-label="!1:example.org Unread messages."
|
||
aria-selected="false"
|
||
class="mx_AccessibleButton mx_RoomTile"
|
||
role="treeitem"
|
||
tabindex="-1"
|
||
>
|
||
<div
|
||
class="mx_DecoratedRoomAvatar"
|
||
>
|
||
<span
|
||
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
||
data-color="3"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
>
|
||
!
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_titleContainer"
|
||
>
|
||
<div
|
||
class="mx_RoomTile_title mx_RoomTile_titleWithSubtitle mx_RoomTile_titleHasUnreadEvents"
|
||
tabindex="-1"
|
||
title="!1:example.org"
|
||
>
|
||
<span
|
||
dir="auto"
|
||
>
|
||
!1:example.org
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_subtitle"
|
||
id="mx_RoomTile_messagePreview_!1:example.org"
|
||
title="test message"
|
||
>
|
||
<span
|
||
class="mx_RoomTile_subtitle_text"
|
||
>
|
||
test message
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="mx_RoomTile_badgeContainer"
|
||
>
|
||
<div
|
||
class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_dot"
|
||
>
|
||
<span
|
||
class="mx_NotificationBadge_count"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Room options"
|
||
class="mx_AccessibleButton mx_RoomTile_menuButton"
|
||
role="button"
|
||
tabindex="0"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Notification options"
|
||
class="mx_AccessibleButton mx_RoomTile_notificationsButton"
|
||
role="button"
|
||
tabindex="-1"
|
||
/>
|
||
</div>
|
||
</DocumentFragment>
|
||
`;
|
||
|
||
exports[`RoomTile when message previews are enabled should render a room without a message as expected 1`] = `
|
||
<DocumentFragment>
|
||
<div
|
||
aria-describedby="mx_RoomTile_messagePreview_!1:example.org"
|
||
aria-label="!1:example.org"
|
||
aria-selected="false"
|
||
class="mx_AccessibleButton mx_RoomTile"
|
||
role="treeitem"
|
||
tabindex="-1"
|
||
>
|
||
<div
|
||
class="mx_DecoratedRoomAvatar"
|
||
>
|
||
<span
|
||
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
||
data-color="3"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
>
|
||
!
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_titleContainer"
|
||
>
|
||
<div
|
||
class="mx_RoomTile_title"
|
||
tabindex="-1"
|
||
title="!1:example.org"
|
||
>
|
||
<span
|
||
dir="auto"
|
||
>
|
||
!1:example.org
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="mx_RoomTile_badgeContainer"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Room options"
|
||
class="mx_AccessibleButton mx_RoomTile_menuButton"
|
||
role="button"
|
||
tabindex="0"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Notification options"
|
||
class="mx_AccessibleButton mx_RoomTile_notificationsButton"
|
||
role="button"
|
||
tabindex="-1"
|
||
/>
|
||
</div>
|
||
</DocumentFragment>
|
||
`;
|
||
|
||
exports[`RoomTile when message previews are not enabled should render the room 1`] = `
|
||
<div>
|
||
<div
|
||
aria-label="!1:example.org"
|
||
aria-selected="false"
|
||
class="mx_AccessibleButton mx_RoomTile"
|
||
role="treeitem"
|
||
tabindex="-1"
|
||
>
|
||
<div
|
||
class="mx_DecoratedRoomAvatar"
|
||
>
|
||
<span
|
||
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
||
data-color="3"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
>
|
||
!
|
||
</span>
|
||
</div>
|
||
<div
|
||
class="mx_RoomTile_titleContainer"
|
||
>
|
||
<div
|
||
class="mx_RoomTile_title"
|
||
tabindex="-1"
|
||
title="!1:example.org"
|
||
>
|
||
<span
|
||
dir="auto"
|
||
>
|
||
!1:example.org
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-hidden="true"
|
||
class="mx_RoomTile_badgeContainer"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Room options"
|
||
class="mx_AccessibleButton mx_RoomTile_menuButton"
|
||
role="button"
|
||
tabindex="0"
|
||
/>
|
||
<div
|
||
aria-expanded="false"
|
||
aria-haspopup="true"
|
||
aria-label="Notification options"
|
||
class="mx_AccessibleButton mx_RoomTile_notificationsButton"
|
||
role="button"
|
||
tabindex="-1"
|
||
/>
|
||
</div>
|
||
</div>
|
||
`;
|