foreman_leapp 0.0.6 → 0.1.0

data/webpack/components/PreupgradeReports/components/EntriesFilter.js

@@ -0,0 +1,121 @@
+import React from 'react';
+import { DebounceInput } from 'react-debounce-input';
+import { DropdownButton, MenuItem, Form, Col, Row } from 'patternfly-react';
+import PropTypes from 'prop-types';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import './EntriesFilter.scss';
+
+const EntriesFilter = ({
+  filterType,
+  filterValue,
+  onFilterValueChange,
+  onFilterTypeChange,
+}) => {
+  let filterValueField;
+
+  const filterTypes = [
+    { value: 'title', label: __('Title') },
+    { value: 'severity', label: __('Severity') },
+    { value: 'hostname', label: __('Host') },
+    { value: 'fix', label: __('Fix Type') },
+    { value: 'inhibitor', label: __('Inhibitor') },
+  ];
+
+  const severityTypes = [
+    { value: '', label: __('All') },
+    { value: 'low', label: __('Low') },
+    { value: 'medium', label: __('Medium') },
+    { value: 'high', label: __('High') },
+    { value: 'info', label: __('Info') },
+  ];
+
+  const fixTypes = [
+    { value: '', label: __('All') },
+    { value: 'hint', label: __('Hint') },
+    { value: 'command', label: __('Command') },
+  ];
+
+  const inhibitorTypes = [
+    { value: '', label: __('All') },
+    { value: 'yes', label: __('Yes') },
+    { value: 'no', label: __('No') },
+  ];
+
+  const selectOptionMapping = {
+    severity: severityTypes,
+    fix: fixTypes,
+    inhibitor: inhibitorTypes,
+  };
+
+  const findLabel = (selectOptions, currentValue) =>
+    selectOptions.find(opt => opt.value === currentValue).label;
+
+  if (['title', 'hostname'].includes(filterType)) {
+    filterValueField = (
+      <DebounceInput
+        className="form-control entries-filter-reset-height"
+        debounceTimeout={300}
+        onChange={event => onFilterValueChange(event.target.value)}
+      />
+    );
+  }
+
+  if (['severity', 'fix', 'inhibitor'].includes(filterType)) {
+    const options = selectOptionMapping[filterType];
+
+    filterValueField = (
+      <DropdownButton
+        id="entry-value-filter"
+        title={findLabel(options, filterValue)}
+      >
+        {options.map(type => (
+          <MenuItem
+            key={type.value}
+            active={filterValue === type.value}
+            onClick={() => onFilterValueChange(type.value)}
+          >
+            {type.label}
+          </MenuItem>
+        ))}
+      </DropdownButton>
+    );
+  }
+
+  return (
+    <Row>
+      <Col md={4}>
+        <Form.FormGroup>
+          <Form.InputGroup>
+            <DropdownButton
+              id="entry-filter"
+              title={findLabel(filterTypes, filterType)}
+              componentClass={Form.InputGroup.Button}
+            >
+              {filterTypes.map(type => (
+                <MenuItem
+                  key={type.value}
+                  active={filterType === type.value}
+                  onClick={() => onFilterTypeChange(type.value)}
+                >
+                  {type.label}
+                </MenuItem>
+              ))}
+            </DropdownButton>
+            {filterValueField}
+          </Form.InputGroup>
+        </Form.FormGroup>
+      </Col>
+    </Row>
+  );
+};
+
+EntriesFilter.propTypes = {
+  filterType: PropTypes.string.isRequired,
+  filterValue: PropTypes.string.isRequired,
+  onFilterTypeChange: PropTypes.func.isRequired,
+  onFilterValueChange: PropTypes.func.isRequired,
+};
+
+export default EntriesFilter;

data/webpack/components/PreupgradeReports/components/EntriesFilter.scss

@@ -0,0 +1,3 @@
+.entries-filter-reset-height {
+  height: inherit;
+}

data/webpack/components/PreupgradeReports/components/EntriesFilter.test.js

