add tests for functional members

Author: HarHarLinks

test/components/views/avatars/DecoratedRoomAvatar-test.tsx

@@ -16,7 +16,7 @@ limitations under the License.
 
 import { render, waitFor } from "@testing-library/react";
 import { mocked } from "jest-mock";
-import { JoinRule, MatrixClient, PendingEventOrdering, Room } from "matrix-js-sdk/src/matrix";
+import { JoinRule, MatrixClient, PendingEventOrdering, Room, RoomMember } from "matrix-js-sdk/src/matrix";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { TooltipProvider } from "@vector-im/compound-web";
@@ -25,9 +25,13 @@ import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
 import { stubClient } from "../../../test-utils";
 import DecoratedRoomAvatar from "../../../../src/components/views/avatars/DecoratedRoomAvatar";
 import DMRoomMap from "../../../../src/utils/DMRoomMap";
+import { isPresenceEnabled } from "../../../../src/utils/presence";
+import { getJoinedNonFunctionalMembers } from "../../../../src/utils/room/getJoinedNonFunctionalMembers";
 
 describe("DecoratedRoomAvatar", () => {
     const ROOM_ID = "roomId";
+    const MY_USER_ID = "@alice:foo.bar";
+    const DM_USER_ID = "@bob:foo.bar";
 
     let mockClient: MatrixClient;
     let room: Room;
@@ -40,8 +44,16 @@ describe("DecoratedRoomAvatar", () => {
             pendingEventOrdering: PendingEventOrdering.Detached,
         });
 
+        jest.fn(isPresenceEnabled).mockReturnValue(true);
+        jest.fn(getJoinedNonFunctionalMembers).mockReturnValue([
+            new RoomMember(ROOM_ID, MY_USER_ID),
+            new RoomMember(ROOM_ID, DM_USER_ID),
+        ]);
+
         const dmRoomMap = {
-            getUserIdForRoomId: jest.fn(),
+            getUserIdForRoomId: () => {
+                return DM_USER_ID;
+            },
         } as unknown as DMRoomMap;
         jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
     });
@@ -66,4 +78,24 @@ describe("DecoratedRoomAvatar", () => {
 
         expect(asFragment()).toMatchSnapshot();
     });
+
+    it("shows the presence indicator in a DM room with functional members", async () => {
+        const { container, asFragment } = render(<DecoratedRoomAvatar room={room} size="32px" />, {
+            wrapper: TooltipProvider,
+        });
+
+        const presence = container.querySelector(".mx_DecoratedRoomAvatar_icon")!;
+        expect(presence).toBeVisible();
+        await userEvent.hover(presence!);
+
+        // wait for the tooltip to open
+        const tooltip = await waitFor(() => {
+            const tooltip = document.getElementById(presence.getAttribute("aria-describedby")!);
+            expect(tooltip).toBeVisible();
+            return tooltip;
+        });
+        expect(tooltip).toHaveTextContent("Offline");
+
+        expect(asFragment()).toMatchSnapshot();
+    });
 });