/* 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 { MsgType } from "matrix-js-sdk/src/matrix"; import { filterConsole, mkEvent } from "../../../../../test-utils"; import { RoomPermalinkCreator } from "../../../../../../src/utils/permalinks/Permalinks"; import { createMessageContent, EMOTE_PREFIX, } from "../../../../../../src/components/views/rooms/wysiwyg_composer/utils/createMessageContent"; describe("createMessageContent", () => { const permalinkCreator = { forEvent(eventId: string): string { return "$$permalink$$"; }, } as RoomPermalinkCreator; const message = "hello world"; const mockEvent = mkEvent({ type: "m.room.message", room: "myfakeroom", user: "myfakeuser", content: { msgtype: "m.text", body: "Replying to this" }, event: true, }); afterEach(() => { jest.resetAllMocks(); }); describe("Richtext composer input", () => { filterConsole( "WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm`", ); beforeAll(async () => { // Warm up by creating the component once, with a long timeout. // This prevents tests timing out because of the time spent loading // the WASM component. await createMessageContent(message, true, { permalinkCreator }); }, 10000); it("Should create html message", async () => { // When const content = await createMessageContent(message, true, { permalinkCreator }); // Then expect(content).toEqual({ body: "*__hello__ world*", format: "org.matrix.custom.html", formatted_body: message, msgtype: "m.text", }); }); it("Should add reply to message content", async () => { // When const content = await createMessageContent(message, true, { permalinkCreator, replyToEvent: mockEvent }); // Then expect(content).toEqual({ "body": "> Replying to this\n\n*__hello__ world*", "format": "org.matrix.custom.html", "formatted_body": '
In reply to' + ' myfakeuser' + "
Replying to this
hello world", "msgtype": "m.text", "m.relates_to": { "m.in_reply_to": { event_id: mockEvent.getId(), }, }, }); }); it("Should add relation to message", async () => { // When const relation = { rel_type: "m.thread", event_id: "myFakeThreadId", }; const content = await createMessageContent(message, true, { permalinkCreator, relation }); // Then expect(content).toEqual({ "body": "*__hello__ world*", "format": "org.matrix.custom.html", "formatted_body": message, "msgtype": "m.text", "m.relates_to": { event_id: "myFakeThreadId", rel_type: "m.thread", }, }); }); it("Should add fields related to edition", async () => { // When const editedEvent = mkEvent({ type: "m.room.message", room: "myfakeroom", user: "myfakeuser2", content: { "msgtype": "m.text", "body": "First message", "formatted_body": "First Message", "m.relates_to": { "m.in_reply_to": { event_id: "eventId", }, }, }, event: true, }); const content = await createMessageContent(message, true, { permalinkCreator, editedEvent }); // Then expect(content).toEqual({ "body": " * *__hello__ world*", "format": "org.matrix.custom.html", "formatted_body": ` * ${message}`, "msgtype": "m.text", "m.new_content": { body: "*__hello__ world*", format: "org.matrix.custom.html", formatted_body: message, msgtype: "m.text", }, "m.relates_to": { event_id: editedEvent.getId(), rel_type: "m.replace", }, }); }); it("Should strip the /me prefix from a message", async () => { const textBody = "some body text"; const content = await createMessageContent(EMOTE_PREFIX + textBody, true, { permalinkCreator }); expect(content).toMatchObject({ body: textBody, formatted_body: textBody }); }); it("Should strip single / from message prefixed with //", async () => { const content = await createMessageContent("//twoSlashes", true, { permalinkCreator }); expect(content).toMatchObject({ body: "/twoSlashes", formatted_body: "/twoSlashes" }); }); it("Should set the content type to MsgType.Emote when /me prefix is used", async () => { const textBody = "some body text"; const content = await createMessageContent(EMOTE_PREFIX + textBody, true, { permalinkCreator }); expect(content).toMatchObject({ msgtype: MsgType.Emote }); }); }); describe("Plaintext composer input", () => { it("Should replace at-room mentions with `@room` in body", async () => { const messageComposerState = `@room `; const content = await createMessageContent(messageComposerState, false, { permalinkCreator }); expect(content).toMatchObject({ body: "@room " }); }); it("Should replace user mentions with user name in body", async () => { const messageComposerState = `a test user `; const content = await createMessageContent(messageComposerState, false, { permalinkCreator }); expect(content).toMatchObject({ body: "a test user " }); }); it("Should replace room mentions with room mxid in body", async () => { const messageComposerState = `a test room `; const content = await createMessageContent(messageComposerState, false, { permalinkCreator }); expect(content).toMatchObject({ body: "#test_room:element.io ", }); }); }); });