2024-05-21 10:37:02 +00:00
|
|
|
/*
|
|
|
|
Copyright 2024 New Vector Ltd
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
import React from "react";
|
|
|
|
import { render, screen, waitFor } from "@testing-library/react";
|
|
|
|
import userEvent from "@testing-library/user-event";
|
|
|
|
import { mocked } from "jest-mock";
|
|
|
|
import { EventType, MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
|
|
|
|
|
|
|
|
import { mkStubRoom, stubClient } from "../../../test-utils";
|
|
|
|
import RoomProfileSettings from "../../../../src/components/views/room_settings/RoomProfileSettings";
|
2024-06-06 17:35:44 +00:00
|
|
|
import DMRoomMap from "../../../../src/utils/DMRoomMap";
|
2024-05-21 10:37:02 +00:00
|
|
|
|
|
|
|
const BASE64_GIF = "R0lGODlhAQABAAAAACw=";
|
|
|
|
const AVATAR_FILE = new File([Uint8Array.from(atob(BASE64_GIF), (c) => c.charCodeAt(0))], "avatar.gif", {
|
|
|
|
type: "image/gif",
|
|
|
|
});
|
|
|
|
|
|
|
|
const ROOM_ID = "!floob:itty";
|
|
|
|
|
|
|
|
describe("RoomProfileSetting", () => {
|
|
|
|
let client: MatrixClient;
|
|
|
|
let room: Room;
|
|
|
|
|
|
|
|
beforeEach(() => {
|
2024-06-06 17:35:44 +00:00
|
|
|
const dmRoomMap = {
|
|
|
|
getUserIdForRoomId: jest.fn(),
|
|
|
|
} as unknown as DMRoomMap;
|
|
|
|
jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
|
|
|
|
|
2024-05-21 10:37:02 +00:00
|
|
|
client = stubClient();
|
|
|
|
room = mkStubRoom(ROOM_ID, "Test room", client);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("handles uploading a room avatar", async () => {
|
|
|
|
const user = userEvent.setup();
|
|
|
|
mocked(client.uploadContent).mockResolvedValue({ content_uri: "mxc://matrix.org/1234" });
|
|
|
|
|
|
|
|
render(<RoomProfileSettings roomId={ROOM_ID} />);
|
|
|
|
|
|
|
|
await user.upload(screen.getByAltText("Upload"), AVATAR_FILE);
|
|
|
|
|
|
|
|
await user.click(screen.getByRole("button", { name: "Save" }));
|
|
|
|
|
|
|
|
await waitFor(() => expect(client.uploadContent).toHaveBeenCalledWith(AVATAR_FILE));
|
|
|
|
await waitFor(() =>
|
|
|
|
expect(client.sendStateEvent).toHaveBeenCalledWith(
|
|
|
|
ROOM_ID,
|
|
|
|
EventType.RoomAvatar,
|
|
|
|
{
|
|
|
|
url: "mxc://matrix.org/1234",
|
|
|
|
},
|
|
|
|
"",
|
|
|
|
),
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("removes a room avatar", async () => {
|
|
|
|
const user = userEvent.setup();
|
|
|
|
|
|
|
|
mocked(client).getRoom.mockReturnValue(room);
|
|
|
|
mocked(room).currentState.getStateEvents.mockImplementation(
|
|
|
|
// @ts-ignore
|
|
|
|
(type: string): MatrixEvent[] | MatrixEvent | null => {
|
|
|
|
if (type === EventType.RoomAvatar) {
|
|
|
|
// @ts-ignore
|
|
|
|
return { getContent: () => ({ url: "mxc://matrix.org/1234" }) };
|
|
|
|
}
|
|
|
|
return null;
|
|
|
|
},
|
|
|
|
);
|
|
|
|
|
|
|
|
render(<RoomProfileSettings roomId="!floob:itty" />);
|
|
|
|
|
|
|
|
await user.click(screen.getByRole("button", { name: "Remove" }));
|
|
|
|
await user.click(screen.getByRole("button", { name: "Save" }));
|
|
|
|
|
|
|
|
await waitFor(() =>
|
|
|
|
expect(client.sendStateEvent).toHaveBeenCalledWith("!floob:itty", EventType.RoomAvatar, {}, ""),
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("cancels changes", async () => {
|
|
|
|
const user = userEvent.setup();
|
|
|
|
|
|
|
|
render(<RoomProfileSettings roomId="!floob:itty" />);
|
|
|
|
|
|
|
|
const roomNameInput = screen.getByLabelText("Room Name");
|
|
|
|
expect(roomNameInput).toHaveValue("");
|
|
|
|
|
|
|
|
await user.type(roomNameInput, "My Room");
|
|
|
|
expect(roomNameInput).toHaveValue("My Room");
|
|
|
|
|
|
|
|
await user.click(screen.getByRole("button", { name: "Cancel" }));
|
|
|
|
|
|
|
|
expect(roomNameInput).toHaveValue("");
|
|
|
|
});
|
|
|
|
});
|