fleet/frontend/test/helpers.jsx

import React from 'react';
import configureStore from 'redux-mock-store';
import expect, { spyOn } from 'expect';
import { noop } from 'lodash';
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';

import authMiddleware from 'redux/middlewares/auth';
import redirectMiddleware from 'redux/middlewares/redirect';

export const fillInFormInput = (inputComponent, value) => {
  return inputComponent.hostNodes().first().simulate('change', { target: { value } });
};

export const reduxMockStore = (store = {}) => {
  const middlewares = [thunk, authMiddleware, redirectMiddleware];
  const mockStore = configureStore(middlewares);

  return mockStore(store);
};

export const connectedComponent = (ComponentClass, options = {}) => {
  const { mockStore = reduxMockStore(), props = {} } = options;

  return (
    <Provider store={mockStore}>
      <ComponentClass {...props} />
    </Provider>
  );
};

export const itBehavesLikeAFormDropdownElement = (form, inputName) => {
  const dropdownField = form.find(`Select[name="${inputName}-select"]`);

  expect(dropdownField.length).toEqual(1);

  const options = dropdownField.prop('options');

  // Arrow down, then enter to select the first item
  dropdownField.find('.Select-control').simulate('keyDown', { keyCode: 40 });
  dropdownField.find('.Select-control').simulate('keyDown', { keyCode: 13 });

  expect(form.state().formData).toInclude({ [inputName]: options[0].value });
};

export const itBehavesLikeAFormInputElement = (form, inputName, inputType = 'InputField', inputText = 'some text') => {
  const Input = form.find({ name: inputName });
  const inputField = inputType === 'textarea' ? Input.find('textarea') : Input.find('input');

  expect(inputField.length).toEqual(1);

  if (inputType === 'Checkbox') {
    const inputValue = form.state().formData[inputName];

    inputField.simulate('change');

    expect(form.state().formData[inputName]).toEqual(!inputValue);
  } else {
    fillInFormInput(inputField, inputText);

    expect(form.state().formData).toInclude({ [inputName]: inputText });
  }
};

export const createAceSpy = () => {
  return spyOn(global.window.ace, 'edit').andReturn({
    $options: {},
    commands: {
      addCommand: noop,
    },
    getValue: () => { return 'Hello world'; },
    getSession: () => {
      return {
        getMarkers: noop,
        selection: {
          on: noop,
        },
        setAnnotations: noop,
        setMode: noop,
        setUseWrapMode: noop,
        setValue: noop,
      };
    },
    handleOptions: noop,
    handleMarkers: noop,
    navigateFileEnd: noop,
    on: noop,
    renderer: {
      setShowGutter: noop,
      setScrollMargin: noop,
    },
    resize: noop,
    session: {
      on: noop,
      selection: {
        fromJSON: noop,
        toJSON: noop,
      },
    },
    setFontSize: noop,
    setMode: noop,
    setOption: noop,
    setOptions: noop,
    setShowPrintMargin: noop,
    setTheme: noop,
    setValue: noop,
  });
};

export const stubbedOsqueryTable = {
  columns: [
    { description: 'User ID', name: 'uid', options: { index: true }, type: 'BIGINT_TYPE' },
    { description: 'Group ID (unsigned)', name: 'gid', options: {}, type: 'BIGINT_TYPE' },
    { description: 'User ID as int64 signed (Apple)', name: 'uid_signed', options: {}, type: 'BIGINT_TYPE' },
    { description: 'Default group ID as int64 signed (Apple)', name: 'gid_signed', options: {}, type: 'BIGINT_TYPE' },
    { description: 'Username', name: 'username', options: {}, type: 'TEXT_TYPE' },
    { description: 'Optional user description', name: 'description', options: {}, type: 'TEXT_TYPE' },
    { description: "User's home directory", name: 'directory', options: {}, type: 'TEXT_TYPE' },
    { description: "User's configured default shell", name: 'shell', options: {}, type: 'TEXT_TYPE' },
    { description: "User's UUID (Apple)", name: 'uuid', options: {}, type: 'TEXT_TYPE' },
  ],
  description: 'Local system users.',
  name: 'users',
  platforms: [
    'darwin',
    'linux',
    'windows',
    'freebsd',
  ],
};

export default {
  connectedComponent,
  createAceSpy,
  fillInFormInput,
  itBehavesLikeAFormInputElement,
  reduxMockStore,
  stubbedOsqueryTable,
};