foreman_inventory_upload 0.0.1.dev1 → 0.9.0

data/webpack/ForemanInventoryUpload/Components/AccountList/__tests__/__snapshots__/AccountListReducer.test.js.snap

@@ -0,0 +1,69 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccountList reducer should handle INVENTORY_ACCOUNT_STATUS_POLLING 1`] = `
+Object {
+  "accounts": Object {
+    "Account1": Object {
+      "generate_report_status": "running",
+      "label": "test_org1",
+      "upload_report_status": "running",
+    },
+    "Account2": Object {
+      "generate_report_status": "failure",
+      "label": "test_org2",
+      "upload_report_status": "unknown",
+    },
+    "Account3": Object {
+      "generate_report_status": "running",
+      "label": "test_org3",
+      "upload_report_status": "success",
+    },
+  },
+  "error": null,
+  "pollingProcessID": 0,
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_ACCOUNT_STATUS_POLLING_ERROR 1`] = `
+Object {
+  "accounts": Object {},
+  "error": "some-error",
+  "pollingProcessID": 0,
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_ACCOUNT_STATUS_POLLING_START 1`] = `
+Object {
+  "accounts": Object {},
+  "error": null,
+  "pollingProcessID": 0,
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_ACCOUNT_STATUS_POLLING_STOP 1`] = `
+Object {
+  "accounts": Object {},
+  "error": null,
+  "pollingProcessID": 0,
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_PROCESS_RESTART 1`] = `
+Object {
+  "accounts": Object {
+    "user@redhat.com": Object {
+      "upload_report_status": "Restarting...",
+    },
+  },
+  "error": null,
+  "pollingProcessID": 0,
+}
+`;
+
+exports[`AccountList reducer should return the initial state 1`] = `
+Object {
+  "accounts": Object {},
+  "error": null,
+  "pollingProcessID": 0,
+}
+`;

data/webpack/ForemanInventoryUpload/Components/AccountList/__tests__/__snapshots__/AccountListSelectors.test.js.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccountList selectors should return AccountList pollingProcessID 1`] = `0`;
+
+exports[`AccountList selectors should return AccountList accounts 1`] = `
+Object {
+  "Account1": Object {
+    "generate_report_status": "running",
+    "label": "test_org1",
+    "upload_report_status": "running",
+  },
+  "Account2": Object {
+    "generate_report_status": "failure",
+    "label": "test_org2",
+    "upload_report_status": "unknown",
+  },
+  "Account3": Object {
+    "generate_report_status": "running",
+    "label": "test_org3",
+    "upload_report_status": "success",
+  },
+}
+`;
+
+exports[`AccountList selectors should return AccountsList 1`] = `
+Object {
+  "accounts": Object {
+    "Account1": Object {
+      "generate_report_status": "running",
+      "label": "test_org1",
+      "upload_report_status": "running",
+    },
+    "Account2": Object {
+      "generate_report_status": "failure",
+      "label": "test_org2",
+      "upload_report_status": "unknown",
+    },
+    "Account3": Object {
+      "generate_report_status": "running",
+      "label": "test_org3",
+      "upload_report_status": "success",
+    },
+  },
+  "pollingProcessID": 0,
+}
+`;

data/webpack/ForemanInventoryUpload/Components/AccountList/accountList.scss

@@ -0,0 +1,9 @@
+.account_list {
+  .list-view-pf-expand {
+    margin-top: 25px;
+  }
+
+  .list-group-item-container {
+    min-height: 435px;
+  }
+}

data/webpack/ForemanInventoryUpload/Components/AccountList/index.js

@@ -0,0 +1,27 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import * as actions from './AccountListActions';
+import reducer from './AccountListReducer';
+import AccountList from './AccountList';
+import {
+  selectAccounts,
+  selectPollingProcessID,
+  selectError,
+} from './AccountListSelectors';
+
+// map state to props
+const mapStateToProps = state => ({
+  accounts: selectAccounts(state),
+  pollingProcessID: selectPollingProcessID(state),
+  error: selectError(state),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+// export reducers
+export const reducers = { accountsList: reducer };
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(AccountList);

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

@@ -0,0 +1,50 @@
+import { noop } from 'patternfly-react';
+
+export const pollingProcessID = 1;
+
+export const logs = ['some-logs...'];
+
+export const completed = 25;
+
+export const error = 'some-error';
+
+export const inventory = {
+  generating: {
+    logs,
+    completed,
+  },
+  uploading: {
+    logs,
+    completed,
+    files,
+  },
+};
+
+export const accountID = 'some-account-ID';
+
+export const exitCode = 0;
+
+export const files = ['some-file'];
+
+export const activeTab = 'uploads';
+
+export const scheduled = '2019-08-21T16:14:16.520+03:00';
+
+export const serverMock = {
+  data: { output: 'some-logs\nsome-logs', status: exitCode, scheduled },
+};
+
+export const initialState = {};
+
+export const props = {
+  accountID,
+  uploading: {},
+  generating: {},
+  startPolling: noop,
+  fetchLogs: noop,
+  stopPolling: noop,
+  setActiveTab: noop,
+  restartProcess: noop,
+  downloadReports: noop,
+  pollingProcessID: 0,
+};

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,
+      account,
+      showFullScreen,
+      activeTab,
+    } = this.props;
+    return (
+      <NavContainer
+        items={[
+          {
+            icon: 'database',
+            name: __('Generating'),
+            component: ReportGenerate,
+            props: {
+              ...generating,
+              restartProcess: this.handleRestart,
+              exitCode: account.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: account.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,
+  account: 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,
+  account: {
+    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 */
+  });
+});