UILD-468: Close comparison modal and clear selected checkboxes (#71)

Author: SKarolFolio

src/components/SearchResultEntry/SearchResultEntry.tsx

@@ -1,4 +1,4 @@
-import { FC, useState } from 'react';
+import { FC, useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import classNames from 'classnames';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -58,7 +58,7 @@ const instancesListHeader: Row = {
 export const SearchResultEntry: FC<SearchResultEntry> = ({ instances, ...restOfWork }) => {
   const { formatMessage } = useIntl();
   const { navigateToEditPage } = useNavigateToEditPage();
-  const { navigationState, selectedInstances, setSelectedInstances } = useSearchState();
+  const { navigationState, selectedInstances, setSelectedInstances, resetSelectedInstances } = useSearchState();
   const [isOpen, setIsOpen] = useState(true);
   const { setIsLoading } = useLoadingState();
   const { addStatusMessagesItem } = useStatusState();
@@ -67,6 +67,13 @@ export const SearchResultEntry: FC<SearchResultEntry> = ({ instances, ...restOfW
   const toggleIsOpen = () => setIsOpen(!isOpen);
   const { fetchRecord } = useRecordControls();
 
+  useEffect(() => {
+    return () => {
+      resetFullDisplayComponentType();
+      resetSelectedInstances();
+    };
+  }, []);
+
   const handleOpenPreview = async (id: string) => {
     try {
       setIsLoading(true);

src/test/__tests__/components/SearchResultEntry.test.tsx

@@ -1,5 +1,7 @@
 import { fireEvent, render, screen } from '@testing-library/react';
 import { BrowserRouter } from 'react-router-dom';
+import { setInitialGlobalState } from '@src/test/__mocks__/store';
+import { useSearchStore, useUIStore } from '@src/store';
 import { SearchResultEntry } from '@components/SearchResultEntry';
 import { itemSearchMockData } from './ItemSearch.test';
 
@@ -64,4 +66,37 @@ describe('SearchResultEntry', () => {
       expect(getByText('ld.noInstancesAvailable')).toBeInTheDocument();
     });
   });
+
+  describe('component unmount', () => {
+    test('clears fullDisplayComponentType and selectedInstances on unmount', () => {
+      const mockResetFullDisplayComponentType = jest.fn();
+      const mockResetSelectedInstances = jest.fn();
+
+      setInitialGlobalState([
+        {
+          store: useUIStore,
+          state: {
+            resetFullDisplayComponentType: mockResetFullDisplayComponentType,
+          },
+        },
+        {
+          store: useSearchStore,
+          state: {
+            resetSelectedInstances: mockResetSelectedInstances,
+          },
+        },
+      ]);
+
+      const { unmount } = render(
+        <BrowserRouter>
+          <SearchResultEntry {...(mockProps as unknown as WorkAsSearchResultDTO)} />
+        </BrowserRouter>,
+      );
+
+      unmount();
+
+      expect(mockResetFullDisplayComponentType).toHaveBeenCalled();
+      expect(mockResetSelectedInstances).toHaveBeenCalled();
+    });
+  });
 });