foreman_inventory_upload 0.0.1.dev1 → 0.9.0

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`] = `
+<ForwardRef
+  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>
+</ForwardRef>
+`;
+
+exports[`NavContainer rendering render without Props 1`] = `
+<ForwardRef
+  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>
+</ForwardRef>
+`;

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));
+});

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

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ReportGenerate rendering render with Props 1`] = `
+<TabContainer
+  className="report-generate"
+>
+  <TabHeader
+    exitCode="exit 0"
+    onDownload={null}
+    onRestart={[Function]}
+    toggleFullScreen={[Function]}
+  />
+  <TabBody
+    completed={0}
+    error={null}
+    exitCode="exit 0"
+    logs={
+      Array [
+        "No running process",
+      ]
+    }
+    scheduled="2019-08-21T16:14:16.520+03:00"
+  />
+</TabContainer>
+`;
+
+exports[`ReportGenerate rendering render without Props 1`] = `
+<TabContainer
+  className="report-generate"
+>
+  <TabHeader
+    exitCode=""
+    onDownload={null}
+    onRestart={[Function]}
+    toggleFullScreen={[Function]}
+  />
+  <TabBody
+    completed={0}
+    error={null}
+    exitCode=""
+    logs={null}
+    scheduled={null}
+  />
+</TabContainer>
+`;

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

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

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

@@ -0,0 +1,18 @@
+import { noop } from 'patternfly-react';
+
+export const files = ['some-file'];
+export const exitCode = 'exit 0';
+export const logs = ['No running process'];
+export const completed = 0;
+export const restartProcess = noop;
+export const downloadReports = noop;
+export const error = null;
+export const props = {
+  files,
+  exitCode,
+  logs,
+  completed,
+  restartProcess,
+  downloadReports,
+  error,
+};

data/webpack/ForemanInventoryUpload/Components/ReportUpload/ReportUpload.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 './reportUpload.scss';
+
+const ReportUpload = ({
+  exitCode,
+  logs,
+  completed,
+  downloadReports,
+  restartProcess,
+  error,
+  toggleFullScreen,
+}) => (
+  <TabContainer className="report-upload">
+    <TabHeader
+      exitCode={exitCode}
+      onRestart={restartProcess}
+      onDownload={downloadReports}
+      toggleFullScreen={toggleFullScreen}
+    />
+    <TabBody
+      exitCode={exitCode}
+      logs={logs}
+      completed={completed}
+      error={error}
+    />
+  </TabContainer>
+);
+
+ReportUpload.propTypes = {
+  exitCode: PropTypes.string,
+  logs: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.string),
+    PropTypes.string,
+  ]),
+  completed: PropTypes.number,
+  restartProcess: PropTypes.func,
+  downloadReports: PropTypes.func,
+  error: PropTypes.string,
+  toggleFullScreen: PropTypes.func,
+};
+
+ReportUpload.defaultProps = {
+  exitCode: '',
+  logs: null,
+  completed: 0,
+  restartProcess: noop,
+  downloadReports: noop,
+  error: null,
+  toggleFullScreen: noop,
+};
+
+export default ReportUpload;

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

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

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

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ReportUpload rendering render with Props 1`] = `
+<TabContainer
+  className="report-upload"
+>
+  <TabHeader
+    exitCode="exit 0"
+    onDownload={[Function]}
+    onRestart={[Function]}
+    toggleFullScreen={[Function]}
+  />
+  <TabBody
+    completed={0}
+    error={null}
+    exitCode="exit 0"
+    logs={
+      Array [
+        "No running process",
+      ]
+    }
+    scheduled={null}
+  />
+</TabContainer>
+`;
+
+exports[`ReportUpload rendering render without Props 1`] = `
+<TabContainer
+  className="report-upload"
+>
+  <TabHeader
+    exitCode=""
+    onDownload={[Function]}
+    onRestart={[Function]}
+    toggleFullScreen={[Function]}
+  />
+  <TabBody
+    completed={0}
+    error={null}
+    exitCode=""
+    logs={null}
+    scheduled={null}
+  />
+</TabContainer>
+`;

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

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

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

@@ -0,0 +1,3 @@
+export const props = {
+  date: '2019-08-21T16:14:16.520+03:00',
+};

data/webpack/ForemanInventoryUpload/Components/ScheduledRun/ScheduledRun.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Icon, Grid } from 'patternfly-react';
+import { FormattedRelative } from 'react-intl';
+import { translate as __ } from 'foremanReact/common/I18n';
+import './scheduledRun.scss';
+
+const ScheduledRun = ({ date }) =>
+  date ? (
+    <Grid.Col sm={12} className="scheduled_run">
+      <p>
+        <Icon name="calendar" />
+        {__('Next run: ')}
+        <FormattedRelative value={date} />.
+      </p>
+    </Grid.Col>
+  ) : null;
+
+ScheduledRun.propTypes = {
+  date: PropTypes.string,
+};
+
+ScheduledRun.defaultProps = {
+  date: null,
+};
+
+export default ScheduledRun;

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

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

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ScheduledRun rendering render with Props 1`] = `
+<Col
+  bsClass="col"
+  className="scheduled_run"
+  componentClass="div"
+  sm={12}
+>
+  <p>
+    <Icon
+      name="calendar"
+      type="fa"
+    />
+    Next run: 
+    <FormattedRelative
+      updateInterval={10000}
+      value="2019-08-21T16:14:16.520+03:00"
+    />
+    .
+  </p>
+</Col>
+`;
+
+exports[`ScheduledRun rendering render without Props 1`] = `""`;

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

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

