test(new room list): update room list panel tests

This commit is contained in:
Florian Duros
2025-02-28 09:48:11 +01:00
parent 7f4a142158
commit 463249bc8b

View File

@@ -3,8 +3,9 @@
exports[`<RoomListPanel /> should not render the RoomListSearch component when UIComponent.FilterContainer is at false 1`] = `
<DocumentFragment>
<section
class="mx_RoomListPanel"
class="mx_Flex mx_RoomListPanel"
data-testid="room-list-panel"
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: 0;"
>
<header
aria-label="Room options"
@@ -24,30 +25,35 @@ exports[`<RoomListPanel /> should not render the RoomListSearch component when U
</div>
</header>
<div
style="overflow: visible; height: 0px; width: 0px;"
class="mx_RoomList"
data-testid="room-list"
>
<div
aria-label="grid"
aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List"
role="grid"
style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
tabindex="0"
/>
</div>
<div
class="resize-triggers"
>
<div
class="expand-trigger"
style="overflow: visible; height: 0px; width: 0px;"
>
<div
style="width: 1px; height: 1px;"
aria-label="Room list"
aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List mx_RoomList_List"
role="grid"
style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
tabindex="0"
/>
</div>
<div
class="contract-trigger"
/>
class="resize-triggers"
>
<div
class="expand-trigger"
>
<div
style="width: 1px; height: 1px;"
/>
</div>
<div
class="contract-trigger"
/>
</div>
</div>
</section>
</DocumentFragment>
@@ -56,8 +62,9 @@ exports[`<RoomListPanel /> should not render the RoomListSearch component when U
exports[`<RoomListPanel /> should render the RoomListSearch component when UIComponent.FilterContainer is at true 1`] = `
<DocumentFragment>
<section
class="mx_RoomListPanel"
class="mx_Flex mx_RoomListPanel"
data-testid="room-list-panel"
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: 0;"
>
<div
class="mx_Flex mx_RoomListSearch"
@@ -168,30 +175,35 @@ exports[`<RoomListPanel /> should render the RoomListSearch component when UICom
</button>
</header>
<div
style="overflow: visible; height: 0px; width: 0px;"
class="mx_RoomList"
data-testid="room-list"
>
<div
aria-label="grid"
aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List"
role="grid"
style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
tabindex="0"
/>
</div>
<div
class="resize-triggers"
>
<div
class="expand-trigger"
style="overflow: visible; height: 0px; width: 0px;"
>
<div
style="width: 1px; height: 1px;"
aria-label="Room list"
aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List mx_RoomList_List"
role="grid"
style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
tabindex="0"
/>
</div>
<div
class="contract-trigger"
/>
class="resize-triggers"
>
<div
class="expand-trigger"
>
<div
style="width: 1px; height: 1px;"
/>
</div>
<div
class="contract-trigger"
/>
</div>
</div>
</section>
</DocumentFragment>