Add help dropdown and about modal

__tests__/components/About.test.jsx

@@ -1,15 +1,41 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import api from '../../src/api';
+import { API_CONFIG } from '../../src/endpoints';
 import About from '../../src/components/About';
 
-let aboutWrapper;
-let headerElem;
-
 describe('<About />', () => {
+  let aboutWrapper;
+  let closeButton;
+
   test('initially renders without crashing', () => {
-    aboutWrapper = mount(<About />);
-    headerElem = aboutWrapper.find('h2');
+    aboutWrapper = mount(<About isOpen />);
     expect(aboutWrapper.length).toBe(1);
-    expect(headerElem.length).toBe(1);
+    aboutWrapper.unmount();
+  });
+
+  test('close button calls onAboutModalClose', () => {
+    const onAboutModalClose = jest.fn();
+    aboutWrapper = mount(<About isOpen onAboutModalClose={onAboutModalClose} />);
+    closeButton = aboutWrapper.find('AboutModalBoxCloseButton Button');
+    closeButton.simulate('click');
+    expect(onAboutModalClose).toBeCalled();
+    aboutWrapper.unmount();
+  });
+
+  test('sets error on api request failure', async () => {
+    api.get = jest.fn().mockImplementation(() => {
+      const err = new Error('404 error');
+      err.response = { status: 404, message: 'problem' };
+      return Promise.reject(err);
+    });
+    aboutWrapper = mount(<About isOpen />);
+    await aboutWrapper.instance().componentDidMount();
+    expect(aboutWrapper.state('error').response.status).toBe(404);
+    aboutWrapper.unmount();
+  });
+
+  test('API Config endpoint is valid', () => {
+    expect(API_CONFIG).toBeDefined();
   });
 });