element-web-Github/test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap
Germain ac32d45bcd
Usability fixes for new room header (#11729)
* Usability fixes for new room header

* lintfix

* Apply padding to both heading and topic

* lintfix

* comment clarity

* Remove title attr
2023-10-11 14:43:01 +00:00

70 lines
1.8 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);"
>
<span
class="_avatar_ylj7w_17 mx_BaseAvatar _avatar-imageless_ylj7w_56"
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="_font-body-lg-semibold_1jx6b_83 mx_RoomHeader_heading"
dir="auto"
role="heading"
>
<span
class="mx_RoomHeader_truncated"
>
!1:example.org
</span>
</div>
</div>
<nav
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-label="There's no one here to call"
class="_icon-button_9uxnz_17"
data-state="closed"
disabled=""
style="--cpd-icon-button-size: 32px;"
>
<div />
</button>
<button
aria-label="There's no one here to call"
class="_icon-button_9uxnz_17"
data-state="closed"
disabled=""
style="--cpd-icon-button-size: 32px;"
>
<div />
</button>
<button
aria-label="Threads"
class="_icon-button_9uxnz_17"
data-state="closed"
style="--cpd-icon-button-size: 32px;"
>
<div />
</button>
</nav>
</header>
</DocumentFragment>
`;