fleet/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tests.jsx

import React from 'react';
import expect from 'expect';
import { mount } from 'enzyme';
import { noop } from 'lodash';

import ConnectedManageHostsPage, { ManageHostsPage } from 'pages/hosts/ManageHostsPage/ManageHostsPage';
import { connectedComponent, createAceSpy, reduxMockStore, stubbedOsqueryTable } from 'test/helpers';

const host = {
  detail_updated_at: '2016-10-25T16:24:27.679472917-04:00',
  hostname: 'jmeller-mbp.local',
  id: 1,
  ip: '192.168.1.10',
  mac: '10:11:12:13:14:15',
  memory: 4145483776,
  os_version: 'Mac OS X 10.11.6',
  osquery_version: '2.0.0',
  platform: 'darwin',
  status: 'online',
  updated_at: '0001-01-01T00:00:00Z',
  uptime: 3600000000000,
  uuid: '1234-5678-9101',
};

describe('ManageHostsPage - component', () => {
  const props = {
    dispatch: noop,
    hosts: [],
    labels: [],
    selectedOsqueryTable: stubbedOsqueryTable,
  };

  beforeEach(() => {
    createAceSpy();
  });

  describe('side panels', () => {
    it('renders a HostSidePanel when not adding a new label', () => {
      const page = mount(<ManageHostsPage {...props} />);

      expect(page.find('HostSidePanel').length).toEqual(1);
    });

    it('renders a QuerySidePanel when adding a new label', () => {
      const page = mount(<ManageHostsPage {...props} />);

      page.setState({ isAddLabel: true });

      expect(page.find('QuerySidePanel').length).toEqual(1);
    });
  });

  describe('host rendering', () => {
    it('renders hosts as HostDetails by default', () => {
      const page = mount(<ManageHostsPage {...props} hosts={[host]} />);

      expect(page.find('HostDetails').length).toEqual(1);
    });

    it('renders hosts as HostsTable when the display is "List"', () => {
      const page = mount(<ManageHostsPage {...props} display="List" hosts={[host]} />);

      expect(page.find('HostsTable').length).toEqual(1);
    });

    it('toggles between displays', () => {
      const mockStore = reduxMockStore({
        components: {
          ManageHostsPage: {
            display: 'Grid',
            selectedLabel: { id: 100, display_text: 'All Hosts', type: 'all', count: 22 },
          },
          QueryPages: {},
        },
      });
      const component = connectedComponent(ConnectedManageHostsPage, { mockStore });
      const page = mount(component);
      const button = page.find('Rocker').find('input');
      const toggleDisplayAction = {
        type: 'SET_DISPLAY',
        payload: {
          display: 'List',
        },
      };

      button.simulate('change');

      expect(mockStore.getActions()).toInclude(toggleDisplayAction);
    });
  });
});