137 lines
		
	
	
		
			4.9 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			137 lines
		
	
	
		
			4.9 KiB
		
	
	
	
		
			TypeScript
		
	
	
/*
 | 
						|
Copyright 2022 The Matrix.org Foundation C.I.C.
 | 
						|
 | 
						|
Licensed under the Apache License, Version 2.0 (the "License");
 | 
						|
you may not use this file except in compliance with the License.
 | 
						|
You may obtain a copy of the License at
 | 
						|
 | 
						|
    http://www.apache.org/licenses/LICENSE-2.0
 | 
						|
 | 
						|
Unless required by applicable law or agreed to in writing, software
 | 
						|
distributed under the License is distributed on an "AS IS" BASIS,
 | 
						|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | 
						|
See the License for the specific language governing permissions and
 | 
						|
limitations under the License.
 | 
						|
*/
 | 
						|
 | 
						|
import React from 'react';
 | 
						|
import { mount } from 'enzyme';
 | 
						|
import { MatrixClient } from 'matrix-js-sdk/src/client';
 | 
						|
import { act } from "react-dom/test-utils";
 | 
						|
 | 
						|
import SpaceStore from "../../../../src/stores/spaces/SpaceStore";
 | 
						|
import { MetaSpace } from "../../../../src/stores/spaces";
 | 
						|
import RoomListHeader from "../../../../src/components/views/rooms/RoomListHeader";
 | 
						|
import * as testUtils from "../../../test-utils";
 | 
						|
import { createTestClient, mkSpace } from "../../../test-utils";
 | 
						|
import DMRoomMap from "../../../../src/utils/DMRoomMap";
 | 
						|
import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
 | 
						|
import SettingsStore from "../../../../src/settings/SettingsStore";
 | 
						|
import { SettingLevel } from "../../../../src/settings/SettingLevel";
 | 
						|
 | 
						|
describe("RoomListHeader", () => {
 | 
						|
    let client: MatrixClient;
 | 
						|
 | 
						|
    beforeEach(() => {
 | 
						|
        client = createTestClient();
 | 
						|
    });
 | 
						|
 | 
						|
    it("renders a main menu for the home space", () => {
 | 
						|
        act(() => {
 | 
						|
            SpaceStore.instance.setActiveSpace(MetaSpace.Home);
 | 
						|
        });
 | 
						|
 | 
						|
        const wrapper = mount(<MatrixClientContext.Provider value={client}>
 | 
						|
            <RoomListHeader />
 | 
						|
        </MatrixClientContext.Provider>);
 | 
						|
 | 
						|
        expect(wrapper.text()).toBe("Home");
 | 
						|
        act(() => {
 | 
						|
            wrapper.find('[aria-label="Home options"]').hostNodes().simulate("click");
 | 
						|
        });
 | 
						|
        wrapper.update();
 | 
						|
 | 
						|
        const menu = wrapper.find(".mx_IconizedContextMenu");
 | 
						|
        const items = menu.find(".mx_IconizedContextMenu_item").hostNodes();
 | 
						|
        expect(items).toHaveLength(1);
 | 
						|
        expect(items.at(0).text()).toBe("Show all rooms");
 | 
						|
    });
 | 
						|
 | 
						|
    it("renders a main menu for spaces", async () => {
 | 
						|
        const testSpace = mkSpace(client, "!space:server");
 | 
						|
        testSpace.name = "Test Space";
 | 
						|
        client.getRoom = () => testSpace;
 | 
						|
 | 
						|
        const getUserIdForRoomId = jest.fn();
 | 
						|
        const getDMRoomsForUserId = jest.fn();
 | 
						|
        // @ts-ignore
 | 
						|
        DMRoomMap.sharedInstance = { getUserIdForRoomId, getDMRoomsForUserId };
 | 
						|
 | 
						|
        await testUtils.setupAsyncStoreWithClient(SpaceStore.instance, client);
 | 
						|
        act(() => {
 | 
						|
            SpaceStore.instance.setActiveSpace(testSpace.roomId);
 | 
						|
        });
 | 
						|
 | 
						|
        const wrapper = mount(<MatrixClientContext.Provider value={client}>
 | 
						|
            <RoomListHeader />
 | 
						|
        </MatrixClientContext.Provider>);
 | 
						|
 | 
						|
        expect(wrapper.text()).toBe("Test Space");
 | 
						|
        act(() => {
 | 
						|
            wrapper.find('[aria-label="Test Space menu"]').hostNodes().simulate("click");
 | 
						|
        });
 | 
						|
        wrapper.update();
 | 
						|
 | 
						|
        const menu = wrapper.find(".mx_IconizedContextMenu");
 | 
						|
        const items = menu.find(".mx_IconizedContextMenu_item").hostNodes();
 | 
						|
        expect(items).toHaveLength(6);
 | 
						|
        expect(items.at(0).text()).toBe("Space home");
 | 
						|
        expect(items.at(1).text()).toBe("Manage & explore rooms");
 | 
						|
        expect(items.at(2).text()).toBe("Preferences");
 | 
						|
        expect(items.at(3).text()).toBe("Settings");
 | 
						|
        expect(items.at(4).text()).toBe("Room");
 | 
						|
        expect(items.at(4).text()).toBe("Room");
 | 
						|
    });
 | 
						|
 | 
						|
    it("closes menu if space changes from under it", async () => {
 | 
						|
        await SettingsStore.setValue("Spaces.enabledMetaSpaces", null, SettingLevel.DEVICE, {
 | 
						|
            [MetaSpace.Home]: true,
 | 
						|
            [MetaSpace.Favourites]: true,
 | 
						|
        });
 | 
						|
 | 
						|
        const testSpace = mkSpace(client, "!space:server");
 | 
						|
        testSpace.name = "Test Space";
 | 
						|
        client.getRoom = () => testSpace;
 | 
						|
 | 
						|
        const getUserIdForRoomId = jest.fn();
 | 
						|
        const getDMRoomsForUserId = jest.fn();
 | 
						|
        // @ts-ignore
 | 
						|
        DMRoomMap.sharedInstance = { getUserIdForRoomId, getDMRoomsForUserId };
 | 
						|
 | 
						|
        await testUtils.setupAsyncStoreWithClient(SpaceStore.instance, client);
 | 
						|
        act(() => {
 | 
						|
            SpaceStore.instance.setActiveSpace(testSpace.roomId);
 | 
						|
        });
 | 
						|
 | 
						|
        const wrapper = mount(<MatrixClientContext.Provider value={client}>
 | 
						|
            <RoomListHeader />
 | 
						|
        </MatrixClientContext.Provider>);
 | 
						|
 | 
						|
        expect(wrapper.text()).toBe("Test Space");
 | 
						|
        act(() => {
 | 
						|
            wrapper.find('[aria-label="Test Space menu"]').hostNodes().simulate("click");
 | 
						|
        });
 | 
						|
        wrapper.update();
 | 
						|
 | 
						|
        act(() => {
 | 
						|
            SpaceStore.instance.setActiveSpace(MetaSpace.Favourites);
 | 
						|
        });
 | 
						|
        wrapper.update();
 | 
						|
 | 
						|
        expect(wrapper.text()).toBe("Favourites");
 | 
						|
 | 
						|
        const menu = wrapper.find(".mx_IconizedContextMenu");
 | 
						|
        expect(menu).toHaveLength(0);
 | 
						|
    });
 | 
						|
});
 |