foreman_rh_cloud 2.0.10 → 2.0.11

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

@@ -18,6 +18,12 @@ Object {
 }
 `;
 
+exports[`AccountList reducer should handle LAYOUT_INITIALIZE 1`] = `
+Object {
+  "filterTerm": "some_org",
+}
+`;
+
 exports[`AccountList reducer should return the initial state 1`] = `
 Object {
   "filterTerm": "",

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

@@ -19,6 +19,9 @@ Object {
           "insightsSyncEnabled": false,
         },
       },
+      "hostInsights": Object {
+        "hits": Array [],
+      },
       "inventoryUpload": Object {
         "accountsList": Object {
           "accounts": Object {},

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

@@ -8,7 +8,7 @@ const Toast = ({ syncHosts, disconnectHosts }) => {
   return (
     <span>
       <p>
-        {__("Total org's hosts with subscriprion: ")}
+        {__('Hosts with subscription in organization: ')}
         <strong>{totalHosts}</strong>
       </p>
       <p>

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

@@ -27,7 +27,7 @@ const StatusChart = ({ completed }) => {
     <Grid.Col sm={4}>
       <div className="status-chart">
         <DonutChart
-          id="donunt-chart-1"
+          id="donut-chart-1"
           size={{
             width: 210,
             height: 210,

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

@@ -43,7 +43,7 @@ exports[`StatusChart rendering render without Props 1`] = `
           "width": 11,
         }
       }
-      id="donunt-chart-1"
+      id="donut-chart-1"
       legend={
         Object {
           "show": false,

data/webpack/ForemanInventoryUpload/Components/TabContainer/tabContainer.scss

@@ -1,4 +1,4 @@
-.tab-content {
+.dashboard .tab-content {
   padding: 20px;
   min-height: 0;
 

data/webpack/ForemanRhCloudPages.js

@@ -1,7 +1,9 @@
 import ForemanInventoryUpload from './ForemanInventoryUpload';
 import InsightsCloudSync from './InsightsCloudSync';
+import InsightsHostDetailsTab from './InsightsHostDetailsTab';
 
 export default [
   { name: 'ForemanInventoryUpload', type: ForemanInventoryUpload },
   { name: 'InsightsCloudSync', type: InsightsCloudSync },
+  { name: 'InsightsHostDetailsTab', type: InsightsHostDetailsTab },
 ];

data/webpack/ForemanRhCloudReducers.js

@@ -1,10 +1,12 @@
 import { combineReducers } from 'redux';
 import inventoryUploadReducers from './ForemanInventoryUpload/ForemanInventoryUploadReducers';
 import insightsReducers from './InsightsCloudSync/InsightsCloudSyncReducers';
+import { hostInsightsReducers } from './InsightsHostDetailsTab';
 
 export default {
   ForemanRhCloud: combineReducers({
     ...inventoryUploadReducers,
     ...insightsReducers,
+    ...hostInsightsReducers,
   }),
 };

data/webpack/ForemanRhCloudSelectors.js

@@ -1,5 +1,10 @@
 export const selectForemanRhCloud = state => state.ForemanRhCloud;
+
 export const selectForemanInventoryUpload = state =>
   selectForemanRhCloud(state).inventoryUpload;
+
 export const selectInsightsCloudSync = state =>
   selectForemanRhCloud(state).InsightsCloudSync;
+
+export const selectHostInsights = state =>
+  selectForemanRhCloud(state).hostInsights;

data/webpack/ForemanRhCloudTestHelpers.js

@@ -1,10 +1,12 @@
 export const rhCloudStateWrapper = (
   inventoryState = {},
-  insightsState = {}
+  insightsState = {},
+  hostInsightsState = {}
 ) => ({
   ForemanRhCloud: {
     inventoryUpload: { ...inventoryState },
     InsightsCloudSync: { ...insightsState },
+    hostInsights: { ...hostInsightsState },
   },
 });
 
@@ -13,3 +15,6 @@ export const inventoryStateWrapper = innerState =>
 
 export const insightsStateWrapper = innerState =>
   rhCloudStateWrapper({}, innerState);
+
+export const hostInsightsStateWrapper = innerState =>
+  rhCloudStateWrapper({}, {}, innerState);

data/webpack/InsightsHostDetailsTab/InsightsTab.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { orderBy } from 'lodash';
+import { Grid, ListView, noop } from 'patternfly-react';
+import ListItem from './components/ListItem';
+import './InsightsTab.scss';
+
+class InsightsHostDetailsTab extends React.Component {
+  componentDidMount() {
+    const { fetchHits, hostID } = this.props;
+    fetchHits(hostID);
+  }
+
+  render() {
+    const { hits } = this.props;
+
+    if (!hits.length) {
+      return <h2>No recommendations were found for this host!</h2>;
+    }
+    const hitsSorted = orderBy(hits, ['insights_hit.total_risk'], ['desc']);
+    const items = hitsSorted.map(
+      (
+        {
+          insights_hit: {
+            title,
+            total_risk: totalRisk,
+            results_url: resultsUrl,
+            solution_url: solutionUrl,
+          },
+        },
+        index
+      ) => (
+        <ListItem
+          key={index}
+          title={title}
+          totalRisk={totalRisk}
+          resultsUrl={resultsUrl}
+          solutionUrl={solutionUrl}
+        />
+      )
+    );
+    return (
+      <Grid.Row>
+        <Grid.Col xs={12}>
+          <h2>Recommendations</h2>
+          <ListView id="hits_list">{items}</ListView>
+        </Grid.Col>
+      </Grid.Row>
+    );
+  }
+}
+
+InsightsHostDetailsTab.propTypes = {
+  hostID: PropTypes.number.isRequired,
+  fetchHits: PropTypes.func,
+  hits: PropTypes.array,
+};
+
+InsightsHostDetailsTab.defaultProps = {
+  fetchHits: noop,
+  hits: [],
+};
+
+export default InsightsHostDetailsTab;

data/webpack/InsightsHostDetailsTab/InsightsTab.scss

@@ -0,0 +1,86 @@
+#host_details_insights_react_container {
+  #btn_toolbar {
+    float: right;
+  }
+
+  #btn_fullscreen {
+    margin-left: 5px;
+
+    .fa-arrows-alt {
+      margin-left: 5px;
+    }
+  }
+
+  h2 {
+    margin-top: 5px;
+  }
+
+  #hits_list {
+    max-height: 650px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    margin-top: 15px;
+
+    .list-view-pf-expand {
+      padding: 0;
+    }
+
+    .list-group-item-header {
+      .list-view-pf-expand .fa-angle-right {
+        margin-top: 6px;
+      }
+
+      .list-view-pf-main-info .list-view-pf-description {
+        width: 83%;
+
+        .list-group-item-heading {
+          width: 375px;
+        }
+
+        p {
+          margin: 0;
+          font-size: 14px;
+        }
+      }
+
+      .list-view-pf-additional-info {
+        .risk-label {
+          padding: 5px 8px;
+          border-radius: 12px;
+
+          &.Low {
+            background-color: #e7f1fa;
+          }
+
+          &.Moderate {
+            background-color: #fdf7e7;
+          }
+
+          &.Important {
+            background-color: #f9dddd;
+          }
+
+          &.Critical {
+            background-color: #ffecec;
+          }
+
+          p {
+            margin: 0;
+          }
+        }
+      }
+    }
+
+    &::-webkit-scrollbar {
+      width: 12px;
+      height: 12px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #0e0e0e6e;
+      border-radius: 6px;
+      border: 3px solid transparent;
+      background-clip: content-box;
+    }
+  }
+}

data/webpack/InsightsHostDetailsTab/InsightsTabActions.js

@@ -0,0 +1,30 @@
+import API from 'foremanReact/API';
+import { insightsCloudUrl } from '../InsightsCloudSync/InsightsCloudSyncHelpers';
+import {
+  INSIGHTS_HITS_REQUEST,
+  INSIGHTS_HITS_SUCCESS,
+  INSIGHTS_HITS_FAILURE,
+} from './InsightsTabConstants';
+
+export const fetchHits = hostID => async dispatch => {
+  try {
+    dispatch({
+      type: INSIGHTS_HITS_REQUEST,
+      payload: {},
+    });
+    const {
+      data: { hits },
+    } = await API.get(insightsCloudUrl(`hits/${hostID}`));
+    dispatch({
+      type: INSIGHTS_HITS_SUCCESS,
+      payload: { hits },
+    });
+  } catch (error) {
+    dispatch({
+      type: INSIGHTS_HITS_FAILURE,
+      payload: {
+        error: error.message,
+      },
+    });
+  }
+};

data/webpack/InsightsHostDetailsTab/InsightsTabConstants.js

@@ -0,0 +1,3 @@
+export const INSIGHTS_HITS_REQUEST = 'INSIGHTS_HITS_REQUEST';
+export const INSIGHTS_HITS_SUCCESS = 'INSIGHTS_HITS_SUCCESS';
+export const INSIGHTS_HITS_FAILURE = 'INSIGHTS_HITS_FAILURE';

data/webpack/InsightsHostDetailsTab/InsightsTabReducer.js

@@ -0,0 +1,26 @@
+import Immutable from 'seamless-immutable';
+import {
+  INSIGHTS_HITS_SUCCESS,
+  INSIGHTS_HITS_FAILURE,
+} from './InsightsTabConstants';
+
+const initialState = Immutable({
+  hits: [],
+});
+
+export default (state = initialState, action) => {
+  const { payload: { hits, error } = {} } = action;
+
+  switch (action.type) {
+    case INSIGHTS_HITS_SUCCESS:
+      return state.merge({
+        hits,
+      });
+    case INSIGHTS_HITS_FAILURE:
+      return state.merge({
+        error,
+      });
+    default:
+      return state;
+  }
+};

data/webpack/InsightsHostDetailsTab/InsightsTabSelectors.js

@@ -0,0 +1,3 @@
+import { selectHostInsights } from '../ForemanRhCloudSelectors';
+
+export const selectHits = state => selectHostInsights(state).hits;

data/webpack/InsightsHostDetailsTab/__tests__/InsightsTab.fixtures.js

@@ -0,0 +1,25 @@
+export const hostID = 1234;
+
+export const hits = [
+  {
+    insights_hit: {
+      hostname: 'my-host.example.com',
+      rhel_version: '7.8',
+      uuid: '4739b323-a343-4e89-b71b-81991b8dc656',
+      last_seen: '2020-08-19T04:43:09.068706Z',
+      title:
+        'New Ansible Engine packages are inaccessible when dedicated Ansible repo is not enabled',
+      solution_url: 'https://access.redhat.com/node/3359651',
+      total_risk: 2,
+      likelihood: 2,
+      publish_date: '2018-04-16T10:03:16Z',
+      results_url:
+        'https://cloud.redhat.com/insights/advisor/recommendations/ansible_deprecated_repo%7CANSIBLE_DEPRECATED_REPO/4739b323-a343-4e89-b71b-81991b8dc656/',
+    },
+  },
+];
+
+export const props = {
+  hostID,
+  hits,
+};

data/webpack/InsightsHostDetailsTab/__tests__/InsightsTab.test.js

@@ -0,0 +1,13 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
+import InsightsTab from '../InsightsTab';
+import { props } from './InsightsTab.fixtures';
+
+const fixtures = {
+  'render with props': props,
+};
+
+describe('InsightsTab', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(InsightsTab, fixtures));
+});

data/webpack/InsightsHostDetailsTab/__tests__/InsightsTabActions.test.js

@@ -0,0 +1,13 @@
+import { testActionSnapshotWithFixtures } from '@theforeman/test';
+import API from 'foremanReact/API';
+import { fetchHits } from '../InsightsTabActions';
+import { hostID, hits } from './InsightsTab.fixtures';
+
+jest.mock('foremanReact/API');
+API.get.mockImplementation(async () => hits);
+
+const fixtures = {
+  'should fetchHits': () => fetchHits(hostID),
+};
+
+describe('InsightsTab actions', () => testActionSnapshotWithFixtures(fixtures));

data/webpack/InsightsHostDetailsTab/__tests__/InsightsTabIntegration.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IntegrationTestHelper } from '@theforeman/test';
+
+import InsightsTab from '../index';
+import reducers from '../../ForemanRhCloudReducers';
+import { hostID } from './InsightsTab.fixtures';
+
+describe('InsightsTab integration test', () => {
+  it('should flow', async () => {
+    const integrationTestHelper = new IntegrationTestHelper(reducers);
+    const component = integrationTestHelper.mount(
+      <InsightsTab hostID={hostID} />
+    );
+    component.update();
+    /** Create a Flow test */
+  });
+});

data/webpack/InsightsHostDetailsTab/__tests__/InsightsTabReducer.test.js

@@ -0,0 +1,35 @@
+import { testReducerSnapshotWithFixtures } from '@theforeman/test';
+import reducer from '../InsightsTabReducer';
+import { hits } from './InsightsTab.fixtures';
+import {
+  INSIGHTS_HITS_REQUEST,
+  INSIGHTS_HITS_SUCCESS,
+  INSIGHTS_HITS_FAILURE,
+} from '../InsightsTabConstants';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle INSIGHTS_HITS_REQUEST': {
+    action: {
+      type: INSIGHTS_HITS_REQUEST,
+      payload: {},
+    },
+  },
+  'should handle INSIGHTS_HITS_SUCCESS': {
+    action: {
+      type: INSIGHTS_HITS_SUCCESS,
+      payload: { hits },
+    },
+  },
+  'should handle INSIGHTS_HITS_FAILURE': {
+    action: {
+      type: INSIGHTS_HITS_FAILURE,
+      payload: {
+        error: 'some-error',
+      },
+    },
+  },
+};
+
+describe('AccountList reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));