mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-14 20:11:31 +03:00
b6b9ce3c46
* When joining room in sub-space join the parents too * Fix joined state not updating on sync * Add membership check * Update tests * Improve coverage * Make TS happier * Make TS happier
400 lines
10 KiB
Text
400 lines
10 KiB
Text
// 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="mx_BaseAvatar"
|
|
role="presentation"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_initial"
|
|
style="font-size: 13px; width: 20px; line-height: 20px;"
|
|
>
|
|
U
|
|
</span>
|
|
<img
|
|
alt=""
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_image"
|
|
data-testid="avatar-img"
|
|
loading="lazy"
|
|
src="data:image/png;base64,00"
|
|
style="width: 20px; height: 20px;"
|
|
/>
|
|
</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_abdefghi"
|
|
tabindex="0"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_abdefghi"
|
|
>
|
|
<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="mx_BaseAvatar"
|
|
role="presentation"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_initial"
|
|
style="font-size: 13px; width: 20px; line-height: 20px;"
|
|
>
|
|
U
|
|
</span>
|
|
<img
|
|
alt=""
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_image"
|
|
data-testid="avatar-img"
|
|
loading="lazy"
|
|
src="data:image/png;base64,00"
|
|
style="width: 20px; height: 20px;"
|
|
/>
|
|
</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_abdefghi"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_abdefghi"
|
|
>
|
|
<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="mx_BaseAvatar"
|
|
role="presentation"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_initial"
|
|
style="font-size: 13px; width: 20px; line-height: 20px;"
|
|
>
|
|
N
|
|
</span>
|
|
<img
|
|
alt=""
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_image"
|
|
data-testid="avatar-img"
|
|
loading="lazy"
|
|
src="data:image/png;base64,00"
|
|
style="width: 20px; height: 20px;"
|
|
/>
|
|
</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_abdefghi"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_abdefghi"
|
|
>
|
|
<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="mx_BaseAvatar"
|
|
role="presentation"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_initial"
|
|
style="font-size: 13px; width: 20px; line-height: 20px;"
|
|
>
|
|
N
|
|
</span>
|
|
<img
|
|
alt=""
|
|
aria-hidden="true"
|
|
class="mx_BaseAvatar_image"
|
|
data-testid="avatar-img"
|
|
loading="lazy"
|
|
src="data:image/png;base64,00"
|
|
style="width: 20px; height: 20px;"
|
|
/>
|
|
</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>
|
|
<div
|
|
aria-describedby="mx_TooltipTarget_abdefghi"
|
|
class="mx_TextWithTooltip_target"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
disabled=""
|
|
id="checkbox_abdefghi"
|
|
tabindex="-1"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
for="checkbox_abdefghi"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
class="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
;
|
|
</DocumentFragment>
|
|
`;
|