[MD] Create data source menu component able to be mount to nav bar (#…

…6082)

* create data source menu component

Signed-off-by: Lu Yu <nluyu@amazon.com>

* add changelog

Signed-off-by: Lu Yu <nluyu@amazon.com>

---------

Signed-off-by: Lu Yu <nluyu@amazon.com>

CHANGELOG.md

@@ -23,7 +23,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Workspace] Optional workspaces params in repository ([#5949](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5949))
 - [Multiple Datasource] Refactoring create and edit form to use authentication registry ([#6002](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6002))
 - [Multiple Datasource] Expose a few properties for customize the appearance of the data source selector component ([#6057](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6057))
-
+- [Multiple Datasource] Create data source menu component able to be mount to nav bar ([#6082](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6082))
 
 
 ### 🐛 Bug Fixes

src/plugins/data_source_management/public/components/data_source_menu/create_data_source_menu.test.tsx

@@ -0,0 +1,43 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { createDataSourceMenu } from './create_data_source_menu';
+import { SavedObjectsClientContract } from '../../../../../core/public';
+import { notificationServiceMock } from '../../../../../core/public/mocks';
+import React from 'react';
+import { render } from '@testing-library/react';
+
+describe('create data source menu', () => {
+  let client: SavedObjectsClientContract;
+  const notifications = notificationServiceMock.createStartContract();
+
+  beforeEach(() => {
+    client = {
+      find: jest.fn().mockResolvedValue([]),
+    } as any;
+  });
+
+  it('should render normally', () => {
+    const props = {
+      showDataSourceSelectable: true,
+      appName: 'myapp',
+      savedObjects: client,
+      notifications,
+      fullWidth: true,
+      hideLocalCluster: true,
+      disableDataSourceSelectable: false,
+      className: 'myclass',
+    };
+    const TestComponent = createDataSourceMenu();
+    const component = render(<TestComponent {...props} />);
+    expect(component).toMatchSnapshot();
+    expect(client.find).toBeCalledWith({
+      fields: ['id', 'description', 'title'],
+      perPage: 10000,
+      type: 'data-source',
+    });
+    expect(notifications.toasts.addWarning).toBeCalledTimes(0);
+  });
+});