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
402 lines
9.5 KiB
Text
402 lines
9.5 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly linkification is not applied to code blocks 1`] = `
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<p>
|
|
Visit
|
|
<code>
|
|
https://matrix.org/
|
|
</code>
|
|
</p>
|
|
|
|
|
|
<div
|
|
class="mx_EventTile_pre_container"
|
|
>
|
|
<pre
|
|
class="mx_EventTile_collapsedCodeBlock"
|
|
>
|
|
<span
|
|
class="mx_EventTile_lineNumbers"
|
|
>
|
|
<span>
|
|
1
|
|
</span>
|
|
</span>
|
|
<code>
|
|
https://matrix.org/
|
|
|
|
</code>
|
|
<span />
|
|
</pre>
|
|
<span
|
|
class="mx_EventTile_button mx_EventTile_copyButton "
|
|
/>
|
|
</div>
|
|
|
|
|
|
</span>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills appear for an MXID permalink 1`] = `
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
Chat with
|
|
<span>
|
|
<bdi>
|
|
<a
|
|
aria-describedby="mx_Pill_0.123456"
|
|
class="mx_Pill mx_UserPill"
|
|
href="https://matrix.to/#/@user:example.com"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
aria-label="Profile picture"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
data-color="8"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
style="--cpd-avatar-size: 16px;"
|
|
title=""
|
|
>
|
|
<img
|
|
alt=""
|
|
class="_image_2lhia_45"
|
|
crossorigin="anonymous"
|
|
data-type="round"
|
|
height="16px"
|
|
loading="lazy"
|
|
referrerpolicy="no-referrer"
|
|
src="mxc://avatar.url/image.png"
|
|
title="@member:domain.bla"
|
|
width="16px"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="mx_Pill_text"
|
|
>
|
|
Member
|
|
</span>
|
|
</a>
|
|
</bdi>
|
|
</span>
|
|
</span>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills appear for event permalinks without a custom label 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_MTextBody mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
See this message
|
|
<span>
|
|
<bdi>
|
|
<a
|
|
aria-describedby="mx_Pill_0.123456"
|
|
class="mx_Pill mx_EventPill"
|
|
href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
aria-label="Avatar"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
data-color="3"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
style="--cpd-avatar-size: 16px;"
|
|
title=""
|
|
>
|
|
<img
|
|
alt=""
|
|
class="_image_2lhia_45"
|
|
crossorigin="anonymous"
|
|
data-type="round"
|
|
height="16px"
|
|
loading="lazy"
|
|
referrerpolicy="no-referrer"
|
|
src="mxc://avatar.url/room.png"
|
|
title="!room1:example.com"
|
|
width="16px"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="mx_Pill_text"
|
|
>
|
|
Message in room name
|
|
</span>
|
|
</a>
|
|
</bdi>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills appear for room links with vias 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_MTextBody mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
A
|
|
<span>
|
|
<bdi>
|
|
<a
|
|
aria-describedby="mx_Pill_0.123456"
|
|
class="mx_Pill mx_RoomPill"
|
|
href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com?via=example.com&via=bob.com"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
aria-label="Avatar"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
data-color="3"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
style="--cpd-avatar-size: 16px;"
|
|
title=""
|
|
>
|
|
<img
|
|
alt=""
|
|
class="_image_2lhia_45"
|
|
crossorigin="anonymous"
|
|
data-type="round"
|
|
height="16px"
|
|
loading="lazy"
|
|
referrerpolicy="no-referrer"
|
|
src="mxc://avatar.url/room.png"
|
|
title="!room1:example.com"
|
|
width="16px"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="mx_Pill_text"
|
|
>
|
|
room name
|
|
</span>
|
|
</a>
|
|
</bdi>
|
|
</span>
|
|
with vias
|
|
</span>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills do not appear for event permalinks with a custom label 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_MTextBody mx_EventTile_content"
|
|
>
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
An
|
|
<a
|
|
href="https://matrix.to/#/!ZxbRYPQXDXKGmDnJNg:example.com/$16085560162aNpaH:example.com?via=example.com"
|
|
rel="noreferrer noopener"
|
|
>
|
|
event link
|
|
</a>
|
|
with text
|
|
</span>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills do not appear in code blocks 1`] = `
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
<p>
|
|
<code>
|
|
@room
|
|
</code>
|
|
</p>
|
|
|
|
|
|
<div
|
|
class="mx_EventTile_pre_container"
|
|
>
|
|
<pre
|
|
class="mx_EventTile_collapsedCodeBlock"
|
|
>
|
|
<span
|
|
class="mx_EventTile_lineNumbers"
|
|
>
|
|
<span>
|
|
1
|
|
</span>
|
|
</span>
|
|
<code>
|
|
@room
|
|
|
|
</code>
|
|
<span />
|
|
</pre>
|
|
<span
|
|
class="mx_EventTile_button mx_EventTile_copyButton "
|
|
/>
|
|
</div>
|
|
|
|
|
|
</span>
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders formatted m.text correctly pills get injected correctly into the DOM 1`] = `
|
|
<span
|
|
class="mx_EventTile_body markdown-body"
|
|
dir="auto"
|
|
>
|
|
Hey
|
|
<span>
|
|
<bdi>
|
|
<a
|
|
aria-describedby="mx_Pill_0.123456"
|
|
class="mx_Pill mx_UserPill"
|
|
href="https://matrix.to/#/@user:server"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
aria-label="Profile picture"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
data-color="8"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
style="--cpd-avatar-size: 16px;"
|
|
title=""
|
|
>
|
|
<img
|
|
alt=""
|
|
class="_image_2lhia_45"
|
|
crossorigin="anonymous"
|
|
data-type="round"
|
|
height="16px"
|
|
loading="lazy"
|
|
referrerpolicy="no-referrer"
|
|
src="mxc://avatar.url/image.png"
|
|
title="@member:domain.bla"
|
|
width="16px"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="mx_Pill_text"
|
|
>
|
|
Member
|
|
</span>
|
|
</a>
|
|
</bdi>
|
|
</span>
|
|
</span>
|
|
`;
|
|
|
|
exports[`<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`] = `
|
|
"Visit
|
|
<span
|
|
><bdi
|
|
><a
|
|
class="mx_Pill mx_EventPill"
|
|
href="https://matrix.to/#/!room1:example.com/%event_id%"
|
|
aria-describedby="mx_Pill_0.123456"
|
|
><span
|
|
title=""
|
|
aria-label="Profile picture"
|
|
aria-hidden="true"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
data-color="8"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
style="--cpd-avatar-size: 16px"
|
|
><img
|
|
loading="lazy"
|
|
alt=""
|
|
src="mxc://avatar.url/image.png"
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"
|
|
class="_image_2lhia_45"
|
|
data-type="round"
|
|
width="16px"
|
|
height="16px"
|
|
title="@member:domain.bla" /></span
|
|
><span class="mx_Pill_text">Message from Member</span></a
|
|
></bdi
|
|
></span
|
|
>
|
|
"
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an event in another room with the label »Message in Room 2« 1`] = `
|
|
"Visit
|
|
<span
|
|
><bdi
|
|
><a
|
|
class="mx_Pill mx_EventPill"
|
|
href="https://matrix.to/#/!room2:example.com/%event_id%"
|
|
aria-describedby="mx_Pill_0.123456"
|
|
><span
|
|
title=""
|
|
aria-label="Avatar"
|
|
aria-hidden="true"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
data-color="4"
|
|
class="_avatar_2lhia_17 mx_BaseAvatar"
|
|
style="--cpd-avatar-size: 16px"
|
|
><img
|
|
loading="lazy"
|
|
alt=""
|
|
src="mxc://avatar.url/room.png"
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"
|
|
class="_image_2lhia_45"
|
|
data-type="round"
|
|
width="16px"
|
|
height="16px"
|
|
title="!room2:example.com" /></span
|
|
><span class="mx_Pill_text">Message in Room 2</span></a
|
|
></bdi
|
|
></span
|
|
>
|
|
"
|
|
`;
|
|
|
|
exports[`<TextualBody /> renders plain-text m.text correctly should pillify a permalink to an unknown message in the same room with the label »Message« 1`] = `
|
|
<span
|
|
class="mx_EventTile_body"
|
|
dir="auto"
|
|
>
|
|
Visit
|
|
<span>
|
|
<bdi>
|
|
<a
|
|
aria-describedby="mx_Pill_0.123456"
|
|
class="mx_Pill mx_EventPill"
|
|
href="https://matrix.to/#/!room1:example.com/!abc123"
|
|
>
|
|
<div
|
|
class="mx_Pill_LinkIcon mx_BaseAvatar"
|
|
/>
|
|
<span
|
|
class="mx_Pill_text"
|
|
>
|
|
Message
|
|
</span>
|
|
</a>
|
|
</bdi>
|
|
</span>
|
|
</span>
|
|
`;
|