mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-16 13:14:58 +08:00
b422641258
* Upgrade compound-web I forgot to include this in https://github.com/matrix-org/matrix-react-sdk/pull/12209, which has caused avatar and username colors to be out of sync and sometimes revert to plain black/white. * Update tests * Update tests
379 lines
12 KiB
Plaintext
379 lines
12 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<RoomSummaryCard /> renders the room summary 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_BaseCard mx_RoomSummaryCard"
|
|
>
|
|
<div
|
|
class="mx_AutoHideScrollbar"
|
|
tabindex="-1"
|
|
>
|
|
<header
|
|
class="mx_Flex mx_RoomSummaryCard_header"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x);"
|
|
>
|
|
<button
|
|
aria-label="Search"
|
|
class="mx_RoomSummaryCard_searchBtn"
|
|
data-state="closed"
|
|
data-testid="summary-search"
|
|
>
|
|
<div
|
|
height="100%"
|
|
width="100%"
|
|
/>
|
|
</button>
|
|
<div
|
|
class="mx_AccessibleButton mx_BaseCard_close"
|
|
data-testid="base-card-close-button"
|
|
role="button"
|
|
tabindex="0"
|
|
title="Close"
|
|
/>
|
|
</header>
|
|
<header
|
|
class="mx_RoomSummaryCard_container"
|
|
>
|
|
<span
|
|
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
|
data-color="1"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 80px;"
|
|
>
|
|
!
|
|
</span>
|
|
<h1
|
|
class="_typography_yh5dq_162 _font-heading-md-semibold_yh5dq_121 mx_RoomSummaryCard_roomName text-primary"
|
|
title="!room:domain.org"
|
|
>
|
|
!room:domain.org
|
|
</h1>
|
|
<div
|
|
class="_typography_yh5dq_162 _font-body-sm-semibold_yh5dq_45 mx_RoomSummaryCard_alias text-secondary"
|
|
title=""
|
|
/>
|
|
<section
|
|
class="mx_Flex mx_RoomSummaryCard_badges"
|
|
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x);"
|
|
>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-sm-medium_yh5dq_50 _badge_qipht_17"
|
|
data-kind="default"
|
|
>
|
|
<div
|
|
width="1em"
|
|
/>
|
|
Not encrypted
|
|
</span>
|
|
</section>
|
|
</header>
|
|
<div
|
|
class="_separator_144s5_17"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
<label
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
for=":r1:"
|
|
role="menuitemcheckbox"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Favourite
|
|
</span>
|
|
<div
|
|
class="_container_ik1u1_18"
|
|
>
|
|
<input
|
|
class="_input_ik1u1_32"
|
|
id=":r1:"
|
|
type="checkbox"
|
|
/>
|
|
<div
|
|
class="_ui_ik1u1_42"
|
|
/>
|
|
</div>
|
|
</label>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Invite
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Copy link
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Settings
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<div
|
|
class="_separator_144s5_17"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
People
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Files
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Poll history
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Export Chat
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<div
|
|
class="_separator_144s5_17"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
<button
|
|
class="_item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="critical"
|
|
role="menuitem"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="_icon_1bcsk_44"
|
|
height="24"
|
|
width="24"
|
|
/>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Leave room
|
|
</span>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="_nav-hint_1bcsk_60"
|
|
fill="currentColor"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
width="24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<div
|
|
class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
|
|
>
|
|
<h2>
|
|
Widgets
|
|
</h2>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Add widgets, bridges & bots
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|