@@ -0,0 +1,30 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
+import EntriesFilter from './EntriesFilter';
+
+const onFilterValueChange = () => {};
+const onFilterTypeChange = () => {};
+
+const fixtures = {
+  'should render for title filter': {
+    onFilterTypeChange,
+    onFilterValueChange,
+    filterType: 'title',
+    filterValue: 'version',
+  },
+  'should render for severity filter': {
+    onFilterTypeChange,
+    onFilterValueChange,
+    filterType: 'severity',
+    filterValue: 'low',
+  },
+  'should render for host filter': {
+    onFilterTypeChange,
+    onFilterValueChange,
+    filterType: 'hostname',
+    filterValue: 'foo',
+  },
+};
+
+describe('EntriresFilter', () =>
+  testComponentSnapshotsWithFixtures(EntriesFilter, fixtures));

data/webpack/components/PreupgradeReports/components/{FixAllButton.js → FixSelectedButton.js}

@@ -3,15 +3,13 @@ import PropTypes from 'prop-types';
 import { Button } from 'patternfly-react';
 import { translate as __ } from 'foremanReact/common/I18n';
 
-import { idsForInvocation } from '../PreupgradeReportsHelpers';
-
-const FixAllButton = ({ preupgradeReports, postUrl, disabled, csrfToken }) => {
-  const { hostIds, entryIds } = idsForInvocation(preupgradeReports);
+const FixSelectedButton = ({ ids, postUrl, disabled, csrfToken }) => {
+  const { hostIds, entryIds } = ids;
 
   return (
     <form action={postUrl} method="post">
       <Button type="submit" disabled={disabled}>
-        {__('Fix All')}
+        {__('Fix Selected')}
       </Button>
       <input type="hidden" name="authenticity_token" value={csrfToken} />
       <input type="hidden" name="feature" value="leapp_remediation_plan" />
@@ -27,11 +25,11 @@ const FixAllButton = ({ preupgradeReports, postUrl, disabled, csrfToken }) => {
   );
 };
 
-FixAllButton.propTypes = {
-  preupgradeReports: PropTypes.array.isRequired,
+FixSelectedButton.propTypes = {
+  ids: PropTypes.object.isRequired,
   postUrl: PropTypes.string.isRequired,
   disabled: PropTypes.bool.isRequired,
   csrfToken: PropTypes.string.isRequired,
 };
 
-export default FixAllButton;
+export default FixSelectedButton;

data/webpack/components/PreupgradeReports/components/FixSelectedButton.test.js

@@ -0,0 +1,15 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
+import FixSelectedButton from './FixSelectedButton';
+
+const fixtures = {
+  'should render': {
+    ids: { hostIds: [5], entryIds: [115] },
+    postUrl: '/job_invocations/new',
+    disabled: false,
+    csrfToken: 'abcd',
+  },
+};
+
+describe('FixSelectedButton', () =>
+  testComponentSnapshotsWithFixtures(FixSelectedButton, fixtures));

data/webpack/components/PreupgradeReports/components/NoReports.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { EmptyStatePattern as EmptyState } from 'foremanReact/components/common/EmptyState';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const NoReports = ({ reportsExpected }) => {
+  let text;
+  let icon;
+
+  if (reportsExpected) {
+    text = __(
+      'The preupgrade report could not be generated, check the job details for the reason'
+    );
+    icon = 'warning-triangle-o';
+  } else {
+    text = __('The preupgrade report will be available after the job finishes');
+    icon = 'in-progress';
+  }
+
+  return (
+    <EmptyState
+      iconType="pf"
+      icon={icon}
+      header={__('No Preupgrade Report Available')}
+      description={text}
+    />
+  );
+};
+
+NoReports.propTypes = {
+  reportsExpected: PropTypes.bool.isRequired,
+};
+
+export default NoReports;

data/webpack/components/PreupgradeReports/components/NoReports.test.js

@@ -0,0 +1,15 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
+import NoReports from './NoReports';
+
+const fixtures = {
+  'should render when reports expected': {
+    reportsExpected: true,
+  },
+  'should render when reports not expected': {
+    reportsExpected: false,
+  },
+};
+
+describe('NoReports', () =>
+  testComponentSnapshotsWithFixtures(NoReports, fixtures));

data/webpack/components/PreupgradeReports/components/UpgradeAllButton.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import { idsForInvocationFromReports } from '../PreupgradeReportsHelpers';
+
+const UpgradeAllButton = ({ preupgradeReports, postUrl, csrfToken }) => {
+  const { hostIds } = idsForInvocationFromReports(preupgradeReports);
+
+  return (
+    <form action={postUrl} method="post">
+      <Button type="submit">{__('Run Upgrade')}</Button>
+      <input type="hidden" name="authenticity_token" value={csrfToken} />
+      <input type="hidden" name="feature" value="leapp_upgrade" />
+      {hostIds.map(hostId => (
+        <input type="hidden" name="host_ids[]" key={hostId} value={hostId} />
+      ))}
+    </form>
+  );
+};
+
+UpgradeAllButton.propTypes = {
+  preupgradeReports: PropTypes.array.isRequired,
+  postUrl: PropTypes.string.isRequired,
+  csrfToken: PropTypes.string.isRequired,
+};
+
+export default UpgradeAllButton;

data/webpack/components/PreupgradeReports/components/{FixAllButton.test.js → UpgradeAllButton.test.js}

@@ -1,6 +1,6 @@
 import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
 
-import FixAllButton from './FixAllButton';
+import UpgradeAllButton from './UpgradeAllButton';
 
 import { preupgradeReports } from '../__tests__/PreupgradeReports.fixtures';
 
@@ -8,11 +8,10 @@ const fixtures = {
   'should render': {
     preupgradeReports,
     postUrl: '/job_invocations/new',
-    disabled: false,
     title: 'Button title',
     csrfToken: 'abcd',
   },
 };
 
-describe('FixAllButton', () =>
-  testComponentSnapshotsWithFixtures(FixAllButton, fixtures));
+describe('UpgradeAllButton', () =>
+  testComponentSnapshotsWithFixtures(UpgradeAllButton, fixtures));

data/webpack/components/PreupgradeReports/components/__snapshots__/EntriesFilter.test.js.snap

@@ -0,0 +1,330 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EntriresFilter should render for host filter 1`] = `
+<Row
+  bsClass="row"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    md={4}
+  >
+    <FormGroup
+      bsClass="form-group"
+    >
+      <InputGroup
+        bsClass="input-group"
+      >
+        <DropdownButton
+          componentClass={[Function]}
+          id="entry-filter"
+          title="Host"
+        >
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="title"
+            onClick={[Function]}
+          >
+            Title
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="severity"
+            onClick={[Function]}
+          >
+            Severity
+          </MenuItem>
+          <MenuItem
+            active={true}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="hostname"
+            onClick={[Function]}
+          >
+            Host
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="fix"
+            onClick={[Function]}
+          >
+            Fix Type
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="inhibitor"
+            onClick={[Function]}
+          >
+            Inhibitor
+          </MenuItem>
+        </DropdownButton>
+        <DebounceInput
+          className="form-control entries-filter-reset-height"
+          debounceTimeout={300}
+          element="input"
+          forceNotifyByEnter={true}
+          forceNotifyOnBlur={true}
+          minLength={0}
+          onChange={[Function]}
+          type="text"
+        />
+      </InputGroup>
+    </FormGroup>
+  </Col>
+</Row>
+`;
+
+exports[`EntriresFilter should render for severity filter 1`] = `
+<Row
+  bsClass="row"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    md={4}
+  >
+    <FormGroup
+      bsClass="form-group"
+    >
+      <InputGroup
+        bsClass="input-group"
+      >
+        <DropdownButton
+          componentClass={[Function]}
+          id="entry-filter"
+          title="Severity"
+        >
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="title"
+            onClick={[Function]}
+          >
+            Title
+          </MenuItem>
+          <MenuItem
+            active={true}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="severity"
+            onClick={[Function]}
+          >
+            Severity
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="hostname"
+            onClick={[Function]}
+          >
+            Host
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="fix"
+            onClick={[Function]}
+          >
+            Fix Type
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="inhibitor"
+            onClick={[Function]}
+          >
+            Inhibitor
+          </MenuItem>
+        </DropdownButton>
+        <DropdownButton
+          id="entry-value-filter"
+          title="Low"
+        >
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key=""
+            onClick={[Function]}
+          >
+            All
+          </MenuItem>
+          <MenuItem
+            active={true}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="low"
+            onClick={[Function]}
+          >
+            Low
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="medium"
+            onClick={[Function]}
+          >
+            Medium
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="high"
+            onClick={[Function]}
+          >
+            High
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="info"
+            onClick={[Function]}
+          >
+            Info
+          </MenuItem>
+        </DropdownButton>
+      </InputGroup>
+    </FormGroup>
+  </Col>
+</Row>
+`;
+
+exports[`EntriresFilter should render for title filter 1`] = `
+<Row
+  bsClass="row"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    md={4}
+  >
+    <FormGroup
+      bsClass="form-group"
+    >
+      <InputGroup
+        bsClass="input-group"
+      >
+        <DropdownButton
+          componentClass={[Function]}
+          id="entry-filter"
+          title="Title"
+        >
+          <MenuItem
+            active={true}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="title"
+            onClick={[Function]}
+          >
+            Title
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="severity"
+            onClick={[Function]}
+          >
+            Severity
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="hostname"
+            onClick={[Function]}
+          >
+            Host
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="fix"
+            onClick={[Function]}
+          >
+            Fix Type
+          </MenuItem>
+          <MenuItem
+            active={false}
+            bsClass="dropdown"
+            disabled={false}
+            divider={false}
+            header={false}
+            key="inhibitor"
+            onClick={[Function]}
+          >
+            Inhibitor
+          </MenuItem>
+        </DropdownButton>
+        <DebounceInput
+          className="form-control entries-filter-reset-height"
+          debounceTimeout={300}
+          element="input"
+          forceNotifyByEnter={true}
+          forceNotifyOnBlur={true}
+          minLength={0}
+          onChange={[Function]}
+          type="text"
+        />
+      </InputGroup>
+    </FormGroup>
+  </Col>
+</Row>
+`;

data/webpack/components/PreupgradeReports/components/__snapshots__/{FixAllButton.test.js.snap → FixSelectedButton.test.js.snap}

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`FixAllButton should render 1`] = `
+exports[`FixSelectedButton should render 1`] = `
 <form
   action="/job_invocations/new"
   method="post"
@@ -13,7 +13,7 @@ exports[`FixAllButton should render 1`] = `
     disabled={false}
     type="submit"
   >
-    <Component />
+    Fix Selected
   </Button>
   <input
     name="authenticity_token"
@@ -25,10 +25,16 @@ exports[`FixAllButton should render 1`] = `
     type="hidden"
     value="leapp_remediation_plan"
   />
+  <input
+    key="5"
+    name="host_ids[]"
+    type="hidden"
+    value={5}
+  />
   <input
     name="inputs[remediation_ids]"
     type="hidden"
-    value=""
+    value="115"
   />
 </form>
 `;

data/webpack/components/PreupgradeReports/components/__snapshots__/NoReports.test.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NoReports should render when reports expected 1`] = `
+<EmptyStatePattern
+  description="The preupgrade report could not be generated, check the job details for the reason"
+  header="No Preupgrade Report Available"
+  icon="warning-triangle-o"
+  iconType="pf"
+/>
+`;
+
+exports[`NoReports should render when reports not expected 1`] = `
+<EmptyStatePattern
+  description="The preupgrade report will be available after the job finishes"
+  header="No Preupgrade Report Available"
+  icon="in-progress"
+  iconType="pf"
+/>
+`;