foreman_rh_cloud 0.9.4

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,35 @@
+// 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",
+          "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",
+    },
+  ],
+]
+`;