foreman_rh_cloud 1.0.9 → 1.0.10

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/FullScreenModal.js

@@ -10,7 +10,11 @@ const FullScreenModal = ({
   toggleFullScreen,
   terminalProps,
 }) => (
-  <Modal show={showFullScreen} onHide={toggleFullScreen}>
+  <Modal
+    id="full-screen-terminal"
+    show={showFullScreen}
+    onHide={toggleFullScreen}
+  >
     <Modal.Header>
       <button
         className="close"

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

@@ -8,6 +8,7 @@ exports[`FullScreenModal rendering render without Props 1`] = `
   bsClass="modal"
   dialogComponentClass={[Function]}
   enforceFocus={true}
+  id="full-screen-terminal"
   keyboard={true}
   manager={
     ModalManager {

data/webpack/ForemanInventoryUpload/Components/FullScreenModal/fullScreenModal.scss

@@ -1,18 +1,20 @@
-.modal-dialog {
-  width: 95%;
-  height: 95%;
-  margin: 30px 0 0 30px;
+#full-screen-terminal {
+  .modal-dialog {
+    width: 95%;
+    height: 95%;
+    margin: 30px 0 0 30px;
 
-  .modal-body {
-    padding: 0;
-    display: flex;
-    height: -webkit-fill-available;
-    height: -moz-available;
-    height: fill-available;
+    .modal-body {
+      padding: 0;
+      display: flex;
+      height: -webkit-fill-available;
+      height: -moz-available;
+      height: fill-available;
 
-    .terminal {
-      margin: 0 -20px;
-      height: 100%;
+      .terminal {
+        margin: 0 -20px;
+        height: 100%;
+      }
     }
   }
 }

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/__tests__/__snapshots__/integration.test.js.snap

@@ -14,6 +14,11 @@ Object {
   ],
   "state": Object {
     "ForemanRhCloud": Object {
+      "InsightsCloudSync": Object {
+        "settings": Object {
+          "insightsSyncEnabled": false,
+        },
+      },
       "inventoryUpload": Object {
         "accountsList": Object {
           "accounts": Object {},
@@ -24,6 +29,7 @@ Object {
         "inventoryFilter": Object {
           "filterTerm": "some_new_filter",
         },
+        "inventorySync": Object {},
       },
     },
   },

data/webpack/ForemanInventoryUpload/Components/PageHeader/PageHeader.js

@@ -26,7 +26,7 @@ const PageHeader = () => (
       <Grid.Col xs={4}>
         <InventoryFilter />
       </Grid.Col>
-      <Grid.Col xs={4} xsOffset={4}>
+      <Grid.Col xs={6} xsOffset={2}>
         <ToolbarButtons />
       </Grid.Col>
     </Grid.Row>

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

@@ -14,7 +14,7 @@ exports[`PageHeader rendering render without Props 1`] = `
       <h1
         className="inventory_title"
       >
-        Red Hat Inventory Uploads
+        Red Hat Inventory
       </h1>
     </Col>
   </Row>
@@ -51,8 +51,8 @@ exports[`PageHeader rendering render without Props 1`] = `
     <Col
       bsClass="col"
       componentClass="div"
-      xs={4}
-      xsOffset={4}
+      xs={6}
+      xsOffset={2}
     >
       <ToolbarButtons />
     </Col>

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/DocsButton/DocsButton.js

@@ -8,6 +8,7 @@ const DocsButton = () => (
     href={getInventoryDocsUrl()}
     target="_blank"
     rel="noopener noreferrer"
+    bsSize="lg"
   >
     <Icon type="pf" name="help" />
     {DOCS_BUTTON_TEXT}

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/DocsButton/__tests__/__snapshots__/DocsButton.test.js.snap

@@ -5,6 +5,7 @@ exports[`DocsButton rendering render without Props 1`] = `
   active={false}
   block={false}
   bsClass="btn"
+  bsSize="lg"
   bsStyle="default"
   disabled={false}
   href="https://access.redhat.com/products/subscription-central"

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/HistoryButton/HistoryButton.js

@@ -9,6 +9,7 @@ const HistoryButton = () => (
     href={getActionsHistoryUrl()}
     target="_blank"
     rel="noopener noreferrer"
+    bsSize="lg"
   >
     <Icon name="history" />
     {ACTIONS_HISTORY_BUTTON_TEXT}

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/HistoryButton/__tests__/__snapshots__/HistoryButton.test.js.snap

@@ -5,6 +5,7 @@ exports[`HistoryButton rendering render without Props 1`] = `
   active={false}
   block={false}
   bsClass="btn"
+  bsSize="lg"
   bsStyle="default"
   className="tasks_history_button"
   disabled={false}

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButton.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Icon, Spinner } from 'patternfly-react';
+import { STATUS } from 'foremanReact/constants';
+import SyncModal from './components/Modal';
+import { SYNC_BUTTON_TEXT } from '../../../../ForemanInventoryConstants';
+
+class SyncButton extends React.Component {
+  state = {
+    showModal: false,
+  };
+
+  toggleModal = () => {
+    this.setState({ showModal: !this.state.showModal });
+  };
+
+  render() {
+    const { cloudToken, handleSync, status } = this.props;
+
+    const handleClick = !cloudToken ? this.toggleModal : handleSync;
+    return (
+      <React.Fragment>
+        <SyncModal show={this.state.showModal} toggleModal={this.toggleModal} />
+        <Button className="sync_button" onClick={handleClick} bsSize="lg">
+          {!cloudToken && (
+            <span>
+              <Icon name="warning" />{' '}
+            </span>
+          )}
+          {status === STATUS.PENDING ? (
+            <Spinner loading size="xs" />
+          ) : (
+            <Icon name="refresh" />
+          )}
+          {SYNC_BUTTON_TEXT}
+        </Button>
+      </React.Fragment>
+    );
+  }
+}
+
+SyncButton.propTypes = {
+  cloudToken: PropTypes.string.isRequired,
+  handleSync: PropTypes.func.isRequired,
+  status: PropTypes.string,
+};
+
+SyncButton.defaultProps = {
+  status: null,
+};
+
+export default SyncButton;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonActions.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import API from 'foremanReact/API';
+import { addToast } from 'foremanReact/redux/actions/toasts';
+import { inventoryUrl } from '../../../../ForemanInventoryHelpers';
+import Toast from './components/Toast';
+import {
+  INVENTORY_SYNC_REQUEST,
+  INVENTORY_SYNC_SUCCESS,
+  INVENTORY_SYNC_FAILURE,
+} from './SyncButtonConstants';
+
+export const handleSync = () => async dispatch => {
+  dispatch({
+    type: INVENTORY_SYNC_REQUEST,
+    payload: {},
+  });
+  try {
+    const {
+      data: { syncHosts, disconnectHosts },
+    } = await API.post(inventoryUrl('tasks'));
+    dispatch({
+      type: INVENTORY_SYNC_SUCCESS,
+      payload: {
+        syncHosts,
+        disconnectHosts,
+      },
+    });
+
+    dispatch(
+      addToast({
+        sticky: true,
+        type: 'success',
+        message: (
+          <Toast syncHosts={syncHosts} disconnectHosts={disconnectHosts} />
+        ),
+      })
+    );
+  } catch ({
+    message,
+    response: { data: { message: toastMessage } = {} } = {},
+  }) {
+    dispatch({
+      type: INVENTORY_SYNC_FAILURE,
+      payload: {
+        error: message,
+      },
+    });
+
+    if (toastMessage) {
+      dispatch(
+        addToast({
+          sticky: true,
+          type: 'error',
+          message: toastMessage,
+        })
+      );
+    }
+  }
+};

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonConstants.js

@@ -0,0 +1,3 @@
+export const INVENTORY_SYNC_REQUEST = 'INVENTORY_SYNC_REQUEST';
+export const INVENTORY_SYNC_SUCCESS = 'INVENTORY_SYNC_SUCCESS';
+export const INVENTORY_SYNC_FAILURE = 'INVENTORY_SYNC_FAILURE';

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonReducer.js

@@ -0,0 +1,36 @@
+import Immutable from 'seamless-immutable';
+import { STATUS } from 'foremanReact/constants';
+import {
+  INVENTORY_SYNC_REQUEST,
+  INVENTORY_SYNC_SUCCESS,
+  INVENTORY_SYNC_FAILURE,
+} from './SyncButtonConstants';
+
+export default (
+  state = Immutable({}),
+  { type, payload: { syncHosts, disconnectHosts, error } = {} }
+) => {
+  switch (type) {
+    case INVENTORY_SYNC_REQUEST:
+      return state.merge({
+        ...state,
+        status: STATUS.PENDING,
+        error: null,
+      });
+    case INVENTORY_SYNC_SUCCESS:
+      return state.merge({
+        ...state,
+        status: STATUS.RESOLVED,
+        syncHosts,
+        disconnectHosts,
+      });
+    case INVENTORY_SYNC_FAILURE:
+      return state.merge({
+        ...state,
+        status: STATUS.ERROR,
+        error,
+      });
+    default:
+      return state;
+  }
+};

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/SyncButtonSelectors.js

@@ -0,0 +1,13 @@
+import { selectForemanInventoryUpload } from '../../../../../ForemanRhCloudSelectors';
+
+export const selectInventorySync = state =>
+  selectForemanInventoryUpload(state).inventorySync;
+
+export const selectStatus = state => selectInventorySync(state).status;
+
+export const selectError = state => selectInventorySync(state).error;
+
+export const selectSyncHosts = state => selectInventorySync(state).syncHosts;
+
+export const selectDisconnectHosts = state =>
+  selectInventorySync(state).disconnectHosts;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButton.test.js

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { noop } from 'patternfly-react';
+
+import SyncButton from '../SyncButton';
+
+const fixtures = {
+  'render with Props': { cloudToken: '1234', handleSync: noop },
+};
+
+describe('SyncButton', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(SyncButton, fixtures));
+});

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonActions.test.js

@@ -0,0 +1,13 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import API from 'foremanReact/API';
+import { handleSync } from '../SyncButtonActions';
+import { successResponse } from './SyncButtonFixtures';
+
+jest.mock('foremanReact/API');
+API.post.mockImplementation(async () => successResponse);
+
+const fixtures = {
+  'should handleSync': () => handleSync(),
+};
+
+describe('SyncButton actions', () => testActionSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonFixtures.js

@@ -0,0 +1,9 @@
+export const syncHosts = 1;
+
+export const disconnectHosts = 0;
+
+export const successResponse = { data: { syncHosts, disconnectHosts } };
+
+export const status = 'RESOLVED';
+
+export const error = 'some-error';

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonReducer.test.js

@@ -0,0 +1,33 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import reducer from '../SyncButtonReducer';
+import { syncHosts, disconnectHosts, error } from './SyncButtonFixtures';
+import {
+  INVENTORY_SYNC_REQUEST,
+  INVENTORY_SYNC_SUCCESS,
+  INVENTORY_SYNC_FAILURE,
+} from '../SyncButtonConstants';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle INVENTORY_SYNC_REQUEST': {
+    action: {
+      type: INVENTORY_SYNC_REQUEST,
+      payload: {},
+    },
+  },
+  'should handle INVENTORY_SYNC_SUCCESS': {
+    action: {
+      type: INVENTORY_SYNC_SUCCESS,
+      payload: { syncHosts, disconnectHosts },
+    },
+  },
+  'should handle INVENTORY_SYNC_FAILURE': {
+    action: {
+      type: INVENTORY_SYNC_FAILURE,
+      payload: { error },
+    },
+  },
+};
+
+describe('AccountList reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/SyncButtonSelectors.test.js

@@ -0,0 +1,36 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import { inventoryStateWrapper } from '../../../../../../ForemanRhCloudTestHelpers';
+import {
+  status,
+  error,
+  syncHosts,
+  disconnectHosts,
+} from './SyncButtonFixtures';
+import {
+  selectInventorySync,
+  selectStatus,
+  selectError,
+  selectSyncHosts,
+  selectDisconnectHosts,
+} from '../SyncButtonSelectors';
+
+const state = inventoryStateWrapper({
+  inventorySync: {
+    status,
+    error,
+    syncHosts,
+    disconnectHosts,
+  },
+});
+
+const fixtures = {
+  'should return InventorySync': () => selectInventorySync(state),
+  'should return InventorySync status': () => selectStatus(state),
+  'should return InventorySync error': () => selectError(state),
+  'should return InventorySync SyncHosts': () => selectSyncHosts(state),
+  'should return InventorySync disconnectHosts': () =>
+    selectDisconnectHosts(state),
+};
+
+describe('SyncButton selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/SyncButton.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncButton rendering render with Props 1`] = `
+<Fragment>
+  <SyncModal
+    show={false}
+    toggleModal={[Function]}
+  />
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsSize="lg"
+    bsStyle="default"
+    className="sync_button"
+    disabled={false}
+    onClick={[Function]}
+  >
+    <Icon
+      name="refresh"
+      type="fa"
+    />
+     Sync inventory status
+  </Button>
+</Fragment>
+`;