foreman_inventory_upload 1.0.0.beta1 → 1.0.0.beta2

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

@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING 1`] = `
+Object {
+  "some-account-ID": Object {
+    "uploads": Object {
+      "error": null,
+      "logs": Array [
+        "some-logs...",
+      ],
+      "scheduled": "2019-08-21T16:14:16.520+03:00",
+    },
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING_ERROR 1`] = `
+Object {
+  "some-account-ID": Object {
+    "uploads": Object {
+      "error": "some-error",
+    },
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_POLLING_START 1`] = `
+Object {
+  "some-account-ID": Object {
+    "activeTab": "generating",
+    "pollingProcessID": 1,
+  },
+}
+`;
+
+exports[`Dashboard reducer should handle INVENTORY_TAB_CHANGED 1`] = `
+Object {
+  "some-account-ID": Object {
+    "activeTab": "uploads",
+  },
+}
+`;
+
+exports[`Dashboard reducer should return the initial state 1`] = `Object {}`;

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

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dashboard selectors should return Dashboard 1`] = `
+Object {
+  "activeTab": "uploads",
+  "generating": Object {
+    "completed": 25,
+    "logs": Array [
+      "some-logs...",
+    ],
+  },
+  "pollingProcessID": 1,
+  "uploading": Object {
+    "completed": 25,
+    "logs": Array [
+      "some-logs...",
+    ],
+  },
+}
+`;
+
+exports[`Dashboard selectors should return Dashboard activeTab 1`] = `"uploads"`;
+
+exports[`Dashboard selectors should return Dashboard generating 1`] = `
+Object {
+  "completed": 25,
+  "logs": Array [
+    "some-logs...",
+  ],
+}
+`;
+
+exports[`Dashboard selectors should return Dashboard pollingProcessID 1`] = `1`;
+
+exports[`Dashboard selectors should return Dashboard uploading 1`] = `
+Object {
+  "completed": 25,
+  "logs": Array [
+    "some-logs...",
+  ],
+}
+`;

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

@@ -0,0 +1,37 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import * as actions from './DashboardActions';
+import { restartProcess } from '../AccountList/AccountListActions';
+import reducer from './DashboardReducer';
+
+import Dashboard from './Dashboard';
+import {
+  selectUploading,
+  selectGenerating,
+  selectPollingProcessID,
+  selectActiveTab,
+  selectShowFullScreen,
+} from './DashboardSelectors';
+
+// map state to props
+const mapStateToProps = (state, { accountID }) => ({
+  uploading: selectUploading(state, accountID),
+  generating: selectGenerating(state, accountID),
+  pollingProcessID: selectPollingProcessID(state, accountID),
+  activeTab: selectActiveTab(state, accountID),
+  showFullScreen: selectShowFullScreen(state, accountID),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = dispatch =>
+  bindActionCreators({ ...actions, restartProcess }, dispatch);
+
+// export reducers
+export const reducers = { dashboard: reducer };
+
+// export connected component
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Dashboard);

data/webpack/ForemanInventoryUpload/Components/FileDownload/FileDownload.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noop, Grid, Button, Icon } from 'patternfly-react';
+import './fileDownload.scss';
+
+const FileDownload = ({ onClick }) => (
+  <Grid.Col sm={12}>
+    <Button onClick={onClick} className="download-button">
+      Download Report <Icon name="download" />
+    </Button>
+  </Grid.Col>
+);
+
+FileDownload.propTypes = {
+  onClick: PropTypes.func,
+};
+
+FileDownload.defaultProps = {
+  onClick: noop,
+};
+
+export default FileDownload;

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

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import FileDownload from '../FileDownload';
+
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
+
+describe('FileDownload', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(FileDownload, fixtures));
+});

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FileDownload rendering render without Props 1`] = `
+<Col
+  bsClass="col"
+  componentClass="div"
+  sm={12}
+>
+  <Button
+    active={false}
+    block={false}
+    bsClass="btn"
+    bsStyle="default"
+    className="download-button"
+    disabled={false}
+    onClick={[Function]}
+  >
+    Download Report 
+    <Icon
+      name="download"
+      type="fa"
+    />
+  </Button>
+</Col>
+`;

data/webpack/ForemanInventoryUpload/Components/FileDownload/fileDownload.scss

@@ -0,0 +1,3 @@
+button {
+  float: right;
+}

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

@@ -0,0 +1 @@
+export { default } from './FileDownload';

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

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Icon, noop } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import Terminal from '../Terminal';
+import './fullScreenModal.scss';
+
+const FullScreenModal = ({
+  showFullScreen,
+  toggleFullScreen,
+  terminalProps,
+}) => (
+  <Modal show={showFullScreen} onHide={toggleFullScreen}>
+    <Modal.Header>
+      <button
+        className="close"
+        onClick={toggleFullScreen}
+        aria-hidden="true"
+        aria-label="Close"
+      >
+        <Icon type="pf" name="close" />
+      </button>
+      <Modal.Title>{__('Full Screen')}</Modal.Title>
+    </Modal.Header>
+    <Modal.Body>
+      <Terminal autoScroll={false} {...terminalProps} />
+    </Modal.Body>
+  </Modal>
+);
+
+FullScreenModal.propTypes = {
+  showFullScreen: PropTypes.bool,
+  toggleFullScreen: PropTypes.func,
+  terminalProps: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    error: PropTypes.string,
+  }),
+};
+
+FullScreenModal.defaultProps = {
+  showFullScreen: false,
+  toggleFullScreen: noop,
+  terminalProps: {},
+};
+
+export default FullScreenModal;

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

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import FullScreenModal from '../FullScreenModal';
+
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
+
+describe('FullScreenModal', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(FullScreenModal, fixtures));
+});

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

@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FullScreenModal rendering render without Props 1`] = `
+<Modal
+  animation={true}
+  autoFocus={true}
+  backdrop={true}
+  bsClass="modal"
+  dialogComponentClass={[Function]}
+  enforceFocus={true}
+  keyboard={true}
+  manager={
+    ModalManager {
+      "add": [Function],
+      "containers": Array [],
+      "data": Array [],
+      "handleContainerOverflow": true,
+      "hideSiblingNodes": true,
+      "isTopModal": [Function],
+      "modals": Array [],
+      "remove": [Function],
+    }
+  }
+  onHide={[Function]}
+  renderBackdrop={[Function]}
+  restoreFocus={true}
+  show={false}
+>
+  <ModalHeader
+    bsClass="modal-header"
+    closeButton={false}
+    closeLabel="Close"
+  >
+    <button
+      aria-hidden="true"
+      aria-label="Close"
+      className="close"
+      onClick={[Function]}
+    >
+      <Icon
+        name="close"
+        type="pf"
+      />
+    </button>
+    <ModalTitle
+      bsClass="modal-title"
+      componentClass="h4"
+    >
+      Full Screen
+    </ModalTitle>
+  </ModalHeader>
+  <ModalBody
+    bsClass="modal-body"
+    componentClass="div"
+  >
+    <Terminal
+      autoScroll={false}
+      error={null}
+      exitCode=""
+      logs={null}
+    />
+  </ModalBody>
+</Modal>
+`;

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

