feat: show call participants in room list (Discord-style)

apps/web/test/unit-tests/components/views/messages/shared/MediaProcessingError-test.tsx

@@ -0,0 +1,25 @@
+/*
+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 OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { render } from "jest-matrix-react";
+
+import MediaProcessingError from "../../../../../../src/components/views/messages/shared/MediaProcessingError";
+
+describe("<MediaProcessingError />", () => {
+    const defaultProps = {
+        className: "test-classname",
+        children: "Something went wrong",
+    };
+    const getComponent = (props = {}) => render(<MediaProcessingError {...defaultProps} {...props} />);
+
+    it("renders", () => {
+        const { container } = getComponent();
+        expect(container).toMatchSnapshot();
+    });
+});

apps/web/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<MediaProcessingError /> renders 1`] = `
+<div>
+  <span
+    class="test-classname"
+  >
+    <svg
+      class="mx_MediaProcessingError_Icon"
+      fill="currentColor"
+      height="16"
+      viewBox="0 0 24 24"
+      width="16"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638.15.361.15.762v3.516A6 6 0 0 0 18 12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8V4H6v16h6.341c.264.745.67 1.423 1.187 2z"
+      />
+      <path
+        d="M18 14a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1m-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0"
+      />
+    </svg>
+    Something went wrong
+  </span>
+</div>
+`;