foreman_inventory_upload 1.0.0.beta1 → 1.0.0.beta2

data/webpack/ForemanInventoryUpload/Components/Dashboard/Dashboard.js

@@ -0,0 +1,146 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noop } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import ReportGenerate from '../ReportGenerate';
+import ReportUpload from '../ReportUpload';
+import NavContainer from '../NavContainer';
+import './dashboard.scss';
+
+class Dashboard extends React.Component {
+  componentDidMount() {
+    const { startPolling, fetchLogs, accountID } = this.props;
+    fetchLogs(accountID);
+    const pollingProcessID = setInterval(() => fetchLogs(accountID), 5000);
+    startPolling(accountID, pollingProcessID);
+  }
+
+  componentWillUnmount() {
+    const { stopPolling, pollingProcessID, accountID } = this.props;
+    stopPolling(accountID, pollingProcessID);
+  }
+
+  handleDownload = () => {
+    const { downloadReports, accountID } = this.props;
+    downloadReports(accountID);
+  };
+
+  handleRestart = () => {
+    const { restartProcess, accountID, activeTab } = this.props;
+    restartProcess(accountID, activeTab);
+  };
+
+  handleTabChange = async tabName => {
+    const { setActiveTab, accountID, fetchLogs } = this.props;
+    await setActiveTab(accountID, tabName);
+    fetchLogs(accountID);
+  };
+
+  handleToggleFullScreen = () => {
+    const { toggleFullScreen, accountID } = this.props;
+    toggleFullScreen(accountID);
+  };
+
+  render() {
+    const {
+      uploading,
+      generating,
+      statuses,
+      showFullScreen,
+      activeTab,
+    } = this.props;
+    return (
+      <NavContainer
+        items={[
+          {
+            icon: 'database',
+            name: __('Generating'),
+            component: ReportGenerate,
+            props: {
+              ...generating,
+              restartProcess: this.handleRestart,
+              exitCode: statuses.generate_report_status,
+              toggleFullScreen: this.handleToggleFullScreen,
+            },
+            onClick: () => this.handleTabChange('generating'),
+          },
+          {
+            icon: 'cloud-upload',
+            name: __('Uploading'),
+            component: ReportUpload,
+            props: {
+              ...uploading,
+              restartProcess: this.handleRestart,
+              downloadReports: this.handleDownload,
+              exitCode: statuses.upload_report_status,
+              toggleFullScreen: this.handleToggleFullScreen,
+            },
+            onClick: () => this.handleTabChange('uploading'),
+          },
+        ]}
+        toggleFullScreen={this.handleToggleFullScreen}
+        showFullScreen={showFullScreen}
+        terminalProps={this.props[activeTab]}
+      />
+    );
+  }
+}
+
+Dashboard.propTypes = {
+  accountID: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+    .isRequired,
+  startPolling: PropTypes.func,
+  fetchLogs: PropTypes.func,
+  stopPolling: PropTypes.func,
+  setActiveTab: PropTypes.func,
+  uploading: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    completed: PropTypes.number,
+    files: PropTypes.arrayOf(PropTypes.string),
+    error: PropTypes.string,
+  }),
+  generating: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    completed: PropTypes.number,
+    error: PropTypes.string,
+  }),
+  restartProcess: PropTypes.func,
+  downloadReports: PropTypes.func,
+  pollingProcessID: PropTypes.number,
+  statuses: PropTypes.shape({
+    generate_report_status: PropTypes.string,
+    upload_report_status: PropTypes.string,
+  }),
+  showFullScreen: PropTypes.bool,
+  toggleFullScreen: PropTypes.func,
+  activeTab: PropTypes.string,
+};
+
+Dashboard.defaultProps = {
+  uploading: {},
+  generating: {},
+  startPolling: noop,
+  fetchLogs: noop,
+  stopPolling: noop,
+  setActiveTab: noop,
+  restartProcess: noop,
+  downloadReports: noop,
+  pollingProcessID: 0,
+  statuses: {
+    generate_report_status: 'unknown',
+    upload_report_status: 'unknown',
+  },
+  showFullScreen: false,
+  toggleFullScreen: noop,
+  activeTab: 'generating',
+};
+
+export default Dashboard;

data/webpack/ForemanInventoryUpload/Components/Dashboard/Dashboard.stories.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withKnobs } from '@storybook/addon-knobs';
+import { Provider } from 'react-redux';
+import configureStore from '../../../stories/configureStore';
+import Dashboard from './index';
+import { generating, uploading } from './Dashboard.fixtures';
+
+const store = configureStore();
+
+storiesOf('Dashboard', module)
+  .addDecorator(withKnobs)
+  .add('Dashboard', () => (
+    <div style={{ margin: '20px' }}>
+      <Provider store={store}>
+        <Dashboard generating={generating} uploading={uploading} />
+      </Provider>
+    </div>
+  ));

