@@ -1,9 +0,0 @@ 
-import React from 'react';
-import {render} from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  const {getByText} = render(<App />);
-  const linkElement = getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

@@ -0,0 +1,37 @@ 
+import React from 'react';
+import Menu from '@material-ui/core/Menu';
+import MenuItem from '@material-ui/core/MenuItem';
+
+const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => {
+  return (
+    <Menu
+      anchorEl={anchorEl}
+      anchorOrigin={{
+        vertical: 'top',
+        horizontal: 'right',
+      }}
+      keepMounted
+      transformOrigin={{
+        vertical: 'top',
+        horizontal: 'right',
+      }}
+      open={!!anchorEl}
+      onClose={() => setAnchorEl(null)}
+    >
+      {actions &&
+        actions.map((action, idx) => (
+          <MenuItem
+            onClick={() => {
+              action.onClick();
+              setAnchorEl(null);
+            }}
+            key={idx}
+            id={action.id || `MenuItem${idx}`}
+          >
+            {action.label}
+          </MenuItem>
+        ))}
+    </Menu>
+  );
+};
+export default EventMenu;

@@ -0,0 +1,12 @@ 
+import React, {createRef} from 'react';
+import EventMenu from './EventMenu';
+import renderer from 'react-test-renderer';
+
+describe('EventMenu', () => {
+  const EventMenuDOM = renderer.create(
+    <EventMenu anchorEl={() => <div></div>} />
+  );
+  it('should match snapshot without props', () => {
+    expect(EventMenuDOM.toJSON()).toMatchSnapshot();
+  });
+});

@@ -1,38 +1,2 @@ 
-import React from 'react';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-
-const EventMenu = ({anchorEl, setAnchorEl, actions = []}) => {
-  return (
-    <Menu
-      anchorEl={anchorEl}
-      anchorOrigin={{
-        vertical: 'top',
-        horizontal: 'right',
-      }}
-      keepMounted
-      transformOrigin={{
-        vertical: 'top',
-        horizontal: 'right',
-      }}
-      open={!!anchorEl}
-      onClose={() => setAnchorEl(null)}
-    >
-      {actions &&
-        actions.map((action, idx) => (
-          <MenuItem
-            onClick={() => {
-              action.onClick();
-              setAnchorEl(null);
-            }}
-            key={idx}
-            id={action.id || `MenuItem${idx}`}
-          >
-            {action.label}
-          </MenuItem>
-        ))}
-    </Menu>
-  );
-};
-
+import EventMenu from './EventMenu';
 export default EventMenu;

@@ -4,3 +4,20 @@ // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import '@testing-library/jest-dom/extend-expect';
 import './i18n';
+
+// FROM https://github.com/akiran/react-slick/blob/master/test-setup.js
+window.matchMedia =
+  window.matchMedia ||
+  function () {
+    return {
+      matches: false,
+      addListener: function () {},
+      removeListener: function () {},
+    };
+  };
+
+window.requestAnimationFrame =
+  window.requestAnimationFrame ||
+  function (callback) {
+    setTimeout(callback, 0);
+  };