New room list: move sort menu in room list header (#29983)

* feat: move sort and preview into room list header vm

* feat: move sort menu into room list header

* test: update tests

* test:update snapshots

* chore: remove secondary filter tests

* test(e2e): update screenshots
This commit is contained in:
Florian Duros
2025-05-19 15:25:12 +02:00
committed by GitHub
parent e1104891cb
commit 22c7bf346c
28 changed files with 711 additions and 571 deletions
@@ -10,13 +10,13 @@ import { render, screen } from "jest-matrix-react";
import userEvent from "@testing-library/user-event";
import { RoomListOptionsMenu } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListOptionsMenu";
import { type RoomListViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
import { type RoomListHeaderViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
describe("<RoomListOptionsMenu />", () => {
it("should match snapshot", () => {
const vm = {
sort: jest.fn(),
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
const { asFragment } = render(<RoomListOptionsMenu vm={vm} />);
@@ -29,7 +29,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
sort: jest.fn(),
activeSortOption: "Alphabetic",
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -47,7 +47,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
sort: jest.fn(),
activeSortOption: "Recency",
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -64,7 +64,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
sort: jest.fn(),
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -81,7 +81,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
sort: jest.fn(),
activeSortOption: "Alphabetic",
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -97,7 +97,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
shouldShowMessagePreview: false,
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -111,7 +111,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
shouldShowMessagePreview: true,
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);
@@ -125,7 +125,7 @@ describe("<RoomListOptionsMenu />", () => {
const vm = {
toggleMessagePreview: jest.fn(),
} as unknown as RoomListViewState;
} as unknown as RoomListHeaderViewState;
render(<RoomListOptionsMenu vm={vm} />);