07d5a72f26
* feat: add video call and EC call to room list item vm * feat: add video call notification decoration to notification decoration component * feat: add video call support to room list item view * feat: add new RoomAvatarView component * feat: deprecate `DecoratedRoomAvatar` * feat: use `RoomAvatarView` in room list item * feat: allow custom class for `RoomAvatar` * test: update notification decoration * test: update room list item view * test: update room list snapshot * test: add tests for room avatar vm * test: add tests for room avatar view * test(e2e): update snapshots * fix: video room creation rights * test: e2e add test for public and video room
88 lines
3.5 KiB
TypeScript
88 lines
3.5 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, type Room } from "matrix-js-sdk/src/matrix";
|
|
import { render, screen, waitFor } from "jest-matrix-react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { mocked } from "jest-mock";
|
|
|
|
import { mkRoom, stubClient, withClientContextRenderOptions } from "../../../../../test-utils";
|
|
import { RoomListItemView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListItemView";
|
|
import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
|
|
import {
|
|
type RoomListItemViewState,
|
|
useRoomListItemViewModel,
|
|
} from "../../../../../../src/components/viewmodels/roomlist/RoomListItemViewModel";
|
|
import { RoomNotificationState } from "../../../../../../src/stores/notifications/RoomNotificationState";
|
|
|
|
jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListItemViewModel", () => ({
|
|
useRoomListItemViewModel: jest.fn(),
|
|
}));
|
|
|
|
describe("<RoomListItemView />", () => {
|
|
let defaultValue: RoomListItemViewState;
|
|
let matrixClient: MatrixClient;
|
|
let room: Room;
|
|
|
|
beforeEach(() => {
|
|
matrixClient = stubClient();
|
|
room = mkRoom(matrixClient, "room1");
|
|
|
|
DMRoomMap.makeShared(matrixClient);
|
|
jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(null);
|
|
|
|
defaultValue = {
|
|
openRoom: jest.fn(),
|
|
showHoverMenu: false,
|
|
notificationState: new RoomNotificationState(room, false),
|
|
a11yLabel: "Open room room1",
|
|
isBold: false,
|
|
isVideoRoom: false,
|
|
callConnectionState: null,
|
|
hasParticipantInCall: false,
|
|
};
|
|
|
|
mocked(useRoomListItemViewModel).mockReturnValue(defaultValue);
|
|
});
|
|
|
|
test("should render a room item", () => {
|
|
const onClick = jest.fn();
|
|
const { asFragment } = render(<RoomListItemView room={room} onClick={onClick} isSelected={false} />);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
|
|
test("should call openRoom when clicked", async () => {
|
|
const user = userEvent.setup();
|
|
render(<RoomListItemView room={room} isSelected={false} />);
|
|
|
|
await user.click(screen.getByRole("button", { name: `Open room ${room.name}` }));
|
|
expect(defaultValue.openRoom).toHaveBeenCalled();
|
|
});
|
|
|
|
test("should hover decoration if hovered", async () => {
|
|
mocked(useRoomListItemViewModel).mockReturnValue({ ...defaultValue, showHoverMenu: true });
|
|
|
|
const user = userEvent.setup();
|
|
render(<RoomListItemView room={room} isSelected={false} />, withClientContextRenderOptions(matrixClient));
|
|
const listItem = screen.getByRole("button", { name: `Open room ${room.name}` });
|
|
expect(screen.queryByRole("button", { name: "More Options" })).toBeNull();
|
|
|
|
await user.hover(listItem);
|
|
await waitFor(() => expect(screen.getByRole("button", { name: "More Options" })).toBeInTheDocument());
|
|
});
|
|
|
|
test("should be selected if isSelected=true", async () => {
|
|
const { asFragment } = render(<RoomListItemView room={room} isSelected={true} />);
|
|
expect(screen.queryByRole("button", { name: `Open room ${room.name}` })).toHaveAttribute(
|
|
"aria-selected",
|
|
"true",
|
|
);
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
});
|