mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-28 11:28:12 +08:00
a0c029c3c1
* Fix alignment of RTL messages Inspired by https://github.com/matrix-org/matrix-react-sdk/pull/5453 but hopefully with the edited marker in the right place. This is a PoC: types aren't correct and the style needs pulling out to a class. Plus it would probably need more visual tests added. If this looks acceptable, I can make these changes. * Fix spacing between text and edited annotation * Update snapshot * Update more snapshots * More snapshots * More more snapshots * Split out style * Fix emotes This will cause them always be right-justified if the display name is rtl. * Add playwright test for ltr/rtl message rendering * Better snapshots * Await on message sending * Better waiting, hopefully * Old snapshot files * Really hopefully fixed screenshots this time * Don't include the message action bar in the screenshots
56 lines
1.2 KiB
Plaintext
56 lines
1.2 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<PinnedEventTile /> should render pinned event 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_PinnedEventTile"
|
|
>
|
|
<span
|
|
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;"
|
|
>
|
|
a
|
|
</span>
|
|
<span
|
|
class="mx_PinnedEventTile_sender mx_Username_color2"
|
|
>
|
|
@alice:server.org
|
|
</span>
|
|
<div
|
|
class="mx_PinnedEventTile_message"
|
|
>
|
|
<div
|
|
class="mx_MTextBody mx_EventTile_content"
|
|
>
|
|
<div
|
|
class="mx_EventTile_body translate"
|
|
dir="auto"
|
|
>
|
|
First pinned message
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_PinnedEventTile_footer"
|
|
>
|
|
<span
|
|
class="mx_MessageTimestamp mx_PinnedEventTile_timestamp"
|
|
>
|
|
Thu, Jan 1, 1970, 00:00
|
|
</span>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View message
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|