feat: enable global filter to all dashboard

bcgov · Oct 29, 2024 · e688510 · e688510
1 parent e7519bf
commit e688510
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/app/components/AnalystDashboard/AllDashboard.tsx b/app/components/AnalystDashboard/AllDashboard.tsx
@@ -416,6 +416,7 @@ const AllDashboardTable: React.FC<Props> = ({ query }) => {
   }, [visibilityPreference]);
 
   const state = {
+    showGlobalFilter: true,
     columnFilters,
     columnVisibility,
     density,
@@ -621,7 +622,7 @@ const AllDashboardTable: React.FC<Props> = ({ query }) => {
     onShowColumnFiltersChange: setShowColumnFilters,
     onColumnSizingChange: setColumnSizing,
     enablePagination: false,
-    enableGlobalFilter: false,
+    enableGlobalFilter: true,
     enableBottomToolbar: false,
     filterFns: {
       filterNumber,

diff --git a/app/tests/pages/analyst/dashboard.test.tsx b/app/tests/pages/analyst/dashboard.test.tsx
@@ -747,4 +747,28 @@ describe('The index page', () => {
     expect(cbcFilterCheckbox).toBeChecked();
     expect(screen.queryByText('5555')).toBeInTheDocument();
   });
+
+  it('shows global filter and filters results based on input', async () => {
+    jest
+      .spyOn(moduleApi, 'useFeature')
+      .mockReturnValue(mockShowCbcProjects(true));
+
+    pageTestingHelper.loadQuery();
+    pageTestingHelper.renderPage();
+
+    expect(screen.getByText('CCBC-010002')).toBeInTheDocument();
+    expect(screen.getByText('CCBC-010003')).toBeInTheDocument();
+
+    const globalSearch = screen.getByPlaceholderText('Search');
+    expect(globalSearch).toBeInTheDocument();
+
+    fireEvent.change(globalSearch, {
+      target: { value: 'Test Proj Name 3' },
+    });
+
+    await waitFor(() => {
+      expect(screen.queryByText('CCBC-010002')).not.toBeInTheDocument();
+      expect(screen.getByText('CCBC-010003')).toBeInTheDocument();
+    });
+  });
 });