diff --git a/src/components/views/rooms/NewRoomIntro.tsx b/src/components/views/rooms/NewRoomIntro.tsx index 05912c482e..c686659d80 100644 --- a/src/components/views/rooms/NewRoomIntro.tsx +++ b/src/components/views/rooms/NewRoomIntro.tsx @@ -30,9 +30,9 @@ import { UIComponent } from "../../../settings/UIFeature"; import { privateShouldBeEncrypted } from "../../../utils/rooms"; import { LocalRoom } from "../../../models/LocalRoom"; import { shouldEncryptRoomWithSingle3rdPartyInvite } from "../../../utils/room/shouldEncryptRoomWithSingle3rdPartyInvite"; +import { useIsEncrypted } from "../../../hooks/useIsEncrypted.ts"; -function hasExpectedEncryptionSettings(matrixClient: MatrixClient, room: Room): boolean { - const isEncrypted: boolean = matrixClient.isRoomEncrypted(room.roomId); +function hasExpectedEncryptionSettings(matrixClient: MatrixClient, room: Room, isEncrypted: boolean): boolean { const isPublic: boolean = room.getJoinRule() === "public"; return isPublic || !privateShouldBeEncrypted(matrixClient) || isEncrypted; } @@ -52,11 +52,15 @@ const determineIntroMessage = (room: Room, encryptedSingle3rdPartyInvite: boolea const NewRoomIntro: React.FC = () => { const cli = useContext(MatrixClientContext); const { room, roomId } = useContext(RoomContext); + const isEncrypted = useIsEncrypted(cli, room); + const isEncryptionLoading = isEncrypted === null; if (!room || !roomId) { throw new Error("Unable to create a NewRoomIntro without room and roomId"); } + if (isEncryptionLoading) return null; + const isLocalRoom = room instanceof LocalRoom; const dmPartner = isLocalRoom ? room.targets[0]?.userId : DMRoomMap.shared().getUserIdForRoomId(roomId); @@ -282,7 +286,7 @@ const NewRoomIntro: React.FC = () => { return (
  • - {!hasExpectedEncryptionSettings(cli, room) && ( + {!hasExpectedEncryptionSettings(cli, room, isEncrypted) && ( { }); describe("in state NEW", () => { + beforeEach(() => { + jest.spyOn(cli, "getCrypto").mockReturnValue(crypto); + jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue( + new UserVerificationStatus(false, true, false), + ); + }); + it("should match the snapshot", async () => { const { container } = await renderRoomView(); expect(container).toMatchSnapshot(); @@ -362,11 +369,7 @@ describe("RoomView", () => { beforeEach(() => { // Not all the calls to cli.isRoomEncrypted are migrated, so we need to mock both. mocked(cli.isRoomEncrypted).mockReturnValue(true); - jest.spyOn(cli, "getCrypto").mockReturnValue(crypto); jest.spyOn(cli.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true); - jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue( - new UserVerificationStatus(false, true, false), - ); localRoom.encrypted = true; localRoom.currentState.setStateEvents([ new MatrixEvent({ @@ -399,6 +402,11 @@ describe("RoomView", () => { describe("in state ERROR", () => { beforeEach(async () => { localRoom.state = LocalRoomState.ERROR; + + jest.spyOn(cli, "getCrypto").mockReturnValue(crypto); + jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue( + new UserVerificationStatus(false, true, false), + ); }); it("should match the snapshot", async () => { diff --git a/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx b/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx index 291d28c967..593a8b3522 100644 --- a/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx +++ b/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx @@ -10,6 +10,7 @@ Please see LICENSE files in the repository root for full details. import React from "react"; import { render, screen } from "jest-matrix-react"; import { MatrixClient, Room } from "matrix-js-sdk/src/matrix"; +import { waitFor } from "@testing-library/dom"; import { LocalRoom } from "../../../../../src/models/LocalRoom"; import { filterConsole, mkRoomMemberJoinEvent, mkThirdPartyInviteEvent, stubClient } from "../../../../test-utils"; @@ -56,7 +57,7 @@ describe("NewRoomIntro", () => { }); }); - it("should render as expected for a DM room with a single third-party invite", () => { + it("should render as expected for a DM room with a single third-party invite", async () => { const room = new Room(roomId, client, client.getSafeUserId()); room.currentState.setStateEvents([ mkRoomMemberJoinEvent(client.getSafeUserId(), room.roomId), @@ -66,7 +67,9 @@ describe("NewRoomIntro", () => { jest.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([room.roomId])); renderNewRoomIntro(client, room); - expect(screen.getByText("Once everyone has joined, you’ll be able to chat")).toBeInTheDocument(); + await waitFor(() => + expect(screen.getByText("Once everyone has joined, you’ll be able to chat")).toBeInTheDocument(), + ); expect( screen.queryByText( "Only the two of you are in this conversation, unless either of you invites anyone to join.",