@@ -0,0 +1,10 @@
+.modal-dialog {
+  width: 95%;
+
+  .modal-body,
+  .terminal {
+    height: -webkit-fill-available;
+    height: -moz-available;
+    height: fill-available;
+  }
+}

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

@@ -0,0 +1 @@
+export { default } from './FullScreenModal';

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

@@ -0,0 +1,10 @@
+export const props = {
+  items: [
+    {
+      icon: 'some-icon',
+      name: 'some-name',
+      component: jest.fn,
+      onClick: jest.fn,
+    },
+  ],
+};

data/webpack/ForemanInventoryUpload/Components/NavContainer/NavContainer.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  TabContainer,
+  Nav,
+  NavItem,
+  TabContent,
+  TabPane,
+  Icon,
+  noop,
+} from 'patternfly-react';
+import './navContainer.scss';
+import FullScreenModal from '../FullScreenModal';
+
+const NavContainer = ({
+  items,
+  showFullScreen,
+  toggleFullScreen,
+  terminalProps,
+}) => {
+  const navItems = items.map((item, index) => {
+    const { name, icon, onClick } = item;
+    return (
+      <NavItem
+        key={index}
+        eventKey={index}
+        onClick={onClick}
+        className="nav_item"
+      >
+        <Icon name={icon} size="2x" />
+        <p>{name}</p>
+      </NavItem>
+    );
+  });
+  const tabComponents = items.map(({ component: Component, props }, index) => (
+    <TabPane key={index} eventKey={index}>
+      <Component {...props} />
+    </TabPane>
+  ));
+  return (
+    <TabContainer id="basic-tabs-pf" defaultActiveKey={0}>
+      <div className="dashboard">
+        <Nav bsClass="nav nav-tabs nav-tabs-pf">{navItems}</Nav>
+        <TabContent animation>{tabComponents}</TabContent>
+        <FullScreenModal
+          showFullScreen={showFullScreen}
+          toggleFullScreen={toggleFullScreen}
+          terminalProps={terminalProps}
+        />
+      </div>
+    </TabContainer>
+  );
+};
+
+NavContainer.propTypes = {
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      icon: PropTypes.string,
+      name: PropTypes.string,
+      component: PropTypes.func,
+      onClick: PropTypes.func,
+    })
+  ),
+  showFullScreen: PropTypes.bool,
+  toggleFullScreen: PropTypes.func,
+  terminalProps: PropTypes.shape({
+    exitCode: PropTypes.string,
+    logs: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.string,
+    ]),
+    error: PropTypes.string,
+  }),
+};
+
+NavContainer.defaultProps = {
+  items: [],
+  showFullScreen: false,
+  toggleFullScreen: noop,
+  terminalProps: {},
+};
+
+export default NavContainer;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import NavContainer from '../NavContainer';
+import { props } from '../NavContainer.fixtures';
+
+const fixtures = {
+  'render without Props': {},
+  'render with Props': props,
+};
+
+describe('NavContainer', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(NavContainer, fixtures));
+
+  it('click should call onTabClick prop', () => {
+    const onTabClick = jest.fn();
+    const modifiedProps = {
+      ...props,
+    };
+    modifiedProps.items[0].onClick = onTabClick;
+    const wrapper = mount(<NavContainer {...modifiedProps} />);
+    wrapper.find('NavItem a').simulate('click');
+    expect(onTabClick).toBeCalled();
+  });
+});

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

