Resolve "[MIN-194] Display user grouped overlays"

#131

src/components/Map/Drawer/OverlaysDrawer/UserOverlays/UserOverlaysGroup/hooks/useUserOverlays.test.ts

@@ -86,9 +86,12 @@ describe('useUserOverlays', () => {
     const FIRST_USER_OVERLAY = overlayFixture;
     const SECOND_USER_OVERLAY = overlayFixture;
 
+    const overlays = [FIRST_USER_OVERLAY, SECOND_USER_OVERLAY];
+    const reversedOverlays = [SECOND_USER_OVERLAY, FIRST_USER_OVERLAY];
+
     const page = {
       ...overlaysPageFixture,
-      data: [FIRST_USER_OVERLAY, SECOND_USER_OVERLAY],
+      data: overlays,
     };
     mockedAxiosNewClient
       .onGet(
@@ -111,7 +114,7 @@ describe('useUserOverlays', () => {
       overlays: {
         ...OVERLAYS_INITIAL_STATE_MOCK,
         userOverlays: {
-          data: [FIRST_USER_OVERLAY, SECOND_USER_OVERLAY],
+          data: overlays,
           loading: 'idle',
           error: DEFAULT_ERROR,
         },
@@ -122,7 +125,7 @@ describe('useUserOverlays', () => {
       result: {
         current: { moveUserOverlayListItem, userOverlaysList },
       },
-    } = renderHook(() => useUserOverlays([FIRST_USER_OVERLAY, SECOND_USER_OVERLAY], null), {
+    } = renderHook(() => useUserOverlays(overlays, null), {
       wrapper: Wrapper,
     });
 
@@ -130,7 +133,7 @@ describe('useUserOverlays', () => {
       moveUserOverlayListItem(0, 1);
     });
 
-    expect(userOverlaysList).toEqual([SECOND_USER_OVERLAY, FIRST_USER_OVERLAY]);
+    expect(userOverlaysList).toEqual(reversedOverlays);
   });
   it('calls updateOverlays on calling updateUserOverlaysOrder', async () => {
     const FIRST_USER_OVERLAY = { ...overlayFixture, order: 1, id: 12 };
@@ -169,11 +172,13 @@ describe('useUserOverlays', () => {
       },
     });
 
+    const originalOverlays = [FIRST_USER_OVERLAY, SECOND_USER_OVERLAY];
+
     const {
       result: {
         current: { moveUserOverlayListItem, updateUserOverlaysOrder },
       },
-    } = renderHook(() => useUserOverlays([FIRST_USER_OVERLAY, SECOND_USER_OVERLAY], null), {
+    } = renderHook(() => useUserOverlays(originalOverlays, null), {
       wrapper: Wrapper,
     });