From 8cc1d96572e8bb1909e956ddac3715643c62d87f Mon Sep 17 00:00:00 2001
From: yujin-emma <yujin.emma.work@gmail.com>
Date: Wed, 17 Apr 2024 20:57:09 +0000
Subject: [PATCH] update test and remove unnessary snapshot

Signed-off-by: yujin-emma <yujin.emma.work@gmail.com>
---
 .../no_data_source.test.tsx.snap              | 494 +-----------------
 .../no_data_source/no_data_source.test.tsx    |   2 -
 2 files changed, 2 insertions(+), 494 deletions(-)
diff --git a/src/plugins/data_source_management/public/components/no_data_source/__snapshots__/no_data_source.test.tsx.snap b/src/plugins/data_source_management/public/components/no_data_source/__snapshots__/no_data_source.test.tsx.snap
index 14d7dd16acd3..28c48cd26ffb 100644
--- a/src/plugins/data_source_management/public/components/no_data_source/__snapshots__/no_data_source.test.tsx.snap
+++ b/src/plugins/data_source_management/public/components/no_data_source/__snapshots__/no_data_source.test.tsx.snap
@@ -1,487 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`NoDataSource should call application.navigateToApp when the "Manage" link is clicked 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        class="euiPopover euiPopover--anchorDownLeft euiPopover-isOpen"
-        data-test-subj="dataSourceEmptyStatePopover"
-        id="dataSourceEmptyStatePopover"
-      >
-        <div
-          class="euiPopover__anchor"
-        >
-          <button
-            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiHeaderLink"
-            data-test-subj="dataSourceEmptyStateHeaderButton"
-            type="button"
-          >
-            <span
-              class="euiButtonContent euiButtonEmpty__content"
-            >
-              <span
-                class="euiButtonContent__icon"
-                color="inherit"
-                data-euiicon-type="alert"
-              />
-              <span
-                class="euiButtonEmpty__text"
-              >
-                 No data sources
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div
-        data-eui="EuiFocusTrap"
-      >
-        <div
-          aria-describedby="generated-id"
-          aria-live="off"
-          aria-modal="true"
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--bottom euiPopover__panel-isOpen"
-          role="dialog"
-          style="top: 16px; left: -22px; z-index: 2000;"
-          tabindex="0"
-        >
-          <div
-            class="euiPopover__panelArrow euiPopover__panelArrow--bottom"
-            style="left: 10px; top: 0px;"
-          />
-          <p
-            class="euiScreenReaderOnly"
-            id="generated-id"
-          >
-            You are in a dialog. To close this dialog, hit escape.
-          </p>
-          <div>
-            <div
-              class="euiContextMenuPanel"
-              tabindex="-1"
-            >
-              <div>
-                <div>
-                  <div
-                    class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow dataSourceSelectableOuiPanel"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiTitle euiTitle--xxxsmall"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      >
-                        DATA SOURCES
-                         (
-                        0
-                        )
-                      </div>
-                      <div
-                        class="dataSourceDropDownHeaderInvisibleFocusable"
-                        tabindex="0"
-                      />
-                      <div
-                        class="euiFlexItem euiFlexItem--flexGrowZero"
-                      >
-                        <button
-                          class="euiLink euiLink--primary"
-                          type="button"
-                        >
-                          Manage
-                        </button>
-                      </div>
-                    </div>
-                    <hr
-                      class="euiHorizontalRule euiHorizontalRule--full"
-                    />
-                    <div
-                      class="euiSpacer euiSpacer--s"
-                    />
-                    <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--noBorder"
-                      data-test-subj="datasourceTableEmptyState"
-                      style="text-align: center;"
-                    >
-                      <div
-                        class="euiText euiText--medium"
-                      >
-                        <span>
-                          There is no data sources to display.
-                        </span>
-                      </div>
-                      <div
-                        class="euiText euiText--medium"
-                      >
-                        <span>
-                          Connect data source to get started
-                        </span>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <button
-                        class="euiButton euiButton--primary"
-                        data-test-subj="dataSourceEmptyStateManageDataSourceButton"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <span
-                            class="euiButtonContent__icon"
-                            color="inherit"
-                            data-euiicon-type="popout"
-                          />
-                          <span
-                            class="euiButton__text"
-                          >
-                            <span>
-                              Manage data sources
-                            </span>
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      class="euiPopover euiPopover--anchorDownLeft euiPopover-isOpen"
-      data-test-subj="dataSourceEmptyStatePopover"
-      id="dataSourceEmptyStatePopover"
-    >
-      <div
-        class="euiPopover__anchor"
-      >
-        <button
-          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiHeaderLink"
-          data-test-subj="dataSourceEmptyStateHeaderButton"
-          type="button"
-        >
-          <span
-            class="euiButtonContent euiButtonEmpty__content"
-          >
-            <span
-              class="euiButtonContent__icon"
-              color="inherit"
-              data-euiicon-type="alert"
-            />
-            <span
-              class="euiButtonEmpty__text"
-            >
-               No data sources
-            </span>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`NoDataSource should display popover when click "No data sources" button 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        class="euiPopover euiPopover--anchorDownLeft"
-        data-test-subj="dataSourceEmptyStatePopover"
-        id="dataSourceEmptyStatePopover"
-      >
-        <div
-          class="euiPopover__anchor"
-        >
-          <button
-            class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiHeaderLink"
-            data-test-subj="dataSourceEmptyStateHeaderButton"
-            type="button"
-          >
-            <span
-              class="euiButtonContent euiButtonEmpty__content"
-            >
-              <span
-                class="euiButtonContent__icon"
-                color="inherit"
-                data-euiicon-type="alert"
-              />
-              <span
-                class="euiButtonEmpty__text"
-              >
-                 No data sources
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div
-        data-eui="EuiFocusTrap"
-      >
-        <div
-          aria-describedby="generated-id"
-          aria-live="off"
-          aria-modal="true"
-          class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPopover__panel euiPopover__panel--bottom"
-          role="dialog"
-          style="top: 16px; left: -22px; will-change: transform, opacity; z-index: 2000;"
-          tabindex="0"
-        >
-          <div
-            class="euiPopover__panelArrow euiPopover__panelArrow--bottom"
-            style="left: 10px; top: 0px;"
-          />
-          <p
-            class="euiScreenReaderOnly"
-            id="generated-id"
-          >
-            You are in a dialog. To close this dialog, hit escape.
-          </p>
-          <div>
-            <div
-              class="euiContextMenuPanel"
-              tabindex="-1"
-            >
-              <div>
-                <div>
-                  <div
-                    class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--transparent euiPanel--noShadow dataSourceSelectableOuiPanel"
-                  >
-                    <div
-                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiTitle euiTitle--xxxsmall"
-                    >
-                      <div
-                        class="euiFlexItem"
-                      >
-                        DATA SOURCES
-                         (
-                        0
-                        )
-                      </div>
-                      <div
-                        class="dataSourceDropDownHeaderInvisibleFocusable"
-                        tabindex="0"
-                      />
-                      <div
-                        class="euiFlexItem euiFlexItem--flexGrowZero"
-                      >
-                        <button
-                          class="euiLink euiLink--primary"
-                          type="button"
-                        >
-                          Manage
-                        </button>
-                      </div>
-                    </div>
-                    <hr
-                      class="euiHorizontalRule euiHorizontalRule--full"
-                    />
-                    <div
-                      class="euiSpacer euiSpacer--s"
-                    />
-                    <div
-                      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--noBorder"
-                      data-test-subj="datasourceTableEmptyState"
-                      style="text-align: center;"
-                    >
-                      <div
-                        class="euiText euiText--medium"
-                      >
-                        <span>
-                          There is no data sources to display.
-                        </span>
-                      </div>
-                      <div
-                        class="euiText euiText--medium"
-                      >
-                        <span>
-                          Connect data source to get started
-                        </span>
-                      </div>
-                      <div
-                        class="euiSpacer euiSpacer--l"
-                      />
-                      <button
-                        class="euiButton euiButton--primary"
-                        data-test-subj="dataSourceEmptyStateManageDataSourceButton"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <span
-                            class="euiButtonContent__icon"
-                            color="inherit"
-                            data-euiicon-type="popout"
-                          />
-                          <span
-                            class="euiButton__text"
-                          >
-                            <span>
-                              Manage data sources
-                            </span>
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      class="euiPopover euiPopover--anchorDownLeft"
-      data-test-subj="dataSourceEmptyStatePopover"
-      id="dataSourceEmptyStatePopover"
-    >
-      <div
-        class="euiPopover__anchor"
-      >
-        <button
-          class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiHeaderLink"
-          data-test-subj="dataSourceEmptyStateHeaderButton"
-          type="button"
-        >
-          <span
-            class="euiButtonContent euiButtonEmpty__content"
-          >
-            <span
-              class="euiButtonContent__icon"
-              color="inherit"
-              data-euiicon-type="alert"
-            />
-            <span
-              class="euiButtonEmpty__text"
-            >
-               No data sources
-            </span>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
 exports[`NoDataSource should render correctly with the provided totalDataSourceCount 1`] = `
 <EuiPopover
   anchorPosition="downLeft"
@@ -527,14 +45,10 @@ exports[`NoDataSource should render correctly with the provided totalDataSourceC
         size="s"
       />
       <EuiPanel
