mirror of
https://github.com/element-hq/element-web
synced 2024-11-29 04:48:50 +03:00
a54f2ff878
* Add support for rendering custom emojis in reactions Signed-off-by: Sumner Evans <sumner@beeper.com> * Include custom reaction short names in tooltips Signed-off-by: Sumner Evans <sumner@beeper.com> * Use custom reaction shortcode for accessibility This uses the shortcode in the following places: * The aria-label of the reaction buttons * The alt text for the reaction image Signed-off-by: Sumner Evans <sumner@beeper.com> * Remove explicit instantiation of `customReactionName` variable and add types Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com> * Put custom reaction images behind a labs flag Signed-off-by: Sumner Evans <sumner@beeper.com> * Use UnstableValue for finding the shortcode Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> Signed-off-by: Sumner Evans <sumner@beeper.com> * Move calculation of whether to render custom reaction images up to ReactionRow Signed-off-by: Sumner Evans <sumner@beeper.com> * Make alt text more friendly when custom reaction doesn't have shortcode Signed-off-by: Sumner Evans <sumner@beeper.com> * Add test for ReactionsRowButton Signed-off-by: Sumner Evans <sumner@beeper.com> * Apply suggestions from code review Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com> * Don't use Optional Signed-off-by: Sumner Evans <sumner@beeper.com> * Fix ReactionsRowButton test Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> Signed-off-by: Sumner Evans <sumner@beeper.com> --------- Signed-off-by: Sumner Evans <sumner@beeper.com> Co-authored-by: Tulir Asokan <tulir@maunium.net> Co-authored-by: Šimon Brandner <simon.bra.ag@gmail.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
101 lines
2.2 KiB
Text
101 lines
2.2 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`ReactionsRowButton renders reaction row button custom image reactions correctly 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="@user1:example.com and @user2:example.com reacted with :test:"
|
|
class="mx_AccessibleButton mx_ReactionsRowButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<img
|
|
alt=":test:"
|
|
class="mx_ReactionsRowButton_content"
|
|
height="16"
|
|
src="https://not.a.real.url"
|
|
width="16"
|
|
/>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_count"
|
|
>
|
|
2
|
|
</span>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`ReactionsRowButton renders reaction row button custom image reactions correctly 2`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="@user1:example.com and @user2:example.com reacted with :test:"
|
|
class="mx_AccessibleButton mx_ReactionsRowButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<img
|
|
alt=":test:"
|
|
class="mx_ReactionsRowButton_content"
|
|
height="16"
|
|
src="https://not.a.real.url"
|
|
width="16"
|
|
/>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_count"
|
|
>
|
|
2
|
|
</span>
|
|
<div />
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`ReactionsRowButton renders reaction row button emojis correctly 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="@user1:example.com and @user2:example.com reacted with 👍"
|
|
class="mx_AccessibleButton mx_ReactionsRowButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_content"
|
|
>
|
|
👍
|
|
</span>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_count"
|
|
>
|
|
2
|
|
</span>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`ReactionsRowButton renders reaction row button emojis correctly 2`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
aria-label="@user1:example.com and @user2:example.com reacted with 👍"
|
|
class="mx_AccessibleButton mx_ReactionsRowButton"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_content"
|
|
>
|
|
👍
|
|
</span>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_ReactionsRowButton_count"
|
|
>
|
|
2
|
|
</span>
|
|
<div />
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|