refactor auth redirect and add ConditionalRedirect unit tests and App unit and functional tests

__tests__/tests/App.test.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import App from '../../src/App';
+import api from '../../src/api';
+import Dashboard from '../../src/pages/Dashboard';
+import Login from '../../src/pages/Login';
+
+describe('<App />', () => {
+  test('renders without crashing', () => {
+    const appWrapper = shallow(<App />);
+    expect(appWrapper.length).toBe(1);
+  });
+
+  test('renders login page when not authenticated', () => {
+    api.isAuthenticated = jest.fn();
+    api.isAuthenticated.mockReturnValue(false);
+
+    const appWrapper = mount(<App />);
+
+    const redirectChild = appWrapper.find(Login);
+    expect(redirectChild.length).toBe(1);
+    const routeChild = appWrapper.find(Dashboard);
+    expect(routeChild.length).toBe(0);
+  });
+
+  test('renders dashboard when authenticated', () => {
+    api.isAuthenticated = jest.fn();
+    api.isAuthenticated.mockReturnValue(true);
+
+    const appWrapper = mount(<App />);
+
+    const redirectChild = appWrapper.find(Dashboard);
+    expect(redirectChild.length).toBe(1);
+    const routeChild = appWrapper.find(Login);
+    expect(routeChild.length).toBe(0);
+  });
+});

__tests__/tests/ConditionalRedirect.test.jsx

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import {
+  Route,
+  Redirect
+} from 'react-router-dom';
+import { shallow } from 'enzyme';
+import ConditionalRedirect from '../../src/components/ConditionalRedirect';
+
+describe('<ConditionalRedirect />', () => {
+  test('renders Redirect when shouldRedirect is passed truthy func', () => {
+    const truthyFunc = () => true;
+    const shouldHaveRedirectChild = shallow(<ConditionalRedirect shouldRedirect={() => truthyFunc()} />);
+    const redirectChild = shouldHaveRedirectChild.find(Redirect);
+    expect(redirectChild.length).toBe(1);
+    const routeChild = shouldHaveRedirectChild.find(Route);
+    expect(routeChild.length).toBe(0);
+  });
+
+  test('renders Route when shouldRedirect is passed falsy func', () => {
+    const falsyFunc = () => false;
+    const shouldHaveRouteChild = shallow(<ConditionalRedirect shouldRedirect={() => falsyFunc()} />);
+    const routeChild = shouldHaveRouteChild.find(Route);
+    expect(routeChild.length).toBe(1);
+    const redirectChild = shouldHaveRouteChild.find(Redirect);
+    expect(redirectChild.length).toBe(0);
+  });
+});