mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-22 07:44:25 +03:00
6aa86a858f
* Fixes read receipt avatar offset Fixes https://github.com/vector-im/element-web/issues/26059 * Fix avatar collapsing in thread list Fixes https://github.com/vector-im/element-web/issues/26064 * Make composer pills use new avatar design Fixes https://github.com/vector-im/element-web/issues/26067 * Update snapshots * Update UserInfo snapshot * Update HTMLExport snapshot * Fixes avatar placeholder font Fixes https://github.com/vector-im/element-web/issues/26061
278 lines
6.4 KiB
Text
278 lines
6.4 KiB
Text
// 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_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||
data-color="7"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
title=""
|
||
>
|
||
!
|
||
</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"
|
||
aria-selected="false"
|
||
class="mx_AccessibleButton mx_RoomTile"
|
||
role="treeitem"
|
||
tabindex="-1"
|
||
>
|
||
<div
|
||
class="mx_DecoratedRoomAvatar"
|
||
>
|
||
<span
|
||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||
data-color="7"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
title=""
|
||
>
|
||
!
|
||
</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 message"
|
||
>
|
||
<span
|
||
class="mx_RoomTile_subtitle_text"
|
||
>
|
||
test message
|
||
</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 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_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||
data-color="7"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
title=""
|
||
>
|
||
!
|
||
</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_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||
data-color="7"
|
||
data-testid="avatar-img"
|
||
data-type="round"
|
||
role="presentation"
|
||
style="--cpd-avatar-size: 32px;"
|
||
title=""
|
||
>
|
||
!
|
||
</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>
|
||
`;
|