feat: add a Display component that controlling the Workbench Parts (#564)

* feat: add the Display component
* test: add unit test for ActivityBarController

Author: kiwiwong

src/components/display/__tests__/__snapshots__/display.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`The Display Component Match Snapshot 1`] = `
+<div
+  style={
+    Object {
+      "display": undefined,
+    }
+  }
+/>
+`;

src/components/display/__tests__/display.test.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { cleanup, render } from '@testing-library/react';
+import renderer from 'react-test-renderer';
+
+import Display from '../index';
+
+describe('The Display Component', () => {
+    afterEach(cleanup);
+
+    test('Match Snapshot', () => {
+        const component = renderer.create(<Display />);
+        const toolbar = component.toJSON();
+        expect(toolbar).toMatchSnapshot();
+    });
+
+    test('When the visible attribute is false, it should be hidden', () => {
+        const testId = 'display';
+        const wrapper = render(
+            <Display visible={false} data-testid={testId} />
+        );
+        const elem = wrapper.getByTestId(testId);
+        expect(elem.style.display).toBe('none');
+    });
+});

src/components/display/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export interface IDisplayProps extends React.ComponentProps<'div'> {
+    visible?: boolean;
+}
+
+const Display = (props: IDisplayProps) => {
+    const { visible = true, children, className, style = {}, ...rest } = props;
+    return (
+        <div
+            className={className}
+            style={{ display: visible ? undefined : 'none', ...style }}
+            {...rest}
+        >
+            {children}
+        </div>
+    );
+};
+
+export default Display;

src/components/index.ts

@@ -70,3 +70,6 @@ export type { IToolTipProps } from './tooltip';
 
 export { default as TreeView } from './tree';
 export type { ITreeProps, ITreeNodeItemProps } from './tree';
+
+export { default as Display } from './display';
+export type { IDisplayProps } from './display';

src/controller/__tests__/activityBar.test.ts

@@ -0,0 +1,94 @@
+import { cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { constants } from 'mo/services/builtinService/const';
+import { container } from 'tsyringe';
+import { MenuBarController, ActivityBarController } from 'mo/controller';
+import { ActivityBarService, SettingsService } from 'mo/services';
+import { MonacoService } from 'mo/monaco/monacoService';
+
+const menuBarController = container.resolve(MenuBarController);
+const activityBarController = container.resolve(ActivityBarController);
+const activityBarService = container.resolve(ActivityBarService);
+const monacoService = container.resolve(MonacoService);
+const settingsService = container.resolve(SettingsService);
+
+describe('The ActivityBar Controller', () => {
+    afterEach(cleanup);
+
+    test('Should support to inject the default value', () => {
+        activityBarController.initView();
+        expect(activityBarService.getState().data?.length).toBeGreaterThan(0);
+        expect(
+            activityBarService.getState().contextMenu?.length
+        ).toBeGreaterThan(0);
+        activityBarService.reset();
+    });
+
+    test('Should support to execute onContextMenuClick', () => {
+        const mockFn = jest.fn();
+        const item = { id: constants.CONTEXT_MENU_MENU };
+        let originalFunc;
+
+        // click menu item
+        originalFunc = menuBarController.updateMenuBar;
+        menuBarController.updateMenuBar = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        menuBarController.updateMenuBar = originalFunc;
+        mockFn.mockClear();
+
+        // click explorer item
+        item.id = constants.CONTEXT_MENU_EXPLORER;
+        originalFunc = activityBarService.toggleBar;
+        activityBarService.toggleBar = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        activityBarService.toggleBar = originalFunc;
+        mockFn.mockClear();
+
+        // click search item
+        item.id = constants.CONTEXT_MENU_SEARCH;
+        originalFunc = activityBarService.toggleBar;
+        activityBarService.toggleBar = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        activityBarService.toggleBar = originalFunc;
+        mockFn.mockClear();
+
+        // click hide item
+        item.id = constants.CONTEXT_MENU_HIDE;
+        originalFunc = menuBarController.updateActivityBar;
+        menuBarController.updateActivityBar = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        menuBarController.updateActivityBar = originalFunc;
+        mockFn.mockClear();
+
+        // click command item
+        item.id = constants.ACTION_QUICK_COMMAND;
+        originalFunc = monacoService.commandService.executeCommand;
+        monacoService.commandService.executeCommand = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        monacoService.commandService.executeCommand = originalFunc;
+        mockFn.mockClear();
+
+        // click theme item
+        item.id = constants.ACTION_SELECT_THEME;
+        originalFunc = monacoService.commandService.executeCommand;
+        monacoService.commandService.executeCommand = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        monacoService.commandService.executeCommand = originalFunc;
+        mockFn.mockClear();
+
+        // click settings item
+        item.id = constants.ACTION_QUICK_ACCESS_SETTINGS;
+        originalFunc = settingsService.openSettingsInEditor;
+        settingsService.openSettingsInEditor = mockFn;
+        activityBarController.onContextMenuClick({} as any, item);
+        expect(mockFn).toBeCalled();
+        settingsService.openSettingsInEditor = originalFunc;
+        mockFn.mockClear();
+    });
+});