data/webpack/ForemanInventoryUpload/Components/Dashboard/DashboardActions.js

@@ -0,0 +1,87 @@
+import API from 'foremanReact/API';
+import {
+  INVENTORY_POLLING_START,
+  INVENTORY_POLLING_STOP,
+  INVENTORY_POLLING,
+  INVENTORY_TAB_CHANGED,
+  INVENTORY_POLLING_ERROR,
+  INVENTORY_REPORTS_DOWNLOAD,
+  INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN,
+} from './DashboardConstants';
+import { selectActiveTab } from './DashboardSelectors';
+
+export const startPolling = (accountID, pollingProcessID) => ({
+  type: INVENTORY_POLLING_START,
+  payload: {
+    accountID,
+    pollingProcessID,
+  },
+});
+
+export const stopPolling = (accountID, pollingProcessID) => dispatch => {
+  clearInterval(pollingProcessID);
+  dispatch({
+    type: INVENTORY_POLLING_STOP,
+    payload: {
+      accountID,
+    },
+  });
+};
+
+export const fetchLogs = accountID => async (dispatch, getState) => {
+  const activeTab = selectActiveTab(getState(), accountID);
+  try {
+    const processController = activeTab === 'uploading' ? 'uploads' : 'reports';
+    const {
+      data: { output, scheduled },
+    } = await API.get(`${accountID}/${processController}/last`);
+    const outputArray = output.split('\n');
+    dispatch({
+      type: INVENTORY_POLLING,
+      payload: {
+        accountID,
+        activeTab,
+        logs: outputArray,
+        scheduled,
+      },
+    });
+  } catch (error) {
+    dispatch({
+      type: INVENTORY_POLLING_ERROR,
+      payload: {
+        accountID,
+        activeTab,
+        error: error.message,
+      },
+    });
+  }
+};
+
+export const setActiveTab = (accountID, tabName) => ({
+  type: INVENTORY_TAB_CHANGED,
+  payload: {
+    accountID,
+    activeTab: tabName,
+  },
+});
+
+export const downloadReports = accountID => {
+  window.location.href = `/foreman_inventory_upload/${accountID}/uploads/file`;
+  return {
+    type: INVENTORY_REPORTS_DOWNLOAD,
+    payload: {
+      accountID,
+    },
+  };
+};
+
+export const toggleFullScreen = accountID => (dispatch, getState) => {
+  const activeTab = selectActiveTab(getState(), accountID);
+  dispatch({
+    type: INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN,
+    payload: {
+      activeTab,
+      accountID,
+    },
+  });
+};

data/webpack/ForemanInventoryUpload/Components/Dashboard/DashboardConstants.js

@@ -0,0 +1,9 @@
+export const INVENTORY_POLLING = 'INVENTORY_POLLING';
+export const INVENTORY_POLLING_START = 'INVENTORY_POLLING_START';
+export const INVENTORY_POLLING_STOP = 'INVENTORY_POLLING_STOP';
+export const INVENTORY_POLLING_ERROR = 'INVENTORY_POLLING_ERROR';
+export const INVENTORY_TAB_CHANGED = 'INVENTORY_TAB_CHANGED';
+export const INVENTORY_REPORTS_DOWNLOAD = 'INVENTORY_REPORTS_DOWNLOAD';
+export const INVENTORY_PROCESS_RESTART = 'INVENTORY_PROCESS_RESTART';
+export const INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN =
+  'INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN';

data/webpack/ForemanInventoryUpload/Components/Dashboard/DashboardReducer.js

@@ -0,0 +1,68 @@
+import Immutable from 'seamless-immutable';
+
+import {
+  INVENTORY_POLLING_START,
+  INVENTORY_POLLING,
+  INVENTORY_TAB_CHANGED,
+  INVENTORY_POLLING_ERROR,
+  INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN,
+} from './DashboardConstants';
+
+const initialState = Immutable({});
+
+export default (state = initialState, action) => {
+  const {
+    payload: {
+      accountID,
+      pollingProcessID,
+      logs,
+      error,
+      activeTab,
+      scheduled,
+    } = {},
+  } = action;
+
+  const getTabState = () =>
+    state[accountID] ? state[accountID][activeTab] : {};
+  switch (action.type) {
+    case INVENTORY_POLLING_START:
+      return state.setIn([accountID], {
+        ...state[accountID],
+        pollingProcessID,
+        activeTab: 'generating',
+      });
+    case INVENTORY_POLLING:
+      return state.setIn([accountID], {
+        ...state[accountID],
+        [activeTab]: {
+          ...getTabState(),
+          logs,
+          scheduled,
+          error: null,
+        },
+      });
+    case INVENTORY_TAB_CHANGED:
+      return state.setIn([accountID], {
+        ...state[accountID],
+        activeTab,
+      });
+    case INVENTORY_POLLING_ERROR:
+      return state.setIn([accountID], {
+        ...state[accountID],
+        [activeTab]: {
+          ...getTabState(),
+          error,
+        },
+      });
+    case INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN:
+      return state.setIn([accountID], {
+        ...state[accountID],
+        [activeTab]: {
+          ...getTabState(),
+          showFullScreen: !state[accountID][activeTab].showFullScreen,
+        },
+      });
+    default:
+      return state;
+  }
+};

