Room list: add default sections (#32785)

* feat: add sections to RLSV3 * feat: add sections in vms * feat: add room list section labs flag * fix: wrong margin for room list item when in sections * feat: hide favourites and low priority filters * fix: crash when changing filter * feat: support sticky room in sections * test: update SC snapshot * test: update SC screenshot * test: update RLS tests * test: add tests to RoomListSectionHeaderViewModel * test: fix existing test in RoomListViewModel * test: add sections tests for RoomListViewModel * test: add e2e tests for sections * fix: incorrect selected room when expanding/collasping a section * fix: typo in `roomSkipList` * feat: use one skip list with all filters instead of one list by tag * chore: put back comment about `roomIndexInSection` * chore: add missing `readonly` * chore: add doc about possible undefined value for room item vm
2026-03-31 18:43:32 +00:00
parent 1974b50213
commit 0f515f581e
28 changed files with 1299 additions and 202 deletions
@@ -0,0 +1,48 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { RoomListSectionHeaderViewModel } from "../../../src/viewmodels/room-list/RoomListSectionHeaderViewModel";
+
+describe("RoomListSectionHeaderViewModel", () => {
+    let onToggleExpanded: jest.Mock;
+
+    beforeEach(() => {
+        onToggleExpanded = jest.fn();
+    });
+
+    it("should initialize snapshot from props", () => {
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            onToggleExpanded,
+        });
+
+        const snapshot = vm.getSnapshot();
+        expect(snapshot.id).toBe("m.favourite");
+        expect(snapshot.title).toBe("Favourites");
+        expect(snapshot.isExpanded).toBe(true);
+    });
+
+    it("should toggle expanded state on click", () => {
+        const vm = new RoomListSectionHeaderViewModel({
+            tag: "m.favourite",
+            title: "Favourites",
+            onToggleExpanded,
+        });
+        expect(vm.isExpanded).toBe(true);
+
+        vm.onClick();
+        expect(vm.isExpanded).toBe(false);
+        expect(vm.getSnapshot().isExpanded).toBe(false);
+        expect(onToggleExpanded).toHaveBeenCalledWith(false);
+
+        vm.onClick();
+        expect(vm.isExpanded).toBe(true);
+        expect(vm.getSnapshot().isExpanded).toBe(true);
+        expect(onToggleExpanded).toHaveBeenCalledWith(true);
+    });
+});