Enabled language filters for search and added UTs

AbdulWahab3181 · Feb 14, 2024 · c50aba7 · c50aba7
1 parent 8f3128f
commit c50aba7
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 2 deletions.
diff --git a/src/people/widgetViews/BountyHeader.tsx b/src/people/widgetViews/BountyHeader.tsx
@@ -390,7 +390,12 @@ const BountyHeader = ({
     // Set a new timeout to wait for user to pause typing
     timeoutId = setTimeout(() => {
       if (ui.searchText === '') {
-        main.getPeopleBounties({ page: 1, resetPage: true, ...checkboxIdToSelectedMap });
+        main.getPeopleBounties({
+          page: 1,
+          resetPage: true,
+          ...checkboxIdToSelectedMap,
+          ...checkboxIdToSelectedMapLanguage
+        });
       }
     }, 1000);
   };
@@ -449,7 +454,8 @@ const BountyHeader = ({
                     main.getPeopleBounties({
                       page: 1,
                       resetPage: true,
-                      ...checkboxIdToSelectedMap
+                      ...checkboxIdToSelectedMap,
+                      ...checkboxIdToSelectedMapLanguage
                     });
                   }
                 }}

diff --git a/src/people/widgetViews/__tests__/BountyHeader.spec.tsx b/src/people/widgetViews/__tests__/BountyHeader.spec.tsx
@@ -165,6 +165,72 @@ describe('BountyHeader Component', () => {
     expect(await getPeopleBountiesSpy).toHaveBeenCalled();
   });
 
+  it('should selected filters applied when search text is empty', async () => {
+    // Mock selected filters
+    mockProps.checkboxIdToSelectedMap = { open: true };
+    mockProps.checkboxIdToSelectedMapLanguage = { javascript: true };
+
+    render(<BountyHeader {...mockProps} />);
+
+    // Simulate search
+    fireEvent.change(screen.getByTestId('search-bar'), { target: { value: 'Test' } });
+
+    // Check if the search text is updated
+    expect(screen.getByTestId('search-bar')).toHaveValue('Test');
+
+    fireEvent.change(screen.getByTestId('search-bar'), { target: { value: '' } });
+
+    expect(screen.getByTestId('search-bar')).toHaveValue('');
+
+    const getPeopleBountiesSpy = jest.spyOn(mainStore, 'getPeopleBounties');
+
+    act(() => {
+      jest.advanceTimersByTime(2001);
+    });
+
+    // Expect that getPeopleBounties has been called
+    expect(getPeopleBountiesSpy).toHaveBeenCalledWith(
+      expect.objectContaining({
+        page: 1,
+        resetPage: true,
+        open: true,
+        javascript: true
+      })
+    );
+  });
+
+  it('should selected filters applied when search text is not empty', async () => {
+    const getPeopleBountiesSpy = jest.spyOn(mainStore, 'getPeopleBounties');
+
+    // Mock selected filters
+    mockProps.checkboxIdToSelectedMap = { open: true };
+    mockProps.checkboxIdToSelectedMapLanguage = { javascript: true };
+
+    render(<BountyHeader {...mockProps} />);
+
+    // Simulate search
+    fireEvent.change(screen.getByTestId('search-bar'), { target: { value: 'Test' } });
+
+    // Check if the search text is updated
+    expect(screen.getByTestId('search-bar')).toHaveValue('Test');
+
+    fireEvent.keyUp(screen.getByTestId('search-bar'), { key: 'Enter', code: 'Enter' });
+
+    act(() => {
+      jest.advanceTimersByTime(2001);
+    });
+
+    // Expect that getPeopleBounties has been called
+    expect(getPeopleBountiesSpy).toHaveBeenCalledWith(
+      expect.objectContaining({
+        page: 1,
+        resetPage: true,
+        open: true,
+        javascript: true
+      })
+    );
+  });
+
   afterAll(() => {
     jest.useRealTimers(); // Restore real timers after all tests are done
   });