New Room List: Change the order of filters to match those on mobile (#30905)

* Change the order of filters to match those on mobile

* Fix jest test

* Update screenshots to include expanded and collapsed list of filters.

* lint
This commit is contained in:
David Langley
2025-09-30 11:35:24 +01:00
committed by GitHub
parent e0df420ade
commit 6562f5ac20
5 changed files with 9 additions and 2 deletions

View File

@@ -322,6 +322,13 @@ test.describe("Room list filters and sort", () => {
return page.getByTestId("empty-room-list"); return page.getByTestId("empty-room-list");
} }
test("should render the primary filters", { tag: "@screenshot" }, async ({ page, app, user }) => {
const primaryFilters = getPrimaryFilters(page);
await expect(primaryFilters).toMatchScreenshot("collapsed-primary-filters.png");
await getFilterExpandButton(page).click();
await expect(primaryFilters).toMatchScreenshot("expanded-primary-filters.png");
});
test( test(
"should render the default placeholder when there is no filter", "should render the default placeholder when there is no filter",
{ tag: "@screenshot" }, { tag: "@screenshot" },

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

@@ -48,9 +48,9 @@ const filterKeyToNameMap: Map<FilterKey, TranslationKey> = new Map([
[FilterKey.UnreadFilter, _td("room_list|filters|unread")], [FilterKey.UnreadFilter, _td("room_list|filters|unread")],
[FilterKey.PeopleFilter, _td("room_list|filters|people")], [FilterKey.PeopleFilter, _td("room_list|filters|people")],
[FilterKey.RoomsFilter, _td("room_list|filters|rooms")], [FilterKey.RoomsFilter, _td("room_list|filters|rooms")],
[FilterKey.FavouriteFilter, _td("room_list|filters|favourite")],
[FilterKey.MentionsFilter, _td("room_list|filters|mentions")], [FilterKey.MentionsFilter, _td("room_list|filters|mentions")],
[FilterKey.InvitesFilter, _td("room_list|filters|invites")], [FilterKey.InvitesFilter, _td("room_list|filters|invites")],
[FilterKey.FavouriteFilter, _td("room_list|filters|favourite")],
[FilterKey.LowPriorityFilter, _td("room_list|filters|low_priority")], [FilterKey.LowPriorityFilter, _td("room_list|filters|low_priority")],
]); ]);

View File

@@ -72,9 +72,9 @@ describe("RoomListViewModel", () => {
"Unreads", "Unreads",
"People", "People",
"Rooms", "Rooms",
"Favourites",
"Mentions", "Mentions",
"Invites", "Invites",
"Favourites",
"Low priority", "Low priority",
].entries()) { ].entries()) {
expect(vm.current.primaryFilters[i].name).toEqual(name); expect(vm.current.primaryFilters[i].name).toEqual(name);