Use server side relations for voice broadcasts (#9534)

test/voice-broadcast/components/VoiceBroadcastBody-test.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from "react";
+import React, { ReactElement } from "react";
 import { act, render, screen } from "@testing-library/react";
 import { mocked } from "jest-mock";
 import { MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
@@ -31,6 +31,8 @@ import {
 } from "../../../src/voice-broadcast";
 import { stubClient } from "../../test-utils";
 import { mkVoiceBroadcastInfoStateEvent } from "../utils/test-utils";
+import { MediaEventHelper } from "../../../src/utils/MediaEventHelper";
+import { RoomPermalinkCreator } from "../../../src/utils/permalinks/Permalinks";
 
 jest.mock("../../../src/voice-broadcast/components/molecules/VoiceBroadcastRecordingBody", () => ({
     VoiceBroadcastRecordingBody: jest.fn(),
@@ -40,8 +42,13 @@ jest.mock("../../../src/voice-broadcast/components/molecules/VoiceBroadcastPlayb
     VoiceBroadcastPlaybackBody: jest.fn(),
 }));
 
+jest.mock("../../../src/utils/permalinks/Permalinks");
+jest.mock("../../../src/utils/MediaEventHelper");
+
 describe("VoiceBroadcastBody", () => {
     const roomId = "!room:example.com";
+    let userId: string;
+    let deviceId: string;
     let client: MatrixClient;
     let room: Room;
     let infoEvent: MatrixEvent;
@@ -52,62 +59,75 @@ describe("VoiceBroadcastBody", () => {
     const renderVoiceBroadcast = () => {
         render(<VoiceBroadcastBody
             mxEvent={infoEvent}
-            mediaEventHelper={null}
+            mediaEventHelper={new MediaEventHelper(infoEvent)}
             onHeightChanged={() => {}}
             onMessageAllowed={() => {}}
-            permalinkCreator={null}
+            permalinkCreator={new RoomPermalinkCreator(room)}
         />);
         testRecording = VoiceBroadcastRecordingsStore.instance().getByInfoEvent(infoEvent, client);
     };
 
     beforeEach(() => {
         client = stubClient();
-        room = new Room(roomId, client, client.getUserId());
-        mocked(client.getRoom).mockImplementation((getRoomId: string) => {
+        userId = client.getUserId() || "";
+        deviceId = client.getDeviceId() || "";
+        mocked(client.relations).mockClear();
+        mocked(client.relations).mockResolvedValue({ events: [] });
+        room = new Room(roomId, client, userId);
+        mocked(client.getRoom).mockImplementation((getRoomId?: string) => {
             if (getRoomId === roomId) return room;
+            return null;
         });
 
         infoEvent = mkVoiceBroadcastInfoStateEvent(
             roomId,
             VoiceBroadcastInfoState.Started,
-            client.getUserId(),
-            client.getDeviceId(),
+            userId,
+            deviceId,
         );
         stoppedEvent = mkVoiceBroadcastInfoStateEvent(
             roomId,
             VoiceBroadcastInfoState.Stopped,
-            client.getUserId(),
-            client.getDeviceId(),
+            userId,
+            deviceId,
             infoEvent,
         );
         room.addEventsToTimeline([infoEvent], true, room.getLiveTimeline());
         testRecording = new VoiceBroadcastRecording(infoEvent, client);
         testPlayback = new VoiceBroadcastPlayback(infoEvent, client);
-        mocked(VoiceBroadcastRecordingBody).mockImplementation(({ recording }) => {
+        mocked(VoiceBroadcastRecordingBody).mockImplementation(({ recording }): ReactElement | null => {
             if (testRecording === recording) {
                 return <div data-testid="voice-broadcast-recording-body" />;
             }
+
+            return null;
         });
 
-        mocked(VoiceBroadcastPlaybackBody).mockImplementation(({ playback }) => {
+        mocked(VoiceBroadcastPlaybackBody).mockImplementation(({ playback }): ReactElement | null => {
             if (testPlayback === playback) {
                 return <div data-testid="voice-broadcast-playback-body" />;
             }
+
+            return null;
         });
 
         jest.spyOn(VoiceBroadcastRecordingsStore.instance(), "getByInfoEvent").mockImplementation(
-            (getEvent: MatrixEvent, getClient: MatrixClient) => {
+            (getEvent: MatrixEvent, getClient: MatrixClient): VoiceBroadcastRecording => {
                 if (getEvent === infoEvent && getClient === client) {
                     return testRecording;
                 }
+
+                throw new Error("unexpected event");
             },
         );
 
         jest.spyOn(VoiceBroadcastPlaybacksStore.instance(), "getByInfoEvent").mockImplementation(
-            (getEvent: MatrixEvent) => {
+            (getEvent: MatrixEvent): VoiceBroadcastPlayback => {
                 if (getEvent === infoEvent) {
                     return testPlayback;
                 }
+
+                throw new Error("unexpected event");
             },
         );
     });

test/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody-test.tsx

@@ -48,6 +48,9 @@ describe("VoiceBroadcastPlaybackBody", () => {
 
     beforeAll(() => {
         client = stubClient();
+        mocked(client.relations).mockClear();
+        mocked(client.relations).mockResolvedValue({ events: [] });
+
         infoEvent = mkVoiceBroadcastInfoStateEvent(
             roomId,
             VoiceBroadcastInfoState.Started,