awx/__tests__/App.test.jsx

import React from 'react';
import { HashRouter as Router } from 'react-router-dom';
import { shallow, mount } from 'enzyme';
import { createMemoryHistory } from 'history'

import App from '../src/App';
import api from '../src/api';
import { API_LOGOUT } from '../src/endpoints';

import Dashboard from '../src/pages/Dashboard';
import Login from '../src/pages/Login';
import { asyncFlush } from '../jest.setup';

const DEFAULT_ACTIVE_GROUP = 'views_group';
const DEFAULT_ACTIVE_ITEM = 'views_group_dashboard';

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(<Router><App /></Router>);

    const login = appWrapper.find(Login);
    expect(login.length).toBe(1);
    const dashboard = appWrapper.find(Dashboard);
    expect(dashboard.length).toBe(0);
  });

  test('renders dashboard when authenticated', () => {
    api.isAuthenticated = jest.fn();
    api.isAuthenticated.mockReturnValue(true);

    const appWrapper = mount(<Router><App /></Router>);

    const dashboard = appWrapper.find(Dashboard);
    expect(dashboard.length).toBe(1);
    const login = appWrapper.find(Login);
    expect(login.length).toBe(0);
  });

  test('onNavSelect sets state.activeItem and state.activeGroup', () => {
    const history = createMemoryHistory('/jobs');
    const appWrapper = shallow(<App.WrappedComponent history={history} />);

    appWrapper.instance().onNavSelect({ groupId: 'bar' });
    expect(appWrapper.state().activeGroup).toBe('bar');
  });

  test('onNavToggle sets state.isNavOpen to opposite', () => {
    const history = createMemoryHistory('/jobs');

    const appWrapper = shallow(<App.WrappedComponent history={history} />);
    expect(appWrapper.state().isNavOpen).toBe(true);
    appWrapper.instance().onNavToggle();
    expect(appWrapper.state().isNavOpen).toBe(false);
  });

  test('onLogoClick sets selected nav back to defaults', () => {
    const history = createMemoryHistory('/jobs');

    const appWrapper = shallow(<App.WrappedComponent history={history} />);
    appWrapper.setState({ activeGroup: 'foo', activeItem: 'bar' });
    expect(appWrapper.state().activeItem).toBe('bar');
    expect(appWrapper.state().activeGroup).toBe('foo');
    appWrapper.instance().onLogoClick();
    expect(appWrapper.state().activeGroup).toBe(DEFAULT_ACTIVE_GROUP);
  });

  test('api.logout called from logout button', async () => {
    api.get = jest.fn().mockImplementation(() => Promise.resolve({}));
    let appWrapper = mount(<Router><App /></Router>);
    let logoutButton = appWrapper.find('LogoutButton');
    logoutButton.props().onDevLogout();
    appWrapper.setState({ activeGroup: 'foo', activeItem: 'bar' });

    await asyncFlush();

    expect(api.get).toHaveBeenCalledTimes(1);
    expect(api.get).toHaveBeenCalledWith(API_LOGOUT);

    console.log(appWrapper.state());
    expect(appWrapper.state().activeGroup).toBe(DEFAULT_ACTIVE_GROUP);
  });

});