81 lines
		
	
	
		
			2.9 KiB
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			81 lines
		
	
	
		
			2.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 { render, screen, fireEvent } from "@testing-library/react";
 | |
| import { mocked } from 'jest-mock';
 | |
| import { MatrixClient } from 'matrix-js-sdk/src/matrix';
 | |
| 
 | |
| import SpacePanel from '../../../../src/components/views/spaces/SpacePanel';
 | |
| import { MatrixClientPeg } from '../../../../src/MatrixClientPeg';
 | |
| import { SpaceKey } from '../../../../src/stores/spaces';
 | |
| import { shouldShowComponent } from '../../../../src/customisations/helpers/UIComponents';
 | |
| import { UIComponent } from '../../../../src/settings/UIFeature';
 | |
| 
 | |
| jest.mock('../../../../src/stores/spaces/SpaceStore', () => {
 | |
|     // eslint-disable-next-line @typescript-eslint/no-var-requires
 | |
|     const EventEmitter = require("events");
 | |
|     class MockSpaceStore extends EventEmitter {
 | |
|         invitedSpaces = [];
 | |
|         enabledMetaSpaces = [];
 | |
|         spacePanelSpaces = [];
 | |
|         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'),
 | |
|         isGuest: jest.fn(),
 | |
|         getAccountData: jest.fn(),
 | |
|     } as unknown as MatrixClient;
 | |
| 
 | |
|     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");
 | |
|         });
 | |
|     });
 | |
| });
 |