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
208 lines
6.6 KiB
Text
208 lines
6.6 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] = `
|
|
<div
|
|
aria-labelledby="radix-13"
|
|
aria-orientation="vertical"
|
|
class="_menu_1x5h1_17"
|
|
data-align="end"
|
|
data-orientation="vertical"
|
|
data-radix-menu-content=""
|
|
data-side="right"
|
|
data-state="open"
|
|
dir="ltr"
|
|
id="radix-14"
|
|
role="menu"
|
|
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
|
|
tabindex="-1"
|
|
>
|
|
<h3
|
|
class="_typography_yh5dq_162 _font-body-sm-semibold_yh5dq_45 _title_1x5h1_83"
|
|
id=":r5:"
|
|
>
|
|
Threads activity
|
|
</h3>
|
|
<div
|
|
class="mx_ThreadsActivity_rows"
|
|
>
|
|
<button
|
|
class="mx_ThreadsActivityRow _item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
data-orientation="vertical"
|
|
data-radix-collection-item=""
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="_icon_1bcsk_44"
|
|
>
|
|
<span
|
|
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
|
data-color="6"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 32px;"
|
|
>
|
|
T
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
This is a real highlight
|
|
</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>
|
|
<div
|
|
class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_highlight mx_NotificationBadge_dot"
|
|
>
|
|
<span
|
|
class="mx_NotificationBadge_count"
|
|
/>
|
|
</div>
|
|
</button>
|
|
<button
|
|
class="mx_ThreadsActivityRow _item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
data-orientation="vertical"
|
|
data-radix-collection-item=""
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="_icon_1bcsk_44"
|
|
>
|
|
<span
|
|
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
|
data-color="6"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 32px;"
|
|
>
|
|
A
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
A notification
|
|
</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>
|
|
<div
|
|
class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_notification mx_NotificationBadge_dot"
|
|
>
|
|
<span
|
|
class="mx_NotificationBadge_count"
|
|
/>
|
|
</div>
|
|
</button>
|
|
<button
|
|
class="mx_ThreadsActivityRow _item_1bcsk_17 _interactive_1bcsk_36"
|
|
data-kind="primary"
|
|
data-orientation="vertical"
|
|
data-radix-collection-item=""
|
|
role="menuitem"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="_icon_1bcsk_44"
|
|
>
|
|
<span
|
|
class="_avatar_k41ul_17 mx_BaseAvatar _avatar-imageless_k41ul_60"
|
|
data-color="6"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 32px;"
|
|
>
|
|
J
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1bcsk_53"
|
|
>
|
|
Just activity
|
|
</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>
|
|
<div
|
|
class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_dot"
|
|
>
|
|
<span
|
|
class="mx_NotificationBadge_count"
|
|
/>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
|
|
<div
|
|
aria-labelledby="radix-20"
|
|
aria-orientation="vertical"
|
|
class="_menu_1x5h1_17"
|
|
data-align="end"
|
|
data-orientation="vertical"
|
|
data-radix-menu-content=""
|
|
data-side="right"
|
|
data-state="open"
|
|
dir="ltr"
|
|
id="radix-21"
|
|
role="menu"
|
|
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
|
|
tabindex="-1"
|
|
>
|
|
<h3
|
|
class="_typography_yh5dq_162 _font-body-sm-semibold_yh5dq_45 _title_1x5h1_83"
|
|
id=":r7:"
|
|
>
|
|
Threads activity
|
|
</h3>
|
|
<div
|
|
class="mx_ThreadsActivity_rows"
|
|
>
|
|
<div
|
|
class="mx_ThreadsActivityCentre_emptyCaption"
|
|
>
|
|
You don't have rooms with unread threads yet.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|