+        className="dataSourceEmptyStatePanel"
         data-test-subj="datasourceTableEmptyState"
         hasBorder={false}
         hasShadow={false}
-        style={
-          Object {
-            "textAlign": "center",
-          }
-        }
       >
         <EuiText>
           <FormattedMessage
@@ -615,14 +129,10 @@ exports[`NoDataSource should render normally 1`] = `
         size="s"
       />
       <EuiPanel
+        className="dataSourceEmptyStatePanel"
         data-test-subj="datasourceTableEmptyState"
         hasBorder={false}
         hasShadow={false}
-        style={
-          Object {
-            "textAlign": "center",
-          }
-        }
       >
         <EuiText>
           <FormattedMessage
diff --git a/src/plugins/data_source_management/public/components/no_data_source/no_data_source.test.tsx b/src/plugins/data_source_management/public/components/no_data_source/no_data_source.test.tsx
index e08dfb448f2d..4fc257e5355a 100644
--- a/src/plugins/data_source_management/public/components/no_data_source/no_data_source.test.tsx
+++ b/src/plugins/data_source_management/public/components/no_data_source/no_data_source.test.tsx
@@ -32,7 +32,6 @@ describe('NoDataSource', () => {
     button.click();
 
     expect(container.getByTestId('dataSourceEmptyStatePopover')).toBeVisible();
-    expect(container).toMatchSnapshot();
   });
 
   it('should call application.navigateToApp when the "Manage" link is clicked', async () => {
@@ -54,7 +53,6 @@ describe('NoDataSource', () => {
     expect(navigateToAppMock).toHaveBeenCalledWith('management', {
       path: `opensearch-dashboards/${DSM_APP_ID}`,
     });
-    expect(container).toMatchSnapshot();
   });
 
   it('should render normally', () => {
