85 lines
		
	
	
		
			3.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			85 lines
		
	
	
		
			3.3 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 { render, screen, fireEvent } from "@testing-library/react";
 | 
						|
import { mocked } from "jest-mock";
 | 
						|
import { MatrixClient } from "matrix-js-sdk/src/matrix";
 | 
						|
 | 
						|
import UnwrappedSpacePanel from "../../../../src/components/views/spaces/SpacePanel";
 | 
						|
import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
 | 
						|
import { MetaSpace, SpaceKey } from "../../../../src/stores/spaces";
 | 
						|
import { shouldShowComponent } from "../../../../src/customisations/helpers/UIComponents";
 | 
						|
import { UIComponent } from "../../../../src/settings/UIFeature";
 | 
						|
import { wrapInSdkContext } from "../../../test-utils";
 | 
						|
import { SdkContextClass } from "../../../../src/contexts/SDKContext";
 | 
						|
 | 
						|
jest.mock("../../../../src/stores/spaces/SpaceStore", () => {
 | 
						|
    // eslint-disable-next-line @typescript-eslint/no-var-requires
 | 
						|
    const EventEmitter = require("events");
 | 
						|
    class MockSpaceStore extends EventEmitter {
 | 
						|
        invitedSpaces: SpaceKey[] = [];
 | 
						|
        enabledMetaSpaces: MetaSpace[] = [];
 | 
						|
        spacePanelSpaces: string[] = [];
 | 
						|
        activeSpace: SpaceKey = "!space1";
 | 
						|
    }
 | 
						|
    return {
 | 
						|
        instance: new MockSpaceStore(),
 | 
						|
    };
 | 
						|
});
 | 
						|
 | 
						|
jest.mock("../../../../src/customisations/helpers/UIComponents", () => ({
 | 
						|
    shouldShowComponent: jest.fn(),
 | 
						|
}));
 | 
						|
 | 
						|
describe("<SpacePanel />", () => {
 | 
						|
    const mockClient = {
 | 
						|
        getUserId: jest.fn().mockReturnValue("@test:test"),
 | 
						|
        getSafeUserId: jest.fn().mockReturnValue("@test:test"),
 | 
						|
        isGuest: jest.fn(),
 | 
						|
        getAccountData: jest.fn(),
 | 
						|
    } as unknown as MatrixClient;
 | 
						|
    const SpacePanel = wrapInSdkContext(UnwrappedSpacePanel, SdkContextClass.instance);
 | 
						|
 | 
						|
    beforeAll(() => {
 | 
						|
        jest.spyOn(MatrixClientPeg, "get").mockReturnValue(mockClient);
 | 
						|
    });
 | 
						|
 | 
						|
    beforeEach(() => {
 | 
						|
        mocked(shouldShowComponent).mockClear().mockReturnValue(true);
 | 
						|
    });
 | 
						|
 | 
						|
    describe("create new space button", () => {
 | 
						|
        it("renders create space button when UIComponent.CreateSpaces component should be shown", () => {
 | 
						|
            render(<SpacePanel />);
 | 
						|
            screen.getByTestId("create-space-button");
 | 
						|
        });
 | 
						|
 | 
						|
        it("does not render create space button when UIComponent.CreateSpaces component should not be shown", () => {
 | 
						|
            mocked(shouldShowComponent).mockReturnValue(false);
 | 
						|
            render(<SpacePanel />);
 | 
						|
            expect(shouldShowComponent).toHaveBeenCalledWith(UIComponent.CreateSpaces);
 | 
						|
            expect(screen.queryByTestId("create-space-button")).toBeFalsy();
 | 
						|
        });
 | 
						|
 | 
						|
        it("opens context menu on create space button click", () => {
 | 
						|
            render(<SpacePanel />);
 | 
						|
            fireEvent.click(screen.getByTestId("create-space-button"));
 | 
						|
            screen.getByTestId("create-space-button");
 | 
						|
        });
 | 
						|
    });
 | 
						|
});
 |