f0ee7f7905
Merge remote-tracking branch 'repomerge/t3chguy/repomerge' into t3chguy/repo-merge Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
189 lines
7.3 KiB
TypeScript
189 lines
7.3 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 { 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 ",
|
|
});
|
|
});
|
|
});
|
|
});
|