data/webpack/ForemanInventoryUpload/Components/Dashboard/DashboardSelectors.js

@@ -0,0 +1,17 @@
+import { selectForemanInventoryUpload } from '../../ForemanInventoryUploadSelectors';
+
+export const selectDashboard = (state, accountID) =>
+  selectForemanInventoryUpload(state).dashboard[accountID] || {};
+export const selectUploading = (state, accountID) =>
+  selectDashboard(state, accountID).uploading;
+export const selectGenerating = (state, accountID) =>
+  selectDashboard(state, accountID).generating;
+export const selectPollingProcessID = (state, accountID) =>
+  selectDashboard(state, accountID).pollingProcessID;
+export const selectActiveTab = (state, accountID) =>
+  selectDashboard(state, accountID).activeTab || 'generating';
+export const selectShowFullScreen = (state, accountID) => {
+  const activeTab = selectActiveTab(state, accountID);
+  const tabProperties = selectDashboard(state, accountID)[activeTab];
+  return tabProperties ? tabProperties.showFullScreen || false : false;
+};

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/Dashboard.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import Dashboard from '../Dashboard';
+import { props } from '../Dashboard.fixtures';
+
+const fixtures = {
+  'with props': props,
+};
+
+describe('Dashboard', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(Dashboard, fixtures));
+
+  it('componentWillUnmount should call "stopPolling"', () => {
+    const stopPolling = jest.fn();
+    const modifiedProps = {
+      ...props,
+      stopPolling,
+    };
+    const wrapper = shallow(<Dashboard {...modifiedProps} />);
+    wrapper.unmount();
+    expect(stopPolling).toBeCalled();
+  });
+});

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/DashboardActions.test.js

@@ -0,0 +1,39 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import API from 'foremanReact/API';
+import {
+  startPolling,
+  stopPolling,
+  fetchLogs,
+  setActiveTab,
+  downloadReports,
+  toggleFullScreen,
+} from '../DashboardActions';
+import {
+  pollingProcessID,
+  serverMock,
+  activeTab,
+  accountID,
+} from '../Dashboard.fixtures';
+
+jest.mock('foremanReact/API');
+API.get.mockImplementation(() => serverMock);
+
+const runWithGetState = (state, action, params) => dispatch => {
+  const getState = () => ({
+    dashboard: state,
+  });
+  action(params)(dispatch, getState);
+};
+
+const fixtures = {
+  'should startPolling': () => startPolling(accountID, pollingProcessID),
+  'should fetchLogs': () =>
+    runWithGetState({ activeTab: 'uploads' }, fetchLogs, accountID),
+  'should stopPolling': () => stopPolling(accountID, pollingProcessID),
+  'should setActiveTab': () => setActiveTab(accountID, activeTab),
+  'should downloadReports': () => downloadReports(accountID),
+  'should toggleFullScreen': () =>
+    runWithGetState({ activeTab: 'reports' }, toggleFullScreen, accountID),
+};
+
+describe('Dashboard actions', () => testActionSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/DashboardIntegration.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IntegrationTestHelper } from 'react-redux-test-utils';
+
+import Dashboard, { reducers } from '../index';
+import { accountID } from '../Dashboard.fixtures';
+
+describe('Dashboard integration test', () => {
+  it('should flow', async () => {
+    const integrationTestHelper = new IntegrationTestHelper(reducers);
+    const component = integrationTestHelper.mount(
+      <Dashboard accountID={accountID} />
+    );
+    component.update();
+    /** Create a Flow test */
+  });
+});

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/DashboardReducer.test.js

