api.js refactor using classes (#250)

Refactor api.js into an api module where endpoint specific models can be imported and used in components.

__tests__/pages/Organizations/screens/Organization/Organization.test.jsx

@@ -1,6 +1,11 @@
 import React from 'react';
+import { createMemoryHistory } from 'history';
 import { mountWithContexts } from '../../../../enzymeHelpers';
+import { sleep } from '../../../../testUtils';
 import Organization from '../../../../../src/pages/Organizations/screens/Organization/Organization';
+import { OrganizationsAPI } from '../../../../../src/api';
+
+jest.mock('../../../../../src/api');
 
 describe.only('<Organization />', () => {
   const me = {
@@ -12,8 +17,41 @@ describe.only('<Organization />', () => {
     mountWithContexts(<Organization me={me} />);
   });
 
-  test('notifications tab shown/hidden based on permissions', () => {
-    const wrapper = mountWithContexts(<Organization me={me} />);
+  test('notifications tab shown/hidden based on permissions', async () => {
+    OrganizationsAPI.readDetail.mockResolvedValue({
+      data: {
+        id: 1,
+        name: 'foo'
+      }
+    });
+    OrganizationsAPI.read.mockResolvedValue({
+      data: {
+        results: []
+      }
+    });
+    const history = createMemoryHistory({
+      initialEntries: ['/organizations/1/details'],
+    });
+    const match = { path: '/organizations/:id', url: '/organizations/1' };
+    const wrapper = mountWithContexts(
+      <Organization
+        me={me}
+        setBreadcrumb={() => {}}
+      />,
+      {
+        context: {
+          router: {
+            history,
+            route: {
+              location: history.location,
+              match
+            }
+          }
+        }
+      }
+    );
+    await sleep(0);
+    wrapper.update();
     expect(wrapper.find('.pf-c-tabs__item').length).toBe(3);
     expect(wrapper.find('.pf-c-tabs__button[children="Notifications"]').length).toBe(0);
     wrapper.find('Organization').setState({