|
| 1 | +/* |
| 2 | + * Copyright 2025 New Vector Ltd. |
| 3 | + * |
| 4 | + * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial |
| 5 | + * Please see LICENSE files in the repository root for full details. |
| 6 | + */ |
| 7 | + |
| 8 | +import React from "react"; |
| 9 | +import { render, screen, waitFor } from "jest-matrix-react"; |
| 10 | +import { mocked } from "jest-mock"; |
| 11 | +import userEvent from "@testing-library/user-event"; |
| 12 | + |
| 13 | +import { RoomListSearch } from "../../../../../../src/components/views/rooms/RoomListView/RoomListSearch"; |
| 14 | +import { MetaSpace } from "../../../../../../src/stores/spaces"; |
| 15 | +import { shouldShowComponent } from "../../../../../../src/customisations/helpers/UIComponents"; |
| 16 | +import defaultDispatcher from "../../../../../../src/dispatcher/dispatcher"; |
| 17 | +import { Action } from "../../../../../../src/dispatcher/actions"; |
| 18 | + |
| 19 | +jest.mock("../../../../../../src/customisations/helpers/UIComponents", () => ({ |
| 20 | + shouldShowComponent: jest.fn(), |
| 21 | +})); |
| 22 | + |
| 23 | +describe("<RoomListSearch />", () => { |
| 24 | + function renderComponent(activeSpace = MetaSpace.Home) { |
| 25 | + return render(<RoomListSearch activeSpace={activeSpace} />); |
| 26 | + } |
| 27 | + |
| 28 | + beforeEach(() => { |
| 29 | + // By default, we consider shouldShowComponent(UIComponent.ExploreRooms) should return true |
| 30 | + mocked(shouldShowComponent).mockReturnValue(true); |
| 31 | + }); |
| 32 | + |
| 33 | + it("should display all the buttons", () => { |
| 34 | + const { container } = renderComponent(); |
| 35 | + |
| 36 | + // The search and explore buttons should be displayed |
| 37 | + expect(screen.getByRole("button", { name: "Search Ctrl K" })).toBeInTheDocument(); |
| 38 | + expect(screen.getByRole("button", { name: "Explore rooms" })).toBeInTheDocument(); |
| 39 | + expect(container).toMatchSnapshot(); |
| 40 | + }); |
| 41 | + |
| 42 | + it("should hide the explore button when the active space is not MetaSpace.Home", () => { |
| 43 | + const { container } = renderComponent(MetaSpace.VideoRooms); |
| 44 | + |
| 45 | + // The search button should be displayed but not the explore button |
| 46 | + expect(screen.getByRole("button", { name: "Search Ctrl K" })).toBeInTheDocument(); |
| 47 | + expect(screen.queryByRole("button", { name: "Explore rooms" })).not.toBeInTheDocument(); |
| 48 | + expect(container).toMatchSnapshot(); |
| 49 | + }); |
| 50 | + |
| 51 | + it("should hide the explore button when UIComponent.ExploreRooms is disabled", () => { |
| 52 | + mocked(shouldShowComponent).mockReturnValue(false); |
| 53 | + const { container } = renderComponent(); |
| 54 | + |
| 55 | + // The search button should be displayed but not the explore button |
| 56 | + expect(screen.getByRole("button", { name: "Search Ctrl K" })).toBeInTheDocument(); |
| 57 | + expect(screen.queryByRole("button", { name: "Explore rooms" })).not.toBeInTheDocument(); |
| 58 | + expect(container).toMatchSnapshot(); |
| 59 | + }); |
| 60 | + |
| 61 | + it("should open the spotlight when the search button is clicked", async () => { |
| 62 | + const fireSpy = jest.spyOn(defaultDispatcher, "fire"); |
| 63 | + const user = userEvent.setup(); |
| 64 | + renderComponent(); |
| 65 | + |
| 66 | + // Click on the search button |
| 67 | + await user.click(screen.getByRole("button", { name: "Search Ctrl K" })); |
| 68 | + |
| 69 | + // The spotlight should be opened |
| 70 | + expect(fireSpy).toHaveBeenCalledWith(Action.OpenSpotlight); |
| 71 | + }); |
| 72 | + |
| 73 | + it("should open the spotlight when the action focus_room_filter is fired", async () => { |
| 74 | + const fireSpy = jest.spyOn(defaultDispatcher, "fire"); |
| 75 | + renderComponent(); |
| 76 | + |
| 77 | + defaultDispatcher.dispatch({ action: "focus_room_filter" }); |
| 78 | + |
| 79 | + // The spotlight should be opened |
| 80 | + await waitFor(() => expect(fireSpy).toHaveBeenCalledWith(Action.OpenSpotlight)); |
| 81 | + }); |
| 82 | + |
| 83 | + it("should open the room directory when the explore button is clicked", async () => { |
| 84 | + const fireSpy = jest.spyOn(defaultDispatcher, "fire"); |
| 85 | + const user = userEvent.setup(); |
| 86 | + renderComponent(); |
| 87 | + |
| 88 | + // Click on the search button |
| 89 | + await user.click(screen.getByRole("button", { name: "Explore rooms" })); |
| 90 | + |
| 91 | + // The spotlight should be opened |
| 92 | + expect(fireSpy).toHaveBeenCalledWith(Action.ViewRoomDirectory); |
| 93 | + }); |
| 94 | +}); |
0 commit comments