foreman_remote_execution 3.2.1 → 3.3.3

data/webpack/react_app/components/TargetingHosts/TargetingHosts.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { LoadingState, Alert } from 'patternfly-react';
+import { STATUS } from 'foremanReact/constants';
+import HostItem from './components/HostItem';
+
+const TargetingHosts = ({ status, items }) => {
+  if (status === STATUS.ERROR) {
+    return (
+      <Alert type="error">
+        {__(
+          'There was an error while updating the status, try refreshing the page.'
+        )}
+      </Alert>
+    );
+  }
+
+  return (
+    <LoadingState loading={!items.length}>
+      <div>
+        <table className="table table-bordered table-striped table-hover">
+          <thead>
+            <tr>
+              <th>{__('Host')}</th>
+              <th>{__('Status')}</th>
+              <th>{__('Actions')}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {items.map(host => (
+              <HostItem
+                key={host.name}
+                name={host.name}
+                link={host.link}
+                status={host.status}
+                actions={host.actions}
+              />
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </LoadingState>
+  );
+};
+
+TargetingHosts.propTypes = {
+  status: PropTypes.string.isRequired,
+  items: PropTypes.array.isRequired,
+};
+
+export default TargetingHosts;

data/webpack/react_app/components/TargetingHosts/TargetingHostsActions.js

@@ -0,0 +1,8 @@
+import { getURI } from 'foremanReact/common/urlHelpers';
+import { get } from 'foremanReact/redux/API';
+import { withInterval } from 'foremanReact/redux/middlewares/IntervalMiddleware';
+import { TARGETING_HOSTS } from './TargetingHostsConsts';
+
+const url = getURI().addQuery('format', 'json');
+export const getData = () =>
+  withInterval(get({ key: TARGETING_HOSTS, url }), 1000);

data/webpack/react_app/components/TargetingHosts/TargetingHostsConsts.js

@@ -0,0 +1 @@
+export const TARGETING_HOSTS = 'TARGETING_HOSTS';

data/webpack/react_app/components/TargetingHosts/TargetingHostsSelectors.js

@@ -0,0 +1,12 @@
+import {
+  selectAPIStatus,
+  selectAPIResponse,
+} from 'foremanReact/redux/API/APISelectors';
+import { TARGETING_HOSTS } from './TargetingHostsConsts';
+
+export const selectItems = state =>
+  selectAPIResponse(state, TARGETING_HOSTS).hosts || [];
+
+export const selectAutoRefresh = state =>
+  selectAPIResponse(state, TARGETING_HOSTS).autoRefresh;
+export const selectStatus = state => selectAPIStatus(state, TARGETING_HOSTS);

data/webpack/react_app/components/TargetingHosts/__tests__/HostItem.test.js

@@ -0,0 +1,6 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import HostItem from '../components/HostItem';
+import { HostItemFixtures } from './fixtures';
+
+describe('HostItem', () =>
+  testComponentSnapshotsWithFixtures(HostItem, HostItemFixtures));

data/webpack/react_app/components/TargetingHosts/__tests__/HostStatus.test.js

@@ -0,0 +1,6 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import HostStatus from '../components/HostStatus';
+import { HostStatusFixtures } from './fixtures';
+
+describe('HostStatus', () =>
+  testComponentSnapshotsWithFixtures(HostStatus, HostStatusFixtures));

data/webpack/react_app/components/TargetingHosts/__tests__/TargetingHosts.test.js

@@ -0,0 +1,6 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import TargetingHosts from '../TargetingHosts';
+import { TargetingHostsFixtures } from './fixtures';
+
+describe('TargetingHosts', () =>
+  testComponentSnapshotsWithFixtures(TargetingHosts, TargetingHostsFixtures));

data/webpack/react_app/components/TargetingHosts/__tests__/__snapshots__/HostItem.test.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HostItem renders 1`] = `
+<tr
+  id="targeting-host-Host1"
+>
+  <td
+    className="host_name"
+  >
+    <a
+      href="/host1"
+    >
+      Host1
+    </a>
+  </td>
+  <td
+    className="host_status"
+  >
+    <HostStatus
+      status="success"
+    />
+  </td>
+  <td
+    className="host_actions"
+  >
+    <ActionButtons
+      buttons={Array []}
+    />
+  </td>
+</tr>
+`;

data/webpack/react_app/components/TargetingHosts/__tests__/__snapshots__/HostStatus.test.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HostStatus renders 1`] = `
+<div>
+  <Icon
+    name="ok"
+    type="pf"
+  />
+   
+  success
+</div>
+`;

data/webpack/react_app/components/TargetingHosts/__tests__/__snapshots__/TargetingHosts.test.js.snap

@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TargetingHosts renders 1`] = `
+<LoadingState
+  additionalClasses=""
+  loading={false}
+  loadingText="Loading"
+  size="lg"
+  timeout={300}
+>
+  <div>
+    <table
+      className="table table-bordered table-striped table-hover"
+    >
+      <thead>
+        <tr>
+          <th>
+            Host
+          </th>
+          <th>
+            Status
+          </th>
+          <th>
+            Actions
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <HostItem
+          actions={Array []}
+          key="host"
+          link="/link"
+          name="host"
+          status="success"
+        />
+      </tbody>
+    </table>
+  </div>
+</LoadingState>
+`;
+
+exports[`TargetingHosts renders with error 1`] = `
+<Alert
+  className=""
+  onDismiss={null}
+  type="error"
+>
+  There was an error while updating the status, try refreshing the page.
+</Alert>
+`;
+
+exports[`TargetingHosts renders with loading 1`] = `
+<LoadingState
+  additionalClasses=""
+  loading={true}
+  loadingText="Loading"
+  size="lg"
+  timeout={300}
+>
+  <div>
+    <table
+      className="table table-bordered table-striped table-hover"
+    >
+      <thead>
+        <tr>
+          <th>
+            Host
+          </th>
+          <th>
+            Status
+          </th>
+          <th>
+            Actions
+          </th>
+        </tr>
+      </thead>
+      <tbody />
+    </table>
+  </div>
+</LoadingState>
+`;

data/webpack/react_app/components/TargetingHosts/__tests__/fixtures.js

@@ -0,0 +1,43 @@
+export const HostItemFixtures = {
+  renders: {
+    name: 'Host1',
+    link: '/host1',
+    status: 'success',
+    actions: [],
+  },
+};
+
+export const HostStatusFixtures = {
+  renders: {
+    status: 'success',
+  },
+};
+
+export const TargetingHostsFixtures = {
+  renders: {
+    status: '',
+    items: [
+      {
+        name: 'host',
+        link: '/link',
+        status: 'success',
+        actions: [],
+      },
+    ],
+  },
+  'renders with error': {
+    status: 'ERROR',
+    items: [
+      {
+        name: 'host',
+        link: '/link',
+        status: 'success',
+        actions: [],
+      },
+    ],
+  },
+  'renders with loading': {
+    status: '',
+    items: [],
+  },
+};

data/webpack/react_app/components/TargetingHosts/components/HostItem.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ActionButtons } from 'foremanReact/components/common/ActionButtons/ActionButtons';
+import HostStatus from './HostStatus';
+
+const HostItem = ({ name, link, status, actions }) => {
+  const hostLink = link ? (
+    <a href={link}>{name}</a>
+  ) : (
+    <a href="#" className="disabled">
+      {name}
+    </a>
+  );
+
+  return (
+    <tr id={`targeting-host-${name}`}>
+      <td className="host_name">{hostLink}</td>
+      <td className="host_status">
+        <HostStatus status={status} />
+      </td>
+      <td className="host_actions">
+        <ActionButtons buttons={[...actions]} />
+      </td>
+    </tr>
+  );
+};
+
+HostItem.propTypes = {
+  name: PropTypes.string.isRequired,
+  link: PropTypes.string.isRequired,
+  status: PropTypes.string.isRequired,
+  actions: PropTypes.array,
+};
+
+HostItem.defaultProps = {
+  actions: [],
+};
+
+export default HostItem;

data/webpack/react_app/components/TargetingHosts/components/HostStatus.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Icon } from 'patternfly-react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const HostStatus = ({ status }) => {
+  switch (status) {
+    case 'cancelled':
+      return (
+        <div>
+          <Icon type="pf" name="warning-triangle-o" /> {status}
+        </div>
+      );
+    case 'N/A':
+      return (
+        <div>
+          <Icon type="fa" name="question" /> {status}
+        </div>
+      );
+    case 'running':
+      return (
+        <div>
+          <Icon type="pf" name="running" /> {status}
+        </div>
+      );
+    case 'planned':
+      return (
+        <div>
+          <Icon type="pf" name="build" /> {status}
+        </div>
+      );
+    case 'warning':
+    case 'error':
+      return (
+        <div>
+          <Icon type="pf" name="error-circle-o" /> {__('failed')}
+        </div>
+      );
+    case 'success':
+      return (
+        <div>
+          <Icon type="pf" name="ok" /> {status}
+        </div>
+      );
+    default:
+      return <span>{status}</span>;
+  }
+};
+
+HostStatus.propTypes = {
+  status: PropTypes.string.isRequired,
+};
+
+export default HostStatus;

data/webpack/react_app/components/TargetingHosts/index.js

@@ -0,0 +1,37 @@
+import React, { useEffect } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { stopInterval } from 'foremanReact/redux/middlewares/IntervalMiddleware';
+import TargetingHosts from './TargetingHosts';
+
+import {
+  selectItems,
+  selectStatus,
+  selectAutoRefresh,
+} from './TargetingHostsSelectors';
+import { getData } from './TargetingHostsActions';
+import { TARGETING_HOSTS } from './TargetingHostsConsts';
+
+const WrappedTargetingHosts = () => {
+  const dispatch = useDispatch();
+  const autoRefresh = useSelector(selectAutoRefresh);
+  const items = useSelector(selectItems);
+  const status = useSelector(selectStatus);
+
+  useEffect(() => {
+    dispatch(getData());
+
+    return () => {
+      dispatch(stopInterval(TARGETING_HOSTS));
+    };
+  }, [dispatch]);
+
+  useEffect(() => {
+    if (autoRefresh === 'false') {
+      dispatch(stopInterval(TARGETING_HOSTS));
+    }
+  }, [autoRefresh, dispatch]);
+
+  return <TargetingHosts status={status} items={items} />;
+};
+
+export default WrappedTargetingHosts;

data/webpack/react_app/components/jobInvocations/AggregateStatus/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 const AggregateStatus = ({ statuses }) => (
   <div id="aggregate_statuses">
@@ -31,4 +32,13 @@ const AggregateStatus = ({ statuses }) => (
   </div>
 );
 
+AggregateStatus.propTypes = {
+  statuses: PropTypes.shape({
+    cancelled: PropTypes.number,
+    failed: PropTypes.number,
+    pending: PropTypes.number,
+    success: PropTypes.number,
+  }).isRequired,
+};
+
 export default AggregateStatus;

data/webpack/react_app/components/jobInvocations/AggregateStatus/index.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { shallow } from 'enzyme';
-import AggregateStatus from './index.js';
+import { shallow } from '@theforeman/test';
+import AggregateStatus from './index';
 
 jest.unmock('./index.js');
 
@@ -20,7 +20,10 @@ describe('AggregateStatus', () => {
 
     it('renders cards with props passed', () => {
       const statuses = {
-        success: 19, failed: 20, cancelled: 31, pending: 3,
+        success: 19,
+        failed: 20,
+        cancelled: 31,
+        pending: 3,
       };
       const chartNumbers = shallow(<AggregateStatus statuses={statuses} />);
       const success = chartNumbers.find('#success_count').text();