update tests and replace dataConnection variable

Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>

public/components/datasources/components/manage/data_connection.tsx

@@ -44,10 +44,11 @@
 import { AccessControlTab } from './access_control_tab';
 import { AssociatedObjectsTab } from './associated_objects/associated_objects_tab';
 import { InactiveDataConnectionCallout } from './inactive_data_connection';
+import { InstalledIntegrationsTable } from './integrations/installed_integrations_table';
 
 const renderCreateAccelerationFlyout = getRenderCreateAccelerationFlyout();
 
 export const DataConnection = (props: any) => {
   const { dataSource } = props;
   const [datasourceDetails, setDatasourceDetails] = useState<DatasourceDetails>({
     allowedRoles: [],
@@ -234,7 +235,7 @@
       },
     ]);
     fetchSelectedDatasource();
   }, [chrome, http]);
 
   const tabs = [
     {

public/components/datasources/components/manage/manage_data_connections_table.tsx

@@ -62,7 +62,7 @@
         );
       })
       .catch((err) => {
         console.error(err);
         setToast(`Data connection $${connectionName} not deleted. See output for more details.`);
       });
   };
@@ -70,11 +70,15 @@
   const fetchDataSources = () => {
     http!
       .get(`${DATACONNECTIONS_BASE}`)
       .then((res: any) => {
-        const dataConnections = res.map((x: any) => {
-          return { name: x.name, connectionType: x.connector, dsStatus: x.status };
+        const dataConnections = res.map((dataConnection: any) => {
+          return {
+            name: dataConnection.name,
+            connectionType: dataConnection.connector,
+            dsStatus: dataConnection.status,
+          };
         });
         setData(dataConnections);
       })
       .catch((err) => {
         console.error(err);
@@ -90,7 +94,7 @@
       },
     ]);
     fetchDataSources();
   }, [chrome]);
 
   const displayDeleteModal = (connectionName: string) => {
     setModalLayout(
@@ -207,9 +211,9 @@
       truncateText: true,
       render: (value, record: DataConnection) =>
         record.dsStatus === 'ACTIVE' ? (
           <EuiHealth color="success">Active</EuiHealth>
         ) : (
           <EuiHealth color="subdued">Inactive</EuiHealth>
         ),
     },
     {
@@ -217,7 +221,7 @@
       name: 'Actions',
       actions,
     },
   ] as Array<EuiTableFieldDataColumnType<any>>;
 
   const search = {
     box: {
@@ -228,8 +232,8 @@
   const entries = data.map((dataconnection: DataConnection) => {
     const name = dataconnection.name;
     const connectionType = dataconnection.connectionType;
     const dsStatus = dataconnection.dsStatus;
     return { connectionType, name, dsStatus, data: { name, connectionType } };
   });
 
   return (

public/framework/catalog_cache/cache_loader.test.tsx

@@ -20,7 +20,7 @@
 import { CatalogCacheManager } from './cache_manager';
 
 interface LooseObject {
   [key: string]: any;
 }
 
 // Mock localStorage
@@ -305,7 +305,7 @@
       const loadCacheType = 'tables';
       const dataSourceName = 'example';
       const databaseName = 'test';
-      const expectedQuery = 'SHOW TABLES IN `example`.`test`';
+      const expectedQuery = "SHOW TABLE EXTENDED IN `example`.`test` LIKE '*'";
       expect(createLoadQuery(loadCacheType, dataSourceName, databaseName)).toEqual(expectedQuery);
     });
 
@@ -326,7 +326,7 @@
       const loadCacheType = 'tables';
       const dataSourceName = 'example';
       const databaseName = '`sample`';
-      const expectedQuery = 'SHOW TABLES IN `example`.`sample`';
+      const expectedQuery = "SHOW TABLE EXTENDED IN `example`.`sample` LIKE '*'";
       expect(createLoadQuery(loadCacheType, dataSourceName, databaseName)).toEqual(expectedQuery);
     });
   });