update snapshot test and snapshots

Signed-off-by: Yibo Wang <yibow@amazon.com>

src/plugins/data_source_management/public/components/create_data_source_wizard/components/create_form/create_data_source_form.test.tsx

@@ -74,12 +74,11 @@ describe('Datasource Management: Create Datasource form', () => {
   /* Default option: Username & Password*/
   test('should validate when submit button is clicked without any user input on any field', () => {
     findTestSubject(component, 'createDataSourceButton').simulate('click');
-    const { title, description, endpoint, authType, username, password } = getFields(component);
+    const { title, description, endpoint, username, password } = getFields(component);
     expect(component).toMatchSnapshot();
     expect(title.prop('isInvalid')).toBe(true);
     expect(description.prop('isInvalid')).toBe(undefined);
     expect(endpoint.prop('isInvalid')).toBe(true);
-    expect(authType.prop('isInvalid')).toBe(false);
     expect(username.prop('isInvalid')).toBe(true);
     expect(password.prop('isInvalid')).toBe(true);
   });
@@ -93,13 +92,11 @@ describe('Datasource Management: Create Datasource form', () => {
     /* Click on submit without any user input */
     findTestSubject(component, 'createDataSourceButton').simulate('click');
 
-    const { title, description, endpoint, authType, username, password } = getFields(component);
+    const { title, description, endpoint, username, password } = getFields(component);
 
-    expect(authType.prop('valueOfSelected')).toBe(AuthType.NoAuth);
     expect(title.prop('isInvalid')).toBe(true);
     expect(description.prop('isInvalid')).toBe(undefined);
     expect(endpoint.prop('isInvalid')).toBe(true);
-    expect(authType.prop('isInvalid')).toBe(false);
     expect(username.exists()).toBeFalsy(); // username field does not exist when No Auth option is selected
     expect(password.exists()).toBeFalsy(); // password field does not exist when No Auth option is selected
   });
@@ -112,13 +109,12 @@ describe('Datasource Management: Create Datasource form', () => {
 
     findTestSubject(component, 'createDataSourceButton').simulate('click');
 
-    const { title, description, endpoint, authType, username, password } = getFields(component);
+    const { title, description, endpoint, username, password } = getFields(component);
 
     expect(component).toMatchSnapshot();
     expect(title.prop('isInvalid')).toBe(true);
     expect(description.prop('isInvalid')).toBe(undefined);
     expect(endpoint.prop('isInvalid')).toBe(false);
-    expect(authType.prop('isInvalid')).toBe(false);
     expect(username.prop('isInvalid')).toBe(false);
     expect(password.prop('isInvalid')).toBe(false);
 

src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.test.tsx

@@ -0,0 +1,18 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ExperimentalCallout } from './experimental_callout';
+import { DocLinksStart } from 'opensearch-dashboards/public';
+import { docLinks } from '../../../mocks';
+
+describe('Index pattern experimental callout component', () => {
+  const mockedDocLinks = docLinks as DocLinksStart;
+  test('should render normally', () => {
+    const component = shallow(<ExperimentalCallout docLinks={mockedDocLinks} />);
+    expect(component).toMatchSnapshot();
+  });
+});

src/plugins/data_source_management/public/management_app/compoenent/experimental_call_out/experimental_call_out.tsx → src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/experimental_callout.tsx

@@ -14,10 +14,14 @@ import {
   DATA_SOURCE_OPEN_FORUM_TEXT,
 } from '../../../components/text_content';
 
-export const ExperimentalCallOut = ({ docLinks }: { docLinks: DocLinksStart }) => {
+export const ExperimentalCallout = ({ docLinks }: { docLinks: DocLinksStart }) => {
   return (
     <>
-      <EuiCallOut title={EXPERIMENTAL_FEATURE} iconType="iInCircle">
+      <EuiCallOut
+        title={EXPERIMENTAL_FEATURE}
+        iconType="iInCircle"
+        data-test-subj="data-source-experimental-callout"
+      >
         <p>
           {EXPERIMENTAL_FEATURE_CALL_OUT_DESCRIPTION}
           <EuiLink href={docLinks.links.noDocumentation.indexPatterns.introduction} target="_blank">

src/plugins/data_source_management/public/management_app/compoenent/experimental_call_out/index.ts → src/plugins/data_source_management/public/management_app/compoenent/experimental_callout/index.ts

@@ -3,4 +3,4 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-export * from './experimental_call_out';
+export * from './experimental_callout';

src/plugins/data_source_management/public/management_app/mount_management_section.tsx

@@ -17,7 +17,7 @@ import { CreateDataSourceWizardWithRouter } from '../components/create_data_sour
 import { DataSourceTableWithRouter } from '../components/data_source_table';
 import { DataSourceManagementContext } from '../types';
 import { EditDataSourceWithRouter } from '../components/edit_data_source';
-import { ExperimentalCallOut } from './compoenent/experimental_call_out';
+import { ExperimentalCallout } from './compoenent/experimental_callout';
 
 export interface DataSourceManagementStartDependencies {
   data: DataPublicPluginStart;
@@ -46,7 +46,7 @@ export async function mountManagementSection(
   ReactDOM.render(
     <OpenSearchDashboardsContextProvider services={deps}>
       <I18nProvider>
-        <ExperimentalCallOut docLinks={docLinks} />
+        <ExperimentalCallout docLinks={docLinks} />
         <Router history={params.history}>
           <Switch>
             <Route path={['/create']}>