mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-12 15:23:36 +03:00
a8aa4de4b4
* Strict typechecking fixes for Base/Member/Avatar Update the core avatar files to pass `--strict --noImplicitAny` typechecks. Signed-off-by: Clark Fischer <clark.fischer@gmail.com> * Add tests for Base/Member/Avatar More thoroughly test the core avatar files. Not necessarily the most thorough, but an improvement. Signed-off-by: Clark Fischer <clark.fischer@gmail.com> * Extract TextAvatar from BaseAvatar Extracted the fallback/textual avatar into its own component. Signed-off-by: Clark Fischer <clark.fischer@gmail.com> * Use standard HTML for non-image avatars Firefox users with `resistFingerprinting` enabled were seeing random noise for rooms and users without avatars. There's no real reason to use data URLs to present flat colors. This converts non-image avatars to inline blocks with background colors. See https://github.com/vector-im/element-web/issues/23936 Signed-off-by: Clark Fischer <clark.fischer@gmail.com> * Have pills use solid backgrounds rather than colored images Similar to room and member avatars, pills now use colored pseudo-elements rather than background images. Signed-off-by: Clark Fischer <clark.fischer@gmail.com> --------- Signed-off-by: Clark Fischer <clark.fischer@gmail.com> Co-authored-by: Andy Balaam <andy.balaam@matrix.org>
67 lines
1.5 KiB
Text
67 lines
1.5 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`RoomTile 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="mx_BaseAvatar"
|
||
role="presentation"
|
||
style="width: 32px; height: 32px;"
|
||
>
|
||
<span
|
||
aria-hidden="true"
|
||
class="mx_BaseAvatar_image mx_BaseAvatar_initial"
|
||
data-testid="avatar-img"
|
||
style="background-color: rgb(172, 59, 168); width: 32px; height: 32px; font-size: 20.8px; line-height: 32px;"
|
||
>
|
||
!
|
||
</span>
|
||
</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>
|
||
`;
|