99178bce86
* Update vector-im * Update Jest snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix playwright styling overrides Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Hold back Compound Design Tokens as threads icons unexpectedly grew a dot in the top corner where we conditionally draw a dot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update Compound Design Tokens to 6.4.1 Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Revert snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Tweak bubble Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update storybook snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update jest snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update jest snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
586 lines
17 KiB
Plaintext
586 lines
17 KiB
Plaintext
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
|
|
exports[`<PinnedMessageBanner /> should display display a poll event 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_a_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_a_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_EventPreview_prefix"
|
|
>
|
|
Poll:
|
|
</span>
|
|
Alice?
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should display the last message when the pinned event array changed 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="false"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_4_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_4_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<div
|
|
class="mx_PinnedMessageBanner_title"
|
|
data-testid="banner-counter"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_PinnedMessageBanner_title_counter"
|
|
>
|
|
3 of 3
|
|
</span>
|
|
Pinned messages
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
title="Third pinned message"
|
|
>
|
|
Third pinned message
|
|
</span>
|
|
</div>
|
|
</button>
|
|
<button
|
|
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
|
|
data-kind="tertiary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should display the m.audio event type 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_7_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_7_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_EventPreview_prefix"
|
|
>
|
|
Audio:
|
|
</span>
|
|
Message with m.audio type
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should display the m.file event type 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_6_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_6_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_EventPreview_prefix"
|
|
>
|
|
File:
|
|
</span>
|
|
Message with m.file type
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should display the m.image event type 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_9_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_9_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_EventPreview_prefix"
|
|
>
|
|
Image:
|
|
</span>
|
|
Message with m.image type
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should display the m.video event type 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_8_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_8_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_EventPreview_prefix"
|
|
>
|
|
Video:
|
|
</span>
|
|
Message with m.video type
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should render 2 pinned event 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="false"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_2_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_2_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<div
|
|
class="mx_PinnedMessageBanner_title"
|
|
data-testid="banner-counter"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_PinnedMessageBanner_title_counter"
|
|
>
|
|
2 of 2
|
|
</span>
|
|
Pinned messages
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
title="Second pinned message"
|
|
>
|
|
Second pinned message
|
|
</span>
|
|
</div>
|
|
</button>
|
|
<button
|
|
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
|
|
data-kind="tertiary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should render 4 pinned event 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="false"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_3_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_3_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--hidden"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--hidden"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<div
|
|
class="mx_PinnedMessageBanner_title"
|
|
data-testid="banner-counter"
|
|
>
|
|
<span>
|
|
<span
|
|
class="mx_PinnedMessageBanner_title_counter"
|
|
>
|
|
4 of 4
|
|
</span>
|
|
Pinned messages
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
title="Fourth pinned message"
|
|
>
|
|
Fourth pinned message
|
|
</span>
|
|
</div>
|
|
</button>
|
|
<button
|
|
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
|
|
data-kind="tertiary"
|
|
data-size="lg"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
View all
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<PinnedMessageBanner /> should render a single pinned event 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="Pinned messages"
|
|
class="mx_PinnedMessageBanner"
|
|
data-single-message="true"
|
|
data-testid="pinned-message-banner"
|
|
role="region"
|
|
>
|
|
<button
|
|
aria-describedby="_r_1_"
|
|
aria-label="View the pinned message in the timeline and the newest pinned message here"
|
|
class="mx_PinnedMessageBanner_main"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_content"
|
|
id="_r_1_"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicators"
|
|
>
|
|
<div
|
|
class="mx_PinnedMessageBanner_Indicator mx_PinnedMessageBanner_Indicator--active"
|
|
data-testid="banner-indicator"
|
|
/>
|
|
</div>
|
|
<svg
|
|
class="mx_PinnedMessageBanner_PinIcon"
|
|
fill="currentColor"
|
|
height="20px"
|
|
viewBox="0 0 24 24"
|
|
width="20px"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
|
|
/>
|
|
</svg>
|
|
<span
|
|
class="mx_EventPreview mx_PinnedMessageBanner_message"
|
|
data-testid="banner-message"
|
|
title="First pinned message"
|
|
>
|
|
First pinned message
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|