@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NavContainer rendering render with Props 1`] = `
+<Uncontrolled(TabContainer)
+  defaultActiveKey={0}
+  id="basic-tabs-pf"
+>
+  <div
+    className="dashboard"
+  >
+    <Nav
+      bsClass="nav nav-tabs nav-tabs-pf"
+      justified={false}
+      pullLeft={false}
+      pullRight={false}
+      stacked={false}
+    >
+      <NavItem
+        active={false}
+        className="nav_item"
+        disabled={false}
+        eventKey={0}
+        key="0"
+        onClick={[Function]}
+      >
+        <Icon
+          name="some-icon"
+          size="2x"
+          type="fa"
+        />
+        <p>
+          some-name
+        </p>
+      </NavItem>
+    </Nav>
+    <TabContent
+      animation={true}
+      bsClass="tab"
+      componentClass="div"
+      mountOnEnter={false}
+      unmountOnExit={false}
+    >
+      <TabPane
+        bsClass="tab-pane"
+        eventKey={0}
+        key="0"
+      >
+        <bound fn />
+      </TabPane>
+    </TabContent>
+    <FullScreenModal
+      showFullScreen={false}
+      terminalProps={Object {}}
+      toggleFullScreen={[Function]}
+    />
+  </div>
+</Uncontrolled(TabContainer)>
+`;
+
+exports[`NavContainer rendering render without Props 1`] = `
+<Uncontrolled(TabContainer)
+  defaultActiveKey={0}
+  id="basic-tabs-pf"
+>
+  <div
+    className="dashboard"
+  >
+    <Nav
+      bsClass="nav nav-tabs nav-tabs-pf"
+      justified={false}
+      pullLeft={false}
+      pullRight={false}
+      stacked={false}
+    />
+    <TabContent
+      animation={true}
+      bsClass="tab"
+      componentClass="div"
+      mountOnEnter={false}
+      unmountOnExit={false}
+    />
+    <FullScreenModal
+      showFullScreen={false}
+      terminalProps={Object {}}
+      toggleFullScreen={[Function]}
+    />
+  </div>
+</Uncontrolled(TabContainer)>
+`;

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

@@ -0,0 +1 @@
+export { default } from './NavContainer';

data/webpack/ForemanInventoryUpload/Components/NavContainer/navContainer.scss

@@ -0,0 +1,7 @@
+.dashboard {
+  .nav_item {
+    font-size: 12px;
+    text-align: center;
+    width: 130px;
+  }
+}

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

@@ -0,0 +1,16 @@
+import { noop } from 'patternfly-react';
+
+export const exitCode = 'exit 0';
+export const logs = ['No running process'];
+export const completed = 0;
+export const restartProcess = noop;
+export const error = null;
+export const scheduled = '2019-08-21T16:14:16.520+03:00';
+export const props = {
+  exitCode,
+  logs,
+  completed,
+  restartProcess,
+  error,
+  scheduled,
+};

data/webpack/ForemanInventoryUpload/Components/ReportGenerate/ReportGenerate.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { noop } from 'patternfly-react';
+import TabContainer from '../TabContainer';
+import TabHeader from '../TabHeader';
+import TabBody from '../TabBody';
+import './reportGenerate.scss';
+
+const ReportGenerate = ({
+  exitCode,
+  logs,
+  completed,
+  error,
+  restartProcess,
+  toggleFullScreen,
+  scheduled,
+}) => (
+  <TabContainer className="report-generate">
+    <TabHeader
+      exitCode={exitCode}
+      onRestart={restartProcess}
+      toggleFullScreen={toggleFullScreen}
+    />
+    <TabBody
+      exitCode={exitCode}
+      logs={logs}
+      completed={completed}
+      error={error}
+      scheduled={scheduled}
+    />
+  </TabContainer>
+);
+
+ReportGenerate.propTypes = {
+  exitCode: PropTypes.string,
+  logs: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.string,
+  ]),
+  completed: PropTypes.number,
+  error: PropTypes.string,
+  restartProcess: PropTypes.func,
+  toggleFullScreen: PropTypes.func,
+  scheduled: PropTypes.string,
+};
+
+ReportGenerate.defaultProps = {
+  exitCode: '',
+  logs: null,
+  completed: 0,
+  error: null,
+  restartProcess: noop,
+  toggleFullScreen: noop,
+  scheduled: null,
+};
+
+export default ReportGenerate;

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

@@ -0,0 +1,14 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+
+import ReportGenerate from '../ReportGenerate';
+import { props } from '../ReportGenerate.fixtures';
+
+const fixtures = {
+  'render without Props': {},
+  'render with Props': props,
+};
+
+describe('ReportGenerate', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(ReportGenerate, fixtures));
+});