add switch for experimental callout & update snapshots

Signed-off-by: Yibo Wang <[email protected]>

src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/create_index_pattern_wizard.tsx

@@ -353,7 +353,7 @@ export class CreateIndexPatternWizard extends Component<
 
     return (
       <>
-        <ExperimentalCallout />
+        {this.dataSourceEnabled ? <ExperimentalCallout /> : null}
         {content}
         <EuiGlobalToastList
           toasts={this.state.toasts}

src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.test.tsx

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

src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.tsx

@@ -10,9 +10,14 @@ import { EuiCallOut, EuiSpacer, EuiText } from '@elastic/eui';
 export const ExperimentalCallout = () => {
   return (
     <>
-      <EuiCallOut title={TITLE} iconType="alert" color="warning">
+      <EuiCallOut
+        title={TITLE}
+        iconType="alert"
+        color="warning"
+        data-test-subj="index-pattern-experimental-callout"
+      >
         <p>
-          <EuiText>
+          <EuiText data-test-subj="index-pattern-experimental-callout-text">
             {DESCRIPTION_FIRST_PART}
             <b>{DATASOURCE_CONNECTION}</b>
             {DESCRIPTION_SECOND_PART}

src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx

@@ -244,7 +244,7 @@ export const IndexPatternTable = ({ canSave, history }: Props) => {
 
   return (
     <>
-      <ExperimentalCallout />
+      {dataSourceEnabled ? <ExperimentalCallout /> : null}
       <EuiPageContent data-test-subj="indexPatternTable" role="region" aria-label={ariaRegion}>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>