/* Copyright 2024 New Vector Ltd. Copyright 2015-2022 The Matrix.org Foundation C.I.C. Copyright 2019 Michael Telatynski <7t3chguy@gmail.com> 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, screen } from "jest-matrix-react"; import { EventTimeline, type MatrixClient, Room } from "matrix-js-sdk/src/matrix"; import { KnownMembership } from "matrix-js-sdk/src/types"; import { LinkedTextContext } from "@element-hq/web-shared-components"; import { LocalRoom } from "../../../../../src/models/LocalRoom"; import { filterConsole, mkEvent, mkRoomMemberJoinEvent, mkThirdPartyInviteEvent, stubClient, } from "../../../../test-utils"; import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext"; import NewRoomIntro from "../../../../../src/components/views/rooms/NewRoomIntro"; import DMRoomMap from "../../../../../src/utils/DMRoomMap"; import { DirectoryMember } from "../../../../../src/utils/direct-messages"; import { ScopedRoomContextProvider } from "../../../../../src/contexts/ScopedRoomContext.tsx"; import defaultDispatcher from "../../../../../src/dispatcher/dispatcher"; import type { RoomContextType } from "../../../../../src/contexts/RoomContext.ts"; const renderNewRoomIntro = (client: MatrixClient, room: Room | LocalRoom) => { render( , ); }; describe("NewRoomIntro", () => { let client: MatrixClient; const roomId = "!room:example.com"; const userId = "@user:example.com"; filterConsole("Room !room:example.com does not have an m.room.create event"); beforeEach(() => { client = stubClient(); DMRoomMap.makeShared(client); }); afterEach(() => { jest.resetAllMocks(); }); describe("for a DM Room", () => { beforeEach(() => { jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId); const room = new Room(roomId, client, client.getUserId()!); room.name = "test_room"; renderNewRoomIntro(client, room); }); it("should render the expected intro", () => { const expected = `This is the beginning of your direct message history with test_room.`; screen.getByText((id, element) => element?.tagName === "SPAN" && element?.textContent === expected); }); }); it("should render as expected for a DM room with a single third-party invite", () => { const room = new Room(roomId, client, client.getSafeUserId()); room.currentState.setStateEvents([ mkRoomMemberJoinEvent(client.getSafeUserId(), room.roomId), mkThirdPartyInviteEvent(client.getSafeUserId(), "user@example.com", room.roomId), ]); jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId); 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(); expect( screen.queryByText( "Only the two of you are in this conversation, unless either of you invites anyone to join.", ), ).not.toBeInTheDocument(); }); describe("for a DM LocalRoom", () => { beforeEach(() => { jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(userId); const localRoom = new LocalRoom(roomId, client, client.getUserId()!); localRoom.name = "test_room"; localRoom.targets.push(new DirectoryMember({ user_id: userId })); renderNewRoomIntro(client, localRoom); }); it("should render the expected intro", () => { const expected = `Send your first message to invite test_room to chat`; screen.getByText((id, element) => element?.tagName === "SPAN" && element?.textContent === expected); }); }); describe("topic", () => { let room: Room; beforeEach(() => { room = new Room(roomId, client, userId); room.getLiveTimeline() .getState(EventTimeline.FORWARDS) ?.setStateEvents([mkRoomMemberJoinEvent(client.getSafeUserId(), room.roomId)]); jest.spyOn(DMRoomMap.shared(), "getRoomIds").mockReturnValue(new Set([room.roomId])); }); function addTopicToRoom(topic: string) { const topicEvent = mkEvent({ type: "m.room.topic", room: roomId, user: userId, content: { topic, }, ts: 123, event: true, }); room.addLiveEvents([topicEvent], { addToState: true }); } it("should render the topic", () => { addTopicToRoom("Test topic"); renderNewRoomIntro(client, room); screen.getByText("Test topic"); }); it("should render a link in the topic", () => { addTopicToRoom("This is a link: https://matrix.org/"); renderNewRoomIntro(client, room); expect(screen.getByTestId("topic")).toMatchSnapshot(); }); it("should be able to add a topic", () => { addTopicToRoom("Test topic"); jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join); jest.spyOn(room.getLiveTimeline().getState(EventTimeline.FORWARDS)!, "maySendStateEvent").mockReturnValue( true, ); const spyDispatcher = jest.spyOn(defaultDispatcher, "dispatch"); renderNewRoomIntro(client, room); screen.getByRole("button", { name: "edit" }).click(); expect(spyDispatcher).toHaveBeenCalledWith( { action: "open_room_settings", room_id: room.roomId, }, true, ); }); }); });