79 lines
3.6 KiB
TypeScript
79 lines
3.6 KiB
TypeScript
/*
|
|
* Copyright 2025 New Vector 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 React from "react";
|
|
import { type MatrixClient } from "matrix-js-sdk/src/matrix";
|
|
import { render } from "jest-matrix-react";
|
|
import { fireEvent } from "@testing-library/dom";
|
|
import { VirtuosoMockContext } from "react-virtuoso";
|
|
|
|
import { type RoomListViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
|
|
import { RoomList } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomList";
|
|
import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
|
|
import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
|
|
import { Landmark, LandmarkNavigation } from "../../../../../../src/accessibility/LandmarkNavigation";
|
|
import { mkRoom, stubClient } from "../../../../../test-utils";
|
|
|
|
describe("<RoomList />", () => {
|
|
let matrixClient: MatrixClient;
|
|
let vm: RoomListViewState;
|
|
|
|
beforeEach(() => {
|
|
matrixClient = stubClient();
|
|
const rooms = Array.from({ length: 10 }, (_, i) => mkRoom(matrixClient, `room${i}`));
|
|
vm = {
|
|
isLoadingRooms: false,
|
|
roomsResult: { spaceId: "home", rooms },
|
|
primaryFilters: [],
|
|
createRoom: jest.fn(),
|
|
createChatRoom: jest.fn(),
|
|
canCreateRoom: true,
|
|
activeIndex: undefined,
|
|
};
|
|
|
|
// Needed to render a room list cell
|
|
DMRoomMap.makeShared(matrixClient);
|
|
jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
|
|
});
|
|
|
|
it("should render a room list", () => {
|
|
const { asFragment } = render(<RoomList vm={vm} />, {
|
|
wrapper: ({ children }) => (
|
|
<MatrixClientContext.Provider value={matrixClient}>
|
|
<VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 56 }}>
|
|
<>{children}</>
|
|
</VirtuosoMockContext.Provider>
|
|
</MatrixClientContext.Provider>
|
|
),
|
|
});
|
|
// At the moment the context prop on Virtuoso gets rendered in the dom as "[object Object]".
|
|
// This is a general issue with the react-virtuoso library.
|
|
// TODO: Update the snapshot when the following issue is resolved: https://github.com/petyosi/react-virtuoso/issues/1281
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
it.each([
|
|
{ shortcut: { key: "F6", ctrlKey: true, shiftKey: true }, isPreviousLandmark: true, label: "PreviousLandmark" },
|
|
{ shortcut: { key: "F6", ctrlKey: true }, isPreviousLandmark: false, label: "NextLandmark" },
|
|
])("should navigate to the landmark on NextLandmark.$label action", ({ shortcut, isPreviousLandmark }) => {
|
|
const spyFindLandmark = jest.spyOn(LandmarkNavigation, "findAndFocusNextLandmark").mockReturnValue();
|
|
const { getByTestId } = render(<RoomList vm={vm} />, {
|
|
wrapper: ({ children }) => (
|
|
<MatrixClientContext.Provider value={matrixClient}>
|
|
<VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 56 }}>
|
|
<>{children}</>
|
|
</VirtuosoMockContext.Provider>
|
|
</MatrixClientContext.Provider>
|
|
),
|
|
});
|
|
const roomList = getByTestId("room-list");
|
|
fireEvent.keyDown(roomList, shortcut);
|
|
|
|
expect(spyFindLandmark).toHaveBeenCalledWith(Landmark.ROOM_LIST, isPreviousLandmark);
|
|
});
|
|
});
|