133 lines
4.4 KiB
TypeScript
133 lines
4.4 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React from "react";
|
|
import { render, RenderResult } from "@testing-library/react";
|
|
import { MatrixClient, MatrixEvent, EventType, Room, MsgType } from "matrix-js-sdk/src/matrix";
|
|
import fetchMock from "fetch-mock-jest";
|
|
import fs from "fs";
|
|
import path from "path";
|
|
|
|
import SettingsStore from "../../../../src/settings/SettingsStore";
|
|
import { VoiceBroadcastInfoEventType, VoiceBroadcastInfoState } from "../../../../src/voice-broadcast";
|
|
import { mkEvent, mkRoom, stubClient } from "../../../test-utils";
|
|
import MessageEvent from "../../../../src/components/views/messages/MessageEvent";
|
|
import { RoomPermalinkCreator } from "../../../../src/utils/permalinks/Permalinks";
|
|
|
|
jest.mock("../../../../src/components/views/messages/UnknownBody", () => ({
|
|
__esModule: true,
|
|
default: () => <div data-testid="unknown-body" />,
|
|
}));
|
|
|
|
jest.mock("../../../../src/voice-broadcast/components/VoiceBroadcastBody", () => ({
|
|
VoiceBroadcastBody: () => <div data-testid="voice-broadcast-body" />,
|
|
}));
|
|
|
|
jest.mock("../../../../src/components/views/messages/MImageBody", () => ({
|
|
__esModule: true,
|
|
default: () => <div data-testid="image-body" />,
|
|
}));
|
|
|
|
jest.mock("../../../../src/components/views/messages/MImageReplyBody", () => ({
|
|
__esModule: true,
|
|
default: () => <div data-testid="image-reply-body" />,
|
|
}));
|
|
|
|
jest.mock("../../../../src/components/views/messages/MStickerBody", () => ({
|
|
__esModule: true,
|
|
default: () => <div data-testid="sticker-body" />,
|
|
}));
|
|
|
|
jest.mock("../../../../src/components/views/messages/TextualBody.tsx", () => ({
|
|
__esModule: true,
|
|
default: () => <div data-testid="textual-body" />,
|
|
}));
|
|
|
|
describe("MessageEvent", () => {
|
|
let room: Room;
|
|
let client: MatrixClient;
|
|
let event: MatrixEvent;
|
|
|
|
const renderMessageEvent = (): RenderResult => {
|
|
return render(
|
|
<MessageEvent
|
|
mxEvent={event}
|
|
onHeightChanged={jest.fn()}
|
|
permalinkCreator={new RoomPermalinkCreator(room)}
|
|
/>,
|
|
);
|
|
};
|
|
|
|
beforeEach(() => {
|
|
client = stubClient();
|
|
room = mkRoom(client, "!room:example.com");
|
|
jest.spyOn(SettingsStore, "getValue");
|
|
jest.spyOn(SettingsStore, "watchSetting");
|
|
jest.spyOn(SettingsStore, "unwatchSetting").mockImplementation(jest.fn());
|
|
});
|
|
|
|
describe("when a voice broadcast start event occurs", () => {
|
|
let result: RenderResult;
|
|
|
|
beforeEach(() => {
|
|
event = mkEvent({
|
|
event: true,
|
|
type: VoiceBroadcastInfoEventType,
|
|
user: client.getUserId()!,
|
|
room: room.roomId,
|
|
content: {
|
|
state: VoiceBroadcastInfoState.Started,
|
|
},
|
|
});
|
|
result = renderMessageEvent();
|
|
});
|
|
|
|
it("should render a VoiceBroadcast component", () => {
|
|
result.getByTestId("voice-broadcast-body");
|
|
});
|
|
});
|
|
|
|
describe("when an image with a caption is sent", () => {
|
|
let result: RenderResult;
|
|
|
|
beforeEach(() => {
|
|
event = mkEvent({
|
|
event: true,
|
|
type: EventType.RoomMessage,
|
|
user: client.getUserId()!,
|
|
room: room.roomId,
|
|
content: {
|
|
body: "caption for a test image",
|
|
format: "org.matrix.custom.html",
|
|
formatted_body: "<strong>caption for a test image</strong>",
|
|
msgtype: MsgType.Image,
|
|
filename: "image.webp",
|
|
info: {
|
|
w: 40,
|
|
h: 50,
|
|
},
|
|
url: "mxc://server/image",
|
|
},
|
|
});
|
|
result = renderMessageEvent();
|
|
});
|
|
|
|
it("should render a TextualBody and an ImageBody", () => {
|
|
fetchMock.getOnce(
|
|
"https://server/_matrix/media/v3/download/server/image",
|
|
{
|
|
body: fs.readFileSync(path.resolve(__dirname, "..", "..", "..", "images", "animated-logo.webp")),
|
|
},
|
|
{ sendAsJson: false },
|
|
);
|
|
result.getByTestId("image-body");
|
|
result.getByTestId("textual-body");
|
|
});
|
|
});
|
|
});
|