mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 09:58:11 +08:00
56d8ef3640
* Update dependency @vector-im/compound-web to v2 * Update Tooltip props Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Include TooltipProvider in MatrixChat Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix pillify & tooltipify Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests to use TooltipProvider where necessary Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix tooltips in Modals, ContextMenus, PersistedElements, Spoiler, HtmlExport Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * delint Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Fix tooltips in HTMLExport Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Don't pass mountAsChild to DOM Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * prettier Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Stabilise test 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>
356 lines
9.0 KiB
Plaintext
356 lines
9.0 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_SearchBox mx_textinput"
|
|
>
|
|
<input
|
|
autocomplete="off"
|
|
class="mx_textinput_icon mx_textinput_search mx_SpaceHierarchy_search mx_textinput_icon mx_textinput_search"
|
|
data-testid="searchbox-input"
|
|
placeholder="Search names and descriptions"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<div
|
|
class="mx_AccessibleButton mx_SearchBox_closeButton"
|
|
role="button"
|
|
tabindex="-1"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_listHeader"
|
|
>
|
|
<h4
|
|
class="mx_SpaceHierarchy_listHeader_header"
|
|
>
|
|
Rooms and spaces
|
|
</h4>
|
|
<div
|
|
class="mx_SpaceHierarchy_listHeader_buttons"
|
|
>
|
|
<div
|
|
aria-disabled="true"
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline mx_AccessibleButton_disabled"
|
|
disabled=""
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Remove
|
|
</div>
|
|
<div
|
|
aria-disabled="true"
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline mx_AccessibleButton_disabled"
|
|
disabled=""
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Mark as not suggested
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
aria-label="Space"
|
|
class="mx_SpaceHierarchy_list"
|
|
role="tree"
|
|
>
|
|
<li
|
|
class="mx_SpaceHierarchy_roomTileWrapper"
|
|
role="treeitem"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_item"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_avatar"
|
|
>
|
|
<span
|
|
class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
|
|
data-color="7"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 20px;"
|
|
>
|
|
U
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_name"
|
|
>
|
|
Unnamed Room
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_info"
|
|
>
|
|
2 members
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_actions"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Join
|
|
</div>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
id="checkbox_vY7Q4uEh9K"
|
|
tabindex="0"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_vY7Q4uEh9K"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="mx_SpaceHierarchy_roomTileWrapper"
|
|
role="treeitem"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_item"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_avatar"
|
|
>
|
|
<span
|
|
class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
|
|
data-color="8"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 20px;"
|
|
>
|
|
U
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_name"
|
|
>
|
|
Unnamed Room
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_info"
|
|
>
|
|
3 members
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_actions"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
Join
|
|
</div>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
id="checkbox_38QgU2Pomx"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_38QgU2Pomx"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li
|
|
aria-expanded="true"
|
|
class="mx_SpaceHierarchy_roomTileWrapper"
|
|
role="treeitem"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_SpaceHierarchy_roomTile mx_SpaceHierarchy_subspace"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_item"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_avatar"
|
|
>
|
|
<span
|
|
class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
|
|
data-color="8"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 20px;"
|
|
>
|
|
N
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_name"
|
|
>
|
|
Nested space
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_info"
|
|
>
|
|
1 member · 1 room
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_actions"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
Join
|
|
</div>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
id="checkbox_wKpa6hpi3Y"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_wKpa6hpi3Y"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_subspace_toggle mx_SpaceHierarchy_subspace_toggle_shown"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_subspace_children"
|
|
role="group"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="mx_SpaceHierarchy_roomTileWrapper"
|
|
role="treeitem"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_SpaceHierarchy_roomTile"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_item"
|
|
>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_avatar"
|
|
>
|
|
<span
|
|
class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
|
|
data-color="2"
|
|
data-testid="avatar-img"
|
|
data-type="round"
|
|
role="presentation"
|
|
style="--cpd-avatar-size: 20px;"
|
|
>
|
|
N
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_name"
|
|
>
|
|
Nested room
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_roomTile_info"
|
|
>
|
|
3 members
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_SpaceHierarchy_actions"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
|
|
role="button"
|
|
tabindex="-1"
|
|
>
|
|
Join
|
|
</div>
|
|
<span
|
|
class=""
|
|
data-state="closed"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
disabled=""
|
|
id="checkbox_EetmBG4yVC"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_EetmBG4yVC"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</DocumentFragment>
|
|
`;
|