test(map navigation): separated two tests

src/components/FunctionalArea/MapNavigation/MapNavigation.component.test.tsx

@@ -36,18 +36,34 @@ describe('MapNavigation - component', () => {
     });
 
     const mainMapButton = screen.getByRole('button', { name: 'Main map' });
-    const mainMapCloseButton = await within(mainMapButton).queryByTestId('close-icon');
     expect(mainMapButton).toBeInTheDocument();
+
+    const histamineMapButton = screen.getByRole('button', { name: 'Histamine signaling' });
+    expect(histamineMapButton).toBeInTheDocument();
+
+    const prknMapButton = screen.getByRole('button', { name: 'PRKN substrates' });
+    expect(prknMapButton).toBeInTheDocument();
+  });
+
+  it('all maps should have close button expect main map', async () => {
+    renderComponent({
+      map: {
+        data: { ...initialMapDataFixture, openedMaps: openedMapsThreeSubmapsFixture },
+        loading: 'succeeded',
+        error: { message: '', name: '' },
+      },
+    });
+
+    const mainMapButton = screen.getByRole('button', { name: 'Main map' });
+    const mainMapCloseButton = await within(mainMapButton).queryByTestId('close-icon');
     expect(mainMapCloseButton).not.toBeInTheDocument();
 
     const histamineMapButton = screen.getByRole('button', { name: 'Histamine signaling' });
     const histamineMapCloseButton = await within(histamineMapButton).getByTestId('close-icon');
-    expect(histamineMapButton).toBeInTheDocument();
     expect(histamineMapCloseButton).toBeInTheDocument();
 
     const prknMapButton = screen.getByRole('button', { name: 'PRKN substrates' });
     const prknMapCloseButton = await within(prknMapButton).getByTestId('close-icon');
-    expect(prknMapButton).toBeInTheDocument();
     expect(prknMapCloseButton).toBeInTheDocument();
   });