Migrated OpenMapModalBtn test to react testing library

src/visits/VisitsStats.tsx

@@ -235,7 +235,7 @@ export const VisitsStats: FC<VisitsStatsProps> = ({
                       stats={cities}
                       highlightedStats={highlightedVisitsToStats(highlightedVisits, 'city')}
                       highlightedLabel={highlightedLabel}
-                      extraHeaderContent={(activeCities: string[]) => mapLocations.length > 0 && (
+                      extraHeaderContent={(activeCities) => mapLocations.length > 0 && (
                         <OpenMapModalBtn modalTitle="Cities" locations={mapLocations} activeCities={activeCities} />
                       )}
                       sortingItems={{

src/visits/charts/SortableBarChartCard.tsx

@@ -1,4 +1,4 @@
-import { FC, useState } from 'react';
+import { FC, ReactNode, useState } from 'react';
 import { fromPairs, pipe, reverse, sortBy, splitEvery, toLower, toPairs, type, zipObj } from 'ramda';
 import { rangeOf } from '../../utils/utils';
 import { Order } from '../../utils/helpers/ordering';
@@ -14,7 +14,7 @@ interface SortableBarChartCardProps extends Omit<HorizontalBarChartProps, 'max'>
   title: Function | string;
   sortingItems: Record<string, string>;
   withPagination?: boolean;
-  extraHeaderContent?: Function;
+  extraHeaderContent?: (activeCities?: string[]) => ReactNode;
 }
 
 const toLowerIfString = (value: any) => (type(value) === 'String' ? toLower(value) : value);

src/visits/helpers/MapModal.tsx

@@ -40,7 +40,7 @@ export const MapModal = ({ toggle, isOpen, title, locations = [] }: MapModalProp
     <ModalBody className="map-modal__modal-body">
       <h3 className="map-modal__modal-title">
         {title}
-        <button type="button" className="btn-close float-end" onClick={toggle} />
+        <button type="button" className="btn-close float-end" aria-label="Close" onClick={toggle} />
       </h3>
       <MapContainer {...calculateMapProps(locations)}>
         <OpenStreetMapTile />

src/visits/helpers/OpenMapModalBtn.tsx

@@ -9,7 +9,7 @@ import './OpenMapModalBtn.scss';
 
 interface OpenMapModalBtnProps {
   modalTitle: string;
-  activeCities: string[];
+  activeCities?: string[];
   locations?: CityStats[];
 }
 
@@ -19,7 +19,9 @@ export const OpenMapModalBtn = ({ modalTitle, activeCities, locations = [] }: Op
   const [locationsToShow, setLocationsToShow] = useState<CityStats[]>([]);
   const id = useDomId();
 
-  const filterLocations = (cities: CityStats[]) => cities.filter(({ cityName }) => activeCities.includes(cityName));
+  const filterLocations = (cities: CityStats[]) => (
+    !activeCities ? cities : cities.filter(({ cityName }) => activeCities?.includes(cityName))
+  );
   const onClick = () => {
     if (!activeCities) {
       setLocationsToShow(locations);