fix(submap): invalid pin position after submap is closed (MIN-290)

The problem is that the logic of the mapDataMiddlewareListener, which is responsible for the data regarding the current map, validates the correctness of actions and data by verifying the modelId property in the action payload (the modelId in the payload should not be the same as the modelId of the currently active map). We were sending the action closeMapAndSetMainMapActive with the modelId of an already opened map that we wanted to close, instead of the modelId of the map to be opened, as in the rest of the actions handled by mapDataMiddlewareListener. This caused it to not pass through the if check, resulting in the lack of updating the currently opened map and its data. After closing the submap in the store, we still had data from the closed submap instead of the main map.

invalid-pin-position

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

@@ -6,6 +6,7 @@ import {
 import { StoreType } from '@/redux/store';
 import { initialMapDataFixture, openedMapsThreeSubmapsFixture } from '@/redux/map/map.fixtures';
 import { act, render, screen, within } from '@testing-library/react';
+import { MODELS_MOCK } from '@/redux/compartmentPathways/compartmentPathways.mock';
 import { MODELS_DATA_MOCK_WITH_MAIN_MAP } from '@/redux/models/models.mock';
 import { PluginsEventBus } from '@/services/pluginsManager/pluginsEventBus';
 import { MapNavigation } from './MapNavigation.component';
@@ -104,9 +105,8 @@ describe('MapNavigation - component', () => {
     expect(modelId).toBe(MAIN_MAP_ID);
   });
 
-  it('should close map and open main map if closed currently selected map', async () => {
+  it('should close currently selected map map and open main map', async () => {
     const { store } = renderComponent({
-      models: MODELS_DATA_MOCK_WITH_MAIN_MAP,
       map: {
         data: {
           ...initialMapDataFixture,
@@ -116,6 +116,11 @@ describe('MapNavigation - component', () => {
         loading: 'succeeded',
         error: { message: '', name: '' },
       },
+      models: {
+        loading: 'succeeded',
+        error: { message: '', name: '' },
+        data: MODELS_MOCK,
+      },
     });
 
     const histamineMapButton = screen.getByRole('button', { name: 'Histamine signaling' });