Merge branch 'main' into poc/reusing-tests

packages/content-management/tabbed_table_list_view/src/tabbed_table_list_view.tsx

@@ -47,23 +47,23 @@ export const TabbedTableListView = ({
     [activeTabId, tabs]
   );
 
+  const onFetchSuccess = useCallback(() => {
+    setHasInitialFetchReturned(true);
+  }, []);
+
   const [tableList, setTableList] = useState<React.ReactNode>(null);
 
   useEffect(() => {
     async function loadTableList() {
       const newTableList = await getActiveTab().getTableList({
-        onFetchSuccess: () => {
-          if (!hasInitialFetchReturned) {
-            setHasInitialFetchReturned(true);
-          }
-        },
+        onFetchSuccess,
         setPageDataTestSubject,
       });
       setTableList(newTableList);
     }
 
     loadTableList();
-  }, [hasInitialFetchReturned, activeTabId, tabs, getActiveTab]);
+  }, [activeTabId, tabs, getActiveTab, onFetchSuccess]);
 
   return (
     <KibanaPageTemplate panelled data-test-subj={pageDataTestSubject}>

packages/content-management/table_list_view/src/table_list_view.tsx

@@ -82,10 +82,8 @@ export const TableListView = <T extends UserContentCommonSchema>({
   const [pageDataTestSubject, setPageDataTestSubject] = useState<string>();
 
   const onFetchSuccess = useCallback(() => {
-    if (!hasInitialFetchReturned) {
-      setHasInitialFetchReturned(true);
-    }
-  }, [hasInitialFetchReturned]);
+    setHasInitialFetchReturned(true);
+  }, []);
 
   return (
     <PageTemplate panelled data-test-subj={pageDataTestSubject}>

packages/content-management/table_list_view_table/src/reducer.tsx

@@ -39,11 +39,21 @@ export function getReducer<T extends UserContentCommonSchema>() {
           }
         }
 
+        let hasNoItems = state.hasNoItems;
+
+        const hasQuery = state.searchQuery.text !== '';
+        if (hasQuery) {
+          hasNoItems = undefined;
+        } else {
+          hasNoItems = items.length === 0;
+        }
+
         return {
           ...state,
           hasInitialFetchReturned: true,
           isFetchingItems: false,
           items,
+          hasNoItems,
           totalItems: action.data.response.total,
           hasUpdatedAtMetadata,
           tableSort: tableSort ?? state.tableSort,

packages/content-management/table_list_view_table/src/table_list_view.test.helpers.ts

@@ -0,0 +1,64 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import type { TestBed } from '@kbn/test-jest-helpers';
+import { act } from 'react-dom/test-utils';
+
+export const getActions = ({ find, form, component }: TestBed) => {
+  /** Open the sort select drop down menu */
+  const openSortSelect = () => {
+    find('tableSortSelectBtn').at(0).simulate('click');
+  };
+
+  // --- Search Box ---
+
+  /** Set the search box value */
+  const updateSearchText = async (value: string) => {
+    await act(async () => {
+      find('tableListSearchBox').simulate('keyup', {
+        key: 'Enter',
+        target: { value },
+      });
+    });
+    component.update();
+  };
+
+  /** Get the Search box value */
+  const getSearchBoxValue = () => find('tableListSearchBox').props().defaultValue;
+
+  // --- Row Actions ---
+  const selectRow = (rowId: string) => {
+    act(() => {
+      form.selectCheckBox(`checkboxSelectRow-${rowId}`);
+    });
+    component.update();
+  };
+
+  const clickDeleteSelectedItemsButton = () => {
+    act(() => {
+      find('deleteSelectedItems').simulate('click');
+    });
+    component.update();
+  };
+
+  const clickConfirmModalButton = async () => {
+    await act(async () => {
+      find('confirmModalConfirmButton').simulate('click');
+    });
+    component.update();
+  };
+
+  return {
+    openSortSelect,
+    updateSearchText,
+    getSearchBoxValue,
+    selectRow,
+    clickDeleteSelectedItemsButton,
+    clickConfirmModalButton,
+  };
+};