data/webpack/ForemanInventoryUpload/Components/ScheduledRun/scheduledRun.scss

@@ -0,0 +1,11 @@
+.scheduled_run {
+  font-size: 14px;
+
+  p {
+    margin: 0 0 -10px 0;
+
+    .fa {
+      margin-right: 5px;
+    }
+  }
+}

data/webpack/ForemanInventoryUpload/Components/StatusChart/StatusChart.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Grid, DonutChart } from 'patternfly-react';
+import './statusChart.scss';
+
+const StatusChart = ({ completed }) => {
+  const donutConfigData = {
+    columns: [
+      ['Completed', completed],
+      ['Remain', 100 - completed],
+    ],
+    order: null,
+  };
+
+  const pfGetUtilizationDonutTooltipContents = d => {
+    const {
+      0: { name, value },
+    } = d;
+    return `<span class="donut-tooltip-pf" style="white-space: nowrap;">${value}% ${name}</span>`;
+  };
+
+  const donutConfigTooltip = {
+    contents: pfGetUtilizationDonutTooltipContents,
+  };
+
+  return (
+    <Grid.Col sm={4}>
+      <div className="status-chart">
+        <DonutChart
+          id="donunt-chart-1"
+          size={{
+            width: 210,
+            height: 210,
+          }}
+          data={donutConfigData}
+          tooltip={donutConfigTooltip}
+          title={{
+            type: 'percent',
+            primary: `${completed}%`,
+            secondary: 'Completed',
+          }}
+        />
+      </div>
+    </Grid.Col>
+  );
+};
+
+StatusChart.propTypes = {
+  completed: PropTypes.number,
+};
+
+StatusChart.defaultProps = {
+  completed: 0,
+};
+
+export default StatusChart;

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

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

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatusChart rendering render without Props 1`] = `
+<Col
+  bsClass="col"
+  componentClass="div"
+  sm={4}
+>
+  <div
+    className="status-chart"
+  >
+    <DonutChart
+      className="donut-chart-pf"
+      color={
+        Object {
+          "pattern": Array [
+            "#0088ce",
+            "#d1d1d1",
+          ],
+        }
+      }
+      data={
+        Object {
+          "columns": Array [
+            Array [
+              "Completed",
+              0,
+            ],
+            Array [
+              "Remain",
+              100,
+            ],
+          ],
+          "order": null,
+        }
+      }
+      donut={
+        Object {
+          "label": Object {
+            "show": false,
+          },
+          "title": undefined,
+          "width": 11,
+        }
+      }
+      id="donunt-chart-1"
+      legend={
+        Object {
+          "show": false,
+        }
+      }
+      size={
+        Object {
+          "height": 210,
+          "width": 210,
+        }
+      }
+      title={
+        Object {
+          "primary": "0%",
+          "secondary": "Completed",
+          "type": "percent",
+        }
+      }
+      tooltip={
+        Object {
+          "contents": [Function],
+        }
+      }
+      type="donut"
+    />
+  </div>
+</Col>
+`;

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

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

data/webpack/ForemanInventoryUpload/Components/StatusChart/statusChart.scss

@@ -0,0 +1,8 @@
+.status-chart {
+  display: flex;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin: 10%;
+  padding: 5%;
+}