mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-28 19:38:48 +08:00
0a881e2123
* Iterate landmarks around the app in order to improve a11y Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add missing aria-label Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * i18n Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update screenshots which have changed a fraction due to default heading margins being different in different landmarks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
82 lines
2.2 KiB
Plaintext
82 lines
2.2 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`RoomHeader does not show the face pile for DMs 1`] = `
|
|
<DocumentFragment>
|
|
<header
|
|
class="mx_Flex mx_RoomHeader light-panel"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x);"
|
|
>
|
|
<button
|
|
aria-label="Room info"
|
|
class="mx_RoomHeader_infoWrapper"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
|
|
data-color="7"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 40px;"
|
|
>
|
|
!
|
|
</span>
|
|
<div
|
|
class="mx_Box mx_RoomHeader_info mx_Box--flex"
|
|
style="--mx-box-flex: 1;"
|
|
>
|
|
<div
|
|
aria-level="1"
|
|
class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83 mx_RoomHeader_heading"
|
|
dir="auto"
|
|
role="heading"
|
|
>
|
|
<span
|
|
class="mx_RoomHeader_truncated mx_lineClamp"
|
|
>
|
|
!1:example.org
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</button>
|
|
<div
|
|
class="mx_Flex"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x);"
|
|
>
|
|
<button
|
|
aria-disabled="true"
|
|
aria-label="There's no one here to call"
|
|
class="_icon-button_ur2sw_17"
|
|
data-state="closed"
|
|
role="button"
|
|
style="--cpd-icon-button-size: 32px;"
|
|
tabindex="0"
|
|
>
|
|
<div />
|
|
</button>
|
|
<button
|
|
aria-disabled="true"
|
|
aria-label="There's no one here to call"
|
|
class="_icon-button_ur2sw_17"
|
|
data-state="closed"
|
|
role="button"
|
|
style="--cpd-icon-button-size: 32px;"
|
|
tabindex="0"
|
|
>
|
|
<div />
|
|
</button>
|
|
<button
|
|
aria-label="Threads"
|
|
class="_icon-button_ur2sw_17"
|
|
data-state="closed"
|
|
role="button"
|
|
style="--cpd-icon-button-size: 32px;"
|
|
tabindex="0"
|
|
>
|
|
<div />
|
|
</button>
|
|
</div>
|
|
</header>
|
|
</DocumentFragment>
|
|
`;
|