Add step data source UI test (opensearch-project#2264)

Signed-off-by: Kristen Tian <tyarong@amazon.com> Signed-off-by: Kristen Tian <tyarong@amazon.com>
kristenTian · Sep 12, 2022 · d8f592a · d8f592a
1 parent 002774c
commit d8f592a
Show file tree

Hide file tree

Showing 6 changed files with 384 additions and 7 deletions.
diff --git a/...x_pattern_wizard/components/step_data_source/__snapshots__/step_data_source.test.tsx.snap b/...x_pattern_wizard/components/step_data_source/__snapshots__/step_data_source.test.tsx.snap
diff --git a/...n_wizard/components/step_data_source/components/header/__snapshots__/header.test.tsx.snap b/...n_wizard/components/step_data_source/components/header/__snapshots__/header.test.tsx.snap
diff --git a/...create_index_pattern_wizard/components/step_data_source/components/header/header.test.tsx b/...create_index_pattern_wizard/components/step_data_source/components/header/header.test.tsx
@@ -0,0 +1,98 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { Header } from '../header';
+import { shallow } from 'enzyme';
+
+describe('Header', () => {
+  it('should render normally', () => {
+    const component = shallow(
+      <Header
+        onDataSourceSelected={() => {}}
+        dataSourceRef={{ type: 'type', id: 'id' }!}
+        goToNextStep={() => {}}
+        isNextStepDisabled={true}
+        stepInfo={{ totalStepNumber: 0, currentStepNumber: 0 }}
+      />
+    );
+
+    expect(component).toMatchSnapshot();
+  });
+
+  it('should render data source finder when choose to use data source', () => {
+    const component = shallow(
+      <Header
+        onDataSourceSelected={() => {}}
+        dataSourceRef={{ type: 'type', id: 'id' }!}
+        goToNextStep={() => {}}
+        isNextStepDisabled={true}
+        stepInfo={{ totalStepNumber: 0, currentStepNumber: 0 }}
+      />
+    );
+
+    component
+      .find('[data-test-subj="createIndexPatternStepDataSourceUseDataSourceRadio"]')
+      .simulate('change', {
+        target: {
+          checked: true,
+        },
+      });
+
+    expect(component).toMatchSnapshot();
+  });
+
+  it('should disable next step before select data source', () => {
+    const component = shallow(
+      <Header
+        onDataSourceSelected={() => {}}
+        dataSourceRef={{ type: 'type', id: 'id' }!}
+        goToNextStep={() => {}}
+        isNextStepDisabled={true}
+        stepInfo={{ totalStepNumber: 0, currentStepNumber: 0 }}
+      />
+    );
+
+    component
+      .find('[data-test-subj="createIndexPatternStepDataSourceUseDataSourceRadio"]')
+      .simulate('change', {
+        target: {
+          checked: true,
+        },
+      });
+
+    expect(
+      component
+        .find('[data-test-subj="createIndexPatternStepDataSourceNextStepButton"]')
+        .prop('isDisabled')
+    ).toEqual(true);
+  });
+
+  it('should enable next step when pick default option', () => {
+    const component = shallow(
+      <Header
+        onDataSourceSelected={() => {}}
+        dataSourceRef={{ type: 'type', id: 'id' }!}
+        goToNextStep={() => {}}
+        isNextStepDisabled={true}
+        stepInfo={{ totalStepNumber: 0, currentStepNumber: 0 }}
+      />
+    );
+
+    component
+      .find('[data-test-subj="createIndexPatternStepDataSourceUseDefaultRadio"]')
+      .simulate('change', {
+        target: {
+          checked: true,
+        },
+      });
+
+    expect(
+      component
+        .find('[data-test-subj="createIndexPatternStepDataSourceNextStepButton"]')
+        .prop('isDisabled')
+    ).toEqual(false);
+  });
+});