fleet/frontend/components/App/App.tests.jsx

import expect, { spyOn, restoreSpies } from 'expect';
import { mount } from 'enzyme';

import ConnectedApp from './App';
import * as authActions from '../../redux/nodes/auth/actions';
import helpers from '../../test/helpers';
import local from '../../utilities/local';

const {
  connectedComponent,
  reduxMockStore,
} = helpers;

describe('App - component', () => {
  const store = { app: {}, auth: {} };
  const mockStore = reduxMockStore(store);
  const component = mount(
    connectedComponent(ConnectedApp, { mockStore })
  );

  afterEach(() => {
    restoreSpies();
    local.setItem('auth_token', null);
  });

  it('renders', () => {
    expect(component).toExist();
  });

  it('loads the current user if there is an auth token but no user', () => {
    local.setItem('auth_token', 'ABC123');

    const spy = spyOn(authActions, 'fetchCurrentUser').andCall(() => {
      return (dispatch) => {
        dispatch({ type: 'LOAD_USER_ACTION' });
        return Promise.resolve();
      };
    });
    const application = connectedComponent(ConnectedApp, { mockStore });

    mount(application);
    expect(spy).toHaveBeenCalled();
  });

  it('does not load the current user if is it already loaded', () => {
    local.setItem('auth_token', 'ABC123');

    const spy = spyOn(authActions, 'fetchCurrentUser').andCall(() => {
      return { type: 'LOAD_USER_ACTION' };
    });
    const storeWithUser = {
      app: {},
      auth: {
        user: {
          id: 1,
          email: 'hi@thegnar.co',
        },
      },
    };
    const mockStoreWithUser = reduxMockStore(storeWithUser);
    const application = connectedComponent(ConnectedApp, { mockStore: mockStoreWithUser });

    mount(application);
    expect(spy).toNotHaveBeenCalled();
  });

  it('does not load the current user if there is no auth token', () => {
    local.setItem('auth_token', null);

    const spy = spyOn(authActions, 'fetchCurrentUser').andCall(() => {
      return { type: 'LOAD_USER_ACTION' };
    });
    const application = connectedComponent(ConnectedApp, { mockStore });

    mount(application);
    expect(spy).toNotHaveBeenCalled();
  });


  it('renders the Footer component', () => {
    expect(component.find('Footer').length).toEqual(1);
  });
});