MF-56: Add logout to primary nav bar

__mocks__/openmrs-esm-api.mock.tsx

@@ -0,0 +1,9 @@
+import { of } from "rxjs";
+
+export function openmrsFetch() {
+  return new Promise(() => {});
+}
+
+export function getCurrentUser() {
+  return of({ authenticated: false });
+}

jest.config.json

@@ -3,6 +3,7 @@
     "^.+\\.tsx?$": "babel-jest"
   },
   "moduleNameMapper": {
+    "@openmrs/esm-api": "<rootDir>/__mocks__/openmrs-esm-api.mock.tsx",
     "\\.(css)$": "identity-obj-proxy"
   }
 }

package.json

@@ -70,6 +70,8 @@
     "kremling": "^2.0.1",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
+    "react-router-dom": "^5.0.1",
+    "rxjs": "^6.5.3",
     "single-spa-react": "^2.10.2"
   }
 }

src/openmrs-esm-primary-navigation.d.tsx

@@ -3,6 +3,7 @@
 
 declare module "@openmrs/esm-api" {
   export function openmrsFetch(url: string, fetchInit: any): any;
+  export function getCurrentUser(opts?: any): any;
 }
 
 declare module "*.css";

src/root.component.test.tsx

@@ -1,11 +1,63 @@
 import React from "react";
-import { render, cleanup } from "@testing-library/react";
+import { render, cleanup, fireEvent, wait } from "@testing-library/react";
 import Root from "./root.component";
+import { of } from "rxjs";
+import { getCurrentUser, openmrsFetch } from "@openmrs/esm-api";
+import { act } from "react-dom/test-utils";
+import { createMemoryHistory } from "history";
+import { Router } from "react-router";
 
+const mockGetCurrentUser = getCurrentUser as jest.Mock;
+window["getOpenmrsSpaBase"] = jest.fn().mockImplementation(() => "/");
 afterAll(cleanup);
 
+const mockUser = {
+  uuid: "uuid",
+  display: "admin",
+  person: { uuid: "uuid", display: "Test User" },
+  privileges: [],
+  roles: [{ uuid: "uuid", display: "System Developer" }]
+};
+
+jest.mock("@openmrs/esm-api", () => ({
+  openmrsFetch: jest.fn().mockResolvedValue({}),
+  getCurrentUser: jest
+    .fn()
+    .mockImplementation(() => ({ subscribe: () => {}, unsubscribe: () => {} }))
+}));
+
 describe(`<Root />`, () => {
   it(`renders without dying`, () => {
-    const wrapper = render(<Root />);
+    let wrapper;
+    act(() => {
+      wrapper = render(<Root />);
+    });
+  });
+
+  it(`renders avatar`, async () => {
+    mockGetCurrentUser.mockImplementation(() => of(mockUser));
+    let wrapper;
+    act(() => {
+      wrapper = render(<Root />);
+    });
+    await wait(() => expect(wrapper.getByText("TU")).not.toBeNull());
+  });
+
+  it(`logs out patient`, async () => {
+    mockGetCurrentUser.mockImplementation(() => of(mockUser));
+    let wrapper;
+    act(() => {
+      wrapper = render(<Root />);
+    });
+    const userMenuBtn = wrapper.container.querySelector(".avatar");
+    act(() => {
+      fireEvent.click(userMenuBtn);
+    });
+    const logoutBtn = wrapper.getByText(/Logout/i);
+    expect(logoutBtn).not.toBeNull();
+    act(() => {
+      fireEvent.click(logoutBtn);
+    });
+    // ToDo: figure out how to test Redirect with react-testing-library
   });
 });