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>
2024-10-15 14:57:26 +01:00 · 2024-10-15 14:57:26 +01:00 · f0ee7f7905
commit f0ee7f7905
parent b428b4aa9d b084ff2313
3265 changed files with 484599 additions and 699 deletions
--- a/test/unit-tests/components/views/messages/MVideoBody-test.tsx
+++ b/test/unit-tests/components/views/messages/MVideoBody-test.tsx
@ -0,0 +1,131 @@
+/*
+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 React from "react";
+import { EventType, getHttpUriForMxc, IContent, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { render, RenderResult } from "jest-matrix-react";
+import fetchMock from "fetch-mock-jest";
+
+import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
+import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
+import { MediaEventHelper } from "../../../../../src/utils/MediaEventHelper";
+import {
+    getMockClientWithEventEmitter,
+    mockClientMethodsCrypto,
+    mockClientMethodsDevice,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+} from "../../../../test-utils";
+import MVideoBody from "../../../../../src/components/views/messages/MVideoBody";
+
+describe("MVideoBody", () => {
+    it("does not crash when given a portrait image", () => {
+        // Check for an unreliable crash caused by a fractional-sized
+        // image dimension being used for a CanvasImageData.
+        const { asFragment } = makeMVideoBody(720, 1280);
+        expect(asFragment()).toMatchSnapshot();
+        // If we get here, we did not crash.
+    });
+
+    it("should show poster for encrypted media before downloading it", async () => {
+        const userId = "@user:server";
+        const deviceId = "DEADB33F";
+        const cli = getMockClientWithEventEmitter({
+            ...mockClientMethodsUser(userId),
+            ...mockClientMethodsServer(),
+            ...mockClientMethodsDevice(deviceId),
+            ...mockClientMethodsCrypto(),
+            getRooms: jest.fn().mockReturnValue([]),
+            getIgnoredUsers: jest.fn(),
+            getVersions: jest.fn().mockResolvedValue({
+                unstable_features: {
+                    "org.matrix.msc3882": true,
+                    "org.matrix.msc3886": true,
+                },
+            }),
+        });
+        const thumbUrl = "https://server/_matrix/media/v3/download/server/encrypted-poster";
+        fetchMock.getOnce(thumbUrl, { status: 200 });
+
+        // eslint-disable-next-line no-restricted-properties
+        cli.mxcUrlToHttp.mockImplementation(
+            (mxcUrl: string, width?: number, height?: number, resizeMethod?: string, allowDirectLinks?: boolean) => {
+                return getHttpUriForMxc("https://server", mxcUrl, width, height, resizeMethod, allowDirectLinks);
+            },
+        );
+        const encryptedMediaEvent = new MatrixEvent({
+            room_id: "!room:server",
+            sender: userId,
+            type: EventType.RoomMessage,
+            content: {
+                body: "alt for a test video",
+                info: {
+                    duration: 420,
+                    w: 40,
+                    h: 50,
+                    thumbnail_file: {
+                        url: "mxc://server/encrypted-poster",
+                    },
+                },
+                file: {
+                    url: "mxc://server/encrypted-image",
+                },
+            },
+        });
+
+        const { asFragment } = render(
+            <MVideoBody mxEvent={encryptedMediaEvent} mediaEventHelper={new MediaEventHelper(encryptedMediaEvent)} />,
+        );
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+
+function makeMVideoBody(w: number, h: number): RenderResult {
+    const content: IContent = {
+        info: {
+            "w": w,
+            "h": h,
+            "mimetype": "video/mp4",
+            "size": 2495675,
+            "thumbnail_file": {
+                url: "",
+                key: { alg: "", key_ops: [], kty: "", k: "", ext: true },
+                iv: "",
+                hashes: {},
+                v: "",
+            },
+            "thumbnail_info": { mimetype: "" },
+            "xyz.amorgan.blurhash": "TrGl6bofof~paxWC?bj[oL%2fPj]",
+        },
+        url: "http://example.com",
+    };
+
+    const event = new MatrixEvent({
+        content,
+    });
+
+    const defaultProps: MVideoBody["props"] = {
+        mxEvent: event,
+        highlights: [],
+        highlightLink: "",
+        onHeightChanged: jest.fn(),
+        onMessageAllowed: jest.fn(),
+        permalinkCreator: {} as RoomPermalinkCreator,
+        mediaEventHelper: { media: { isEncrypted: false } } as MediaEventHelper,
+    };
+
+    const mockClient = getMockClientWithEventEmitter({
+        mxcUrlToHttp: jest.fn(),
+    });
+
+    return render(
+        <MatrixClientContext.Provider value={mockClient}>
+            <MVideoBody {...defaultProps} />
+        </MatrixClientContext.Provider>,
+    );
+}