Revert "Revert "Factor out MessageEvent.from() usage (#9882)""

This reverts commit 99e38ca.

Author: turt2live

cypress/e2e/editing/editing.spec.ts

@@ -16,15 +16,17 @@ limitations under the License.
 
 /// <reference types="cypress" />
 
-import { MessageEvent } from "matrix-events-sdk";
-
+import type { MsgType } from "matrix-js-sdk/src/@types/event";
 import type { ISendEventResponse } from "matrix-js-sdk/src/@types/requests";
 import type { EventType } from "matrix-js-sdk/src/@types/event";
 import { SynapseInstance } from "../../plugins/synapsedocker";
 import Chainable = Cypress.Chainable;
 
 const sendEvent = (roomId: string): Chainable<ISendEventResponse> => {
-    return cy.sendEvent(roomId, null, "m.room.message" as EventType, MessageEvent.from("Message").serialize().content);
+    return cy.sendEvent(roomId, null, "m.room.message" as EventType, {
+        msgtype: "m.text" as MsgType,
+        body: "Message",
+    });
 };
 
 describe("Editing", () => {

cypress/e2e/timeline/timeline.spec.ts

@@ -16,10 +16,8 @@ limitations under the License.
 
 /// <reference types="cypress" />
 
-import { MessageEvent } from "matrix-events-sdk";
-
 import type { ISendEventResponse } from "matrix-js-sdk/src/@types/requests";
-import type { EventType } from "matrix-js-sdk/src/@types/event";
+import type { EventType, MsgType } from "matrix-js-sdk/src/@types/event";
 import { SynapseInstance } from "../../plugins/synapsedocker";
 import { SettingLevel } from "../../../src/settings/SettingLevel";
 import { Layout } from "../../../src/settings/enums/Layout";
@@ -55,12 +53,17 @@ const expectAvatar = (e: JQuery<HTMLElement>, avatarUrl: string): void => {
 };
 
 const sendEvent = (roomId: string, html = false): Chainable<ISendEventResponse> => {
-    return cy.sendEvent(
-        roomId,
-        null,
-        "m.room.message" as EventType,
-        MessageEvent.from("Message", html ? "<b>Message</b>" : undefined).serialize().content,
-    );
+    const content = {
+        msgtype: "m.text" as MsgType,
+        body: "Message",
+        format: undefined,
+        formatted_body: undefined,
+    };
+    if (html) {
+        content.format = "org.matrix.custom.html";
+        content.formatted_body = "<b>Message</b>";
+    }
+    return cy.sendEvent(roomId, null, "m.room.message" as EventType, content);
 };
 
 describe("Timeline", () => {
@@ -314,12 +317,10 @@ describe("Timeline", () => {
                 },
             }).as("preview_url");
 
-            cy.sendEvent(
-                roomId,
-                null,
-                "m.room.message" as EventType,
-                MessageEvent.from("https://call.element.io/").serialize().content,
-            );
+            cy.sendEvent(roomId, null, "m.room.message" as EventType, {
+                msgtype: "m.text" as MsgType,
+                body: "https://call.element.io/",
+            });
             cy.visit("/#/room/" + roomId);
 
             cy.get(".mx_LinkPreviewWidget").should("exist").should("contain.text", "Element Call");

test/components/structures/TimelinePanel-test.tsx

@@ -17,7 +17,6 @@ limitations under the License.
 import { render, RenderResult, waitFor, screen } from "@testing-library/react";
 // eslint-disable-next-line deprecate/import
 import { mount, ReactWrapper } from "enzyme";
-import { MessageEvent } from "matrix-events-sdk";
 import { ReceiptType } from "matrix-js-sdk/src/@types/read_receipts";
 import {
     EventTimelineSet,
@@ -48,6 +47,7 @@ import SettingsStore from "../../../src/settings/SettingsStore";
 import { isCallEvent } from "../../../src/components/structures/LegacyCallEventGrouper";
 import { flushPromises, mkMembership, mkRoom, stubClient } from "../../test-utils";
 import { mkThread } from "../../test-utils/threads";
+import { createMessageEventContent } from "../../test-utils/events";
 
 const newReceipt = (eventId: string, userId: string, readTs: number, fullyReadTs: number): MatrixEvent => {
     const receiptContent = {
@@ -89,8 +89,8 @@ const mockEvents = (room: Room, count = 2): MatrixEvent[] => {
                 room_id: room.roomId,
                 event_id: `${room.roomId}_event_${index}`,
                 type: EventType.RoomMessage,
-                user_id: "userId",
-                content: MessageEvent.from(`Event${index}`).serialize().content,
+                sender: "userId",
+                content: createMessageEventContent("`Event${index}`"),
             }),
         );
     }
@@ -125,13 +125,15 @@ describe("TimelinePanel", () => {
                 event_id: "ev0",
                 sender: "@u2:m.org",
                 origin_server_ts: 111,
-                ...MessageEvent.from("hello 1").serialize(),
+                type: EventType.RoomMessage,
+                content: createMessageEventContent("hello 1"),
             });
             const ev1 = new MatrixEvent({
                 event_id: "ev1",
                 sender: "@u2:m.org",
                 origin_server_ts: 222,
-                ...MessageEvent.from("hello 2").serialize(),
+                type: EventType.RoomMessage,
+                content: createMessageEventContent("hello 2"),
             });
 
             const roomId = "#room:example.com";
@@ -385,24 +387,24 @@ describe("TimelinePanel", () => {
                 room_id: room.roomId,
                 event_id: "event_reply_1",
                 type: EventType.RoomMessage,
-                user_id: "userId",
-                content: MessageEvent.from(`ReplyEvent1`).serialize().content,
+                sender: "userId",
+                content: createMessageEventContent("ReplyEvent1"),
             });
 
             reply2 = new MatrixEvent({
                 room_id: room.roomId,
                 event_id: "event_reply_2",
                 type: EventType.RoomMessage,
-                user_id: "userId",
-                content: MessageEvent.from(`ReplyEvent2`).serialize().content,
+                sender: "userId",
+                content: createMessageEventContent("ReplyEvent2"),
             });
 
             root = new MatrixEvent({
                 room_id: room.roomId,
                 event_id: "event_root_1",
                 type: EventType.RoomMessage,
-                user_id: "userId",
-                content: MessageEvent.from(`RootEvent`).serialize().content,
+                sender: "userId",
+                content: createMessageEventContent("RootEvent"),
             });
 
             const eventMap: { [key: string]: MatrixEvent } = {