Merge matrix-react-sdk into element-web

Merge remote-tracking branch 'repomerge/t3chguy/repomerge' into t3chguy/repo-merge Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-11-04 01:19:41 +00:00 · 2024-10-15 14:57:26 +01:00
parent b428b4aa9d b084ff2313
commit f0ee7f7905
3265 changed files with 484599 additions and 699 deletions
@@ -0,0 +1,189 @@
+/*
+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 = "<em><b>hello</b> world</em>";
+    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": "> <myfakeuser> Replying to this\n\n*__hello__ world*",
+                "format": "org.matrix.custom.html",
+                "formatted_body":
+                    '<mx-reply><blockquote><a href="$$permalink$$">In reply to</a>' +
+                    ' <a href="https://matrix.to/#/myfakeuser">myfakeuser</a>' +
+                    "<br>Replying to this</blockquote></mx-reply><em><b>hello</b> world</em>",
+                "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": "<b>First Message</b>",
+                    "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 = `<a href="#" contenteditable="false" data-mention-type="at-room" style="some styling">@room</a> `;
+
+            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 href="https://matrix.to/#/@test_user:element.io" contenteditable="false" data-mention-type="user" style="some styling">a test user</a> `;
+
+            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 href="https://matrix.to/#/#test_room:element.io" contenteditable="false" data-mention-type="room" style="some styling">a test room</a> `;
+
+            const content = await createMessageContent(messageComposerState, false, { permalinkCreator });
+
+            expect(content).toMatchObject({
+                body: "#test_room:element.io ",
+            });
+        });
+    });
+});