Fix tests

We need to mock reac-markdown and react-leaflet since jest does not
fully support ESM syntax yet. See
remarkjs/react-markdown#635 (comment).

package.json

@@ -47,7 +47,7 @@
     "locations": "ts-node -O '{\"isolatedModules\":false,\"module\":\"CommonJS\"}' fetch-locations.ts",
     "start": "yarn compile && yarn csv && yarn json && craco start",
     "build": "yarn compile && yarn csv && yarn json && yarn beacon && craco build",
-    "test": "yarn compile && yarn csv && yarn json && react-scripts test",
+    "test": "yarn compile && yarn csv && yarn json && craco test",
     "extract": "lingui extract",
     "compile": "lingui compile",
     "eject": "react-scripts eject"

src/App.test.tsx

@@ -1,15 +1,18 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { I18nProvider } from '@lingui/react';
+import {HelmetProvider} from 'react-helmet-async';
 import i18n from './i18n';
 import App from './App';
 
 test('renders heading', () => {
-  const { getByText } = render(
+  render(
     <I18nProvider i18n={i18n}>
-      <App />
+      <HelmetProvider>
+        <App />
+      </HelmetProvider>
     </I18nProvider>
   );
-  const element = getByText(/^about$/i);
+  const element = screen.getByText(/^about$/i);
   expect(element).toBeInTheDocument();
 });

src/__mocks__/react-leaflet.js

@@ -0,0 +1,11 @@
+export function MapContainer({ children }){
+  return <>{children}</>;
+}
+
+export function TileLayer({ children }){
+  return <>{children}</>;
+}
+
+export function Marker({ children }){
+  return <>{children}</>;
+}

src/__mocks__/react-markdown.js

@@ -0,0 +1,5 @@
+function ReactMarkdown({ children }){
+  return <>{children}</>;
+}
+
+export default ReactMarkdown;