test(new room list): update room list tests

element-hq · Feb 28, 2025 · 26e12ba · 26e12ba
1 parent 750ac7f
commit 26e12ba
Showing 1 changed file with 46 additions and 36 deletions.
diff --git a/...unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap b/...unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
@@ -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"
@@ -22,30 +23,34 @@ exports[`<RoomListPanel /> should not render the RoomListSearch component when U
       </div>
     </header>
     <div
-      style="overflow: visible; height: 0px; width: 0px;"
+      class="mx_RoomList"
     >
       <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>
@@ -54,8 +59,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"
@@ -164,30 +170,34 @@ exports[`<RoomListPanel /> should render the RoomListSearch component when UICom
       </button>
     </header>
     <div
-      style="overflow: visible; height: 0px; width: 0px;"
+      class="mx_RoomList"
     >
       <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>