@@ -0,0 +1,64 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import {
+  INVENTORY_POLLING_START,
+  INVENTORY_POLLING,
+  INVENTORY_TAB_CHANGED,
+  INVENTORY_POLLING_ERROR,
+} from '../DashboardConstants';
+import reducer from '../DashboardReducer';
+import {
+  pollingProcessID,
+  logs,
+  initialState,
+  activeTab,
+  error,
+  accountID,
+  scheduled,
+} from '../Dashboard.fixtures';
+
+const fixtures = {
+  'should return the initial state': initialState,
+  'should handle INVENTORY_POLLING_START': {
+    action: {
+      type: INVENTORY_POLLING_START,
+      payload: {
+        pollingProcessID,
+        accountID,
+      },
+    },
+  },
+  'should handle INVENTORY_POLLING': {
+    action: {
+      type: INVENTORY_POLLING,
+      payload: {
+        logs,
+        accountID,
+        activeTab,
+        scheduled,
+      },
+    },
+  },
+  'should handle INVENTORY_TAB_CHANGED': {
+    action: {
+      type: INVENTORY_TAB_CHANGED,
+      payload: {
+        activeTab,
+        accountID,
+      },
+    },
+  },
+  'should handle INVENTORY_POLLING_ERROR': {
+    action: {
+      type: INVENTORY_POLLING_ERROR,
+      payload: {
+        error,
+        accountID,
+        activeTab,
+      },
+    },
+  },
+};
+
+describe('Dashboard reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/DashboardSelectors.test.js

@@ -0,0 +1,45 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import {
+  selectDashboard,
+  selectPollingProcessID,
+  selectActiveTab,
+  selectUploading,
+  selectGenerating,
+} from '../DashboardSelectors';
+import {
+  logs,
+  completed,
+  pollingProcessID,
+  activeTab,
+  accountID,
+} from '../Dashboard.fixtures';
+
+const state = {
+  dashboard: {
+    [accountID]: {
+      generating: {
+        logs,
+        completed,
+      },
+      uploading: {
+        logs,
+        completed,
+      },
+      activeTab,
+      pollingProcessID,
+    },
+  },
+};
+
+const fixtures = {
+  'should return Dashboard': () => selectDashboard(state, accountID),
+  'should return Dashboard uploading': () => selectUploading(state, accountID),
+  'should return Dashboard generating': () =>
+    selectGenerating(state, accountID),
+  'should return Dashboard pollingProcessID': () =>
+    selectPollingProcessID(state, accountID),
+  'should return Dashboard activeTab': () => selectActiveTab(state, accountID),
+};
+
+describe('Dashboard selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/__snapshots__/Dashboard.test.js.snap

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard rendering with props 1`] = `
+<NavContainer
+  items={
+    Array [
+      Object {
+        "component": [Function],
+        "icon": "database",
+        "name": "Generating",
+        "onClick": [Function],
+        "props": Object {
+          "exitCode": "unknown",
+          "restartProcess": [Function],
+          "toggleFullScreen": [Function],
+        },
+      },
+      Object {
+        "component": [Function],
+        "icon": "cloud-upload",
+        "name": "Uploading",
+        "onClick": [Function],
+        "props": Object {
+          "downloadReports": [Function],
+          "exitCode": "unknown",
+          "restartProcess": [Function],
+          "toggleFullScreen": [Function],
+        },
+      },
+    ]
+  }
+  showFullScreen={false}
+  terminalProps={Object {}}
+  toggleFullScreen={[Function]}
+/>
+`;

data/webpack/ForemanInventoryUpload/Components/Dashboard/__tests__/__snapshots__/DashboardActions.test.js.snap

@@ -0,0 +1,76 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard actions should downloadReports 1`] = `
+Object {
+  "payload": Object {
+    "accountID": "some-account-ID",
+  },
+  "type": "INVENTORY_REPORTS_DOWNLOAD",
+}
+`;
+
+exports[`Dashboard actions should fetchLogs 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "accountID": "some-account-ID",
+        "activeTab": "generating",
+        "logs": Array [
+          "some-logs",
+          "some-logs",
+        ],
+        "scheduled": "2019-08-21T16:14:16.520+03:00",
+      },
+      "type": "INVENTORY_POLLING",
+    },
+  ],
+]
+`;
+
+exports[`Dashboard actions should setActiveTab 1`] = `
+Object {
+  "payload": Object {
+    "accountID": "some-account-ID",
+    "activeTab": "uploads",
+  },
+  "type": "INVENTORY_TAB_CHANGED",
+}
+`;
+
+exports[`Dashboard actions should startPolling 1`] = `
+Object {
+  "payload": Object {
+    "accountID": "some-account-ID",
+    "pollingProcessID": 1,
+  },
+  "type": "INVENTORY_POLLING_START",
+}
+`;
+
+exports[`Dashboard actions should stopPolling 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "accountID": "some-account-ID",
+      },
+      "type": "INVENTORY_POLLING_STOP",
+    },
+  ],
+]
+`;
+
+exports[`Dashboard actions should toggleFullScreen 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "accountID": "some-account-ID",
+        "activeTab": "generating",
+      },
+      "type": "INVENTORY_TOGGLE_TERMINAL_FULL_SCREEN",
+    },
+  ],
+]
+`;