fix(search): selecting from search prevents further search (MIN-245)

Searching again after selecting an element that was found from the map resulted in showing a white drawer without any content. The search drawer was also not shown when we tried to search for something while another drawer was open, e.g. the export drawer.

In the task description on jira, we have several cases where this happened: https://minerva-appunite.atlassian.net/browse/MIN-245

drawer-search-fix

Closes MIN-245

src/components/FunctionalArea/TopBar/SearchBar/SearchBar.component.test.tsx

@@ -7,6 +7,7 @@ import {
 } from '@/utils/testing/getReduxWrapperWithStore';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { useRouter } from 'next/router';
+import { initialStateFixture } from '@/redux/drawer/drawerFixture';
 import { SearchBar } from './SearchBar.component';
 
 const renderComponent = (initialStore?: InitialStoreState): { store: StoreType } => {
@@ -114,4 +115,92 @@ describe('SearchBar - component', () => {
 
     expect(reactions.data).toStrictEqual([]);
   });
+  it('should open search drawer if it is not open', () => {
+    const { store } = renderComponent({
+      drawer: initialStateFixture,
+    });
+
+    const state = store.getState();
+    expect(state.drawer.isOpen).toBeFalsy();
+
+    const input = screen.getByTestId<HTMLInputElement>('search-input');
+
+    fireEvent.change(input, { target: { value: 'nadh' } });
+
+    const button = screen.getByRole('button');
+
+    fireEvent.click(button);
+
+    const {
+      drawer: { isOpen, drawerName },
+    } = store.getState();
+
+    expect(isOpen).toBeTruthy();
+    expect(drawerName).toBe('search');
+  });
+  it('should open the search drawer if any other drawer is open', () => {
+    const { store } = renderComponent({
+      drawer: {
+        ...initialStateFixture,
+        drawerName: 'export',
+        isOpen: true,
+      },
+    });
+
+    const state = store.getState();
+    expect(state.drawer.isOpen).toBeTruthy();
+
+    const input = screen.getByTestId<HTMLInputElement>('search-input');
+
+    fireEvent.change(input, { target: { value: 'nadh' } });
+
+    const button = screen.getByRole('button');
+
+    fireEvent.click(button);
+
+    const {
+      drawer: { isOpen, drawerName },
+    } = store.getState();
+
+    expect(isOpen).toBeTruthy();
+    expect(drawerName).toBe('search');
+  });
+  it('should only select tab if search drawer is already open', () => {
+    const { store } = renderComponent({
+      drawer: {
+        ...initialStateFixture,
+        drawerName: 'search',
+        isOpen: true,
+        searchDrawerState: {
+          ...initialStateFixture.searchDrawerState,
+          selectedSearchElement: '',
+        },
+      },
+    });
+
+    const state = store.getState();
+    const { drawer } = state;
+    expect(drawer.isOpen).toBeTruthy();
+    expect(drawer.searchDrawerState.selectedSearchElement).toBe('');
+
+    const input = screen.getByTestId<HTMLInputElement>('search-input');
+
+    fireEvent.change(input, { target: { value: 'nadh' } });
+
+    const button = screen.getByRole('button');
+
+    fireEvent.click(button);
+
+    const {
+      drawer: {
+        isOpen,
+        drawerName,
+        searchDrawerState: { selectedSearchElement },
+      },
+    } = store.getState();
+
+    expect(isOpen).toBeTruthy();
+    expect(drawerName).toBe('search');
+    expect(selectedSearchElement).toBe('nadh');
+  });
 });