simple lobby snapshot tests

(we dont want this to get too invested as we plan to refactor the lobby(

src/room/LobbyView.test.tsx

@@ -0,0 +1,100 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE in the repository root for full details.
+*/
+
+import { describe, expect, it, vi } from "vitest";
+import { render } from "@testing-library/react";
+import { BrowserRouter } from "react-router-dom";
+import { TooltipProvider } from "@vector-im/compound-web";
+import { type MatrixClient } from "matrix-js-sdk";
+
+import { LobbyView } from "./LobbyView";
+import { E2eeType } from "../e2ee/e2eeType";
+import { mockMediaDevices, mockMuteStates } from "../utils/test";
+import { MediaDevicesContext } from "../MediaDevicesContext";
+import { type ProcessorState } from "../livekit/TrackProcessorContext";
+import { type EncryptionSystem } from "../e2ee/sharedKeyManagement";
+
+vi.mock("@livekit/components-react", () => ({
+  usePreviewTracks: (): unknown[] => [],
+}));
+
+vi.mock("../livekit/TrackProcessorContext", () => ({
+  useTrackProcessor: (): ProcessorState => ({
+    supported: false,
+    processor: undefined,
+  }),
+  useTrackProcessorSync: (): void => {},
+}));
+
+vi.mock("react-use-measure", () => ({
+  default: (): [() => void, object] => [(): void => {}, {}],
+}));
+
+vi.mock("../settings/SettingsModal", () => ({
+  SettingsModal: (): null => null,
+  defaultSettingsTab: "general",
+}));
+
+const mockClient = {
+  getUserId: () => "@user:example.org",
+  getDeviceId: () => "DEVICE",
+} as Partial<MatrixClient> as MatrixClient;
+
+const matrixInfo = {
+  userId: "@user:example.org",
+  displayName: "Test User",
+  avatarUrl: "",
+  roomId: "!room:example.org",
+  roomName: "Test Room",
+  roomAlias: null,
+  roomAvatar: null,
+  e2eeSystem: { kind: E2eeType.NONE } satisfies EncryptionSystem,
+};
+
+function renderLobbyView(
+  props: Partial<Parameters<typeof LobbyView>[0]> = {},
+): ReturnType<typeof render> {
+  const mediaDevices = mockMediaDevices({});
+  const muteStates = mockMuteStates();
+
+  return render(
+    <BrowserRouter>
+      <MediaDevicesContext value={mediaDevices}>
+        <TooltipProvider>
+          <LobbyView
+            client={mockClient}
+            matrixInfo={matrixInfo}
+            muteStates={muteStates}
+            onEnter={() => {}}
+            confineToRoom={false}
+            hideHeader={false}
+            participantCount={3}
+            onShareClick={null}
+            {...props}
+          />
+        </TooltipProvider>
+      </MediaDevicesContext>
+    </BrowserRouter>,
+  );
+}
+
+describe("LobbyView", () => {
+  it("renders with header and participant count", () => {
+    const { container } = renderLobbyView();
+    expect(container).toMatchSnapshot();
+  });
+
+  it("renders without header", () => {
+    const { container } = renderLobbyView({ hideHeader: true });
+    expect(container).toMatchSnapshot();
+  });
+
+  it("renders with waiting for invite state", () => {
+    const { container } = renderLobbyView({ waitingForInvite: true });
+    expect(container).toMatchSnapshot();
+  });
+});