foreman_rh_cloud 1.0.6 → 1.0.11

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/InventoryFilterActions.js

@@ -0,0 +1,16 @@
+import {
+  INVENTORY_FILTER_UPDATE,
+  INVENTORY_FILTER_CLEAR,
+} from './InventoryFilterConstants';
+
+export const handleFilterChange = filterTerm => ({
+  type: INVENTORY_FILTER_UPDATE,
+  payload: {
+    filterTerm,
+  },
+});
+
+export const handleFilterClear = () => ({
+  type: INVENTORY_FILTER_CLEAR,
+  payload: {},
+});

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/InventoryFilterConstants.js

@@ -0,0 +1,3 @@
+export const INVENTORY_FILTER_UPDATE = 'INVENTORY_FILTER_UPDATE';
+export const INVENTORY_FILTER_CLEAR = 'INVENTORY_FILTER_CLEAR';
+export const ANY_ORGANIZATION = 'Any Organization';

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/InventoryFilterReducer.js

@@ -0,0 +1,36 @@
+import Immutable from 'seamless-immutable';
+import { LAYOUT_CHANGE_ORG } from 'foremanReact/components/Layout/LayoutConstants';
+import {
+  INVENTORY_FILTER_UPDATE,
+  INVENTORY_FILTER_CLEAR,
+  ANY_ORGANIZATION,
+} from './InventoryFilterConstants';
+
+const initialState = Immutable({
+  filterTerm: '',
+});
+
+export default (
+  state = initialState,
+  { type, payload: { filterTerm, org } = {} }
+) => {
+  switch (type) {
+    case INVENTORY_FILTER_UPDATE:
+      return state.merge({
+        filterTerm,
+      });
+    case INVENTORY_FILTER_CLEAR:
+      return state.merge({
+        filterTerm: '',
+      });
+    case LAYOUT_CHANGE_ORG: {
+      const { title } = org;
+      const term = title === ANY_ORGANIZATION ? '' : title;
+      return state.merge({
+        filterTerm: term,
+      });
+    }
+    default:
+      return state;
+  }
+};

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/InventoryFilterSelectors.js

@@ -0,0 +1,7 @@
+import { selectForemanInventoryUpload } from '../../../ForemanRhCloudSelectors';
+
+export const selectInventoryFilter = state =>
+  selectForemanInventoryUpload(state).inventoryFilter;
+
+export const selectFilterTerm = state =>
+  selectInventoryFilter(state).filterTerm;

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

@@ -0,0 +1,14 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { noop } from 'patternfly-react';
+
+import InventoryFilter from '../InventoryFilter';
+
+const fixtures = {
+  'render with props': { handleFilterChange: noop },
+  /** fixtures, props for the component */
+};
+
+describe('InventoryFilter', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(InventoryFilter, fixtures));
+});

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/__tests__/InventoryFilterActions.test.js

@@ -0,0 +1,14 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import {
+  handleFilterChange,
+  handleFilterClear,
+} from '../InventoryFilterActions';
+import { filterTerm } from '../InventoryFilter.fixtures';
+
+const fixtures = {
+  'should handleFilterChange': () => handleFilterChange(filterTerm),
+  'should handleFilterClear': () => handleFilterClear(),
+};
+
+describe('InventoryFilter actions', () =>
+  testActionSnapshotWithFixtures(fixtures));

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

@@ -0,0 +1,35 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import { LAYOUT_CHANGE_ORG } from 'foremanReact/components/Layout/LayoutConstants';
+import reducer from '../InventoryFilterReducer';
+import { filterTerm, org } from '../InventoryFilter.fixtures';
+import {
+  INVENTORY_FILTER_UPDATE,
+  INVENTORY_FILTER_CLEAR,
+} from '../InventoryFilterConstants';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle INVENTORY_FILTER_UPDATE': {
+    action: {
+      type: INVENTORY_FILTER_UPDATE,
+      payload: {
+        filterTerm,
+      },
+    },
+  },
+  'should handle INVENTORY_FILTER_CLEAR': {
+    action: {
+      type: INVENTORY_FILTER_CLEAR,
+      payload: {},
+    },
+  },
+  'should handle LAYOUT_CHANGE_ORG': {
+    action: {
+      type: LAYOUT_CHANGE_ORG,
+      payload: { org },
+    },
+  },
+};
+
+describe('AccountList reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/__tests__/InventoryFilterSelectors.test.js

@@ -0,0 +1,21 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import { filterTerm } from '../InventoryFilter.fixtures';
+import { rhCloudStateWrapper } from '../../../../ForemanRhCloudTestHelpers';
+import {
+  selectInventoryFilter,
+  selectFilterTerm,
+} from '../InventoryFilterSelectors';
+
+const state = rhCloudStateWrapper({
+  inventoryFilter: {
+    filterTerm,
+  },
+});
+
+const fixtures = {
+  'should return InventoryFilter': () => selectInventoryFilter(state),
+  'should return filterTerm': () => selectFilterTerm(state),
+};
+
+describe('InventoryFilter selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventoryFilter rendering render with props 1`] = `
+<form
+  id="inventory_filter_form"
+>
+  <FormGroup
+    bsClass="form-group"
+    controlId="inventory_filter_input"
+  >
+    <FormControl
+      bsClass="form-control"
+      bsSize="lg"
+      componentClass="input"
+      onChange={[Function]}
+      placeholder="Filter.."
+      type="text"
+      value=""
+    />
+    <ClearButton
+      onClear={[Function]}
+    />
+  </FormGroup>
+</form>
+`;

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

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventoryFilter actions should handleFilterChange 1`] = `
+Object {
+  "payload": Object {
+    "filterTerm": "test_filter_term",
+  },
+  "type": "INVENTORY_FILTER_UPDATE",
+}
+`;
+
+exports[`InventoryFilter actions should handleFilterClear 1`] = `
+Object {
+  "payload": Object {},
+  "type": "INVENTORY_FILTER_CLEAR",
+}
+`;

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AccountList reducer should handle INVENTORY_FILTER_CLEAR 1`] = `
+Object {
+  "filterTerm": "",
+}
+`;
+
+exports[`AccountList reducer should handle INVENTORY_FILTER_UPDATE 1`] = `
+Object {
+  "filterTerm": "test_filter_term",
+}
+`;
+
+exports[`AccountList reducer should handle LAYOUT_CHANGE_ORG 1`] = `
+Object {
+  "filterTerm": "some_org",
+}
+`;
+
+exports[`AccountList reducer should return the initial state 1`] = `
+Object {
+  "filterTerm": "",
+}
+`;

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

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventoryFilter selectors should return InventoryFilter 1`] = `
+Object {
+  "filterTerm": "test_filter_term",
+}
+`;
+
+exports[`InventoryFilter selectors should return filterTerm 1`] = `"test_filter_term"`;

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

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventoryFilter integration test should flow: filter have been updated 1`] = `
+Object {
+  "action": Array [
+    Array [
+      Object {
+        "payload": Object {
+          "filterTerm": "some_new_filter",
+        },
+        "type": "INVENTORY_FILTER_UPDATE",
+      },
+    ],
+  ],
+  "state": Object {
+    "ForemanRhCloud": Object {
+      "InsightsCloudSync": Object {
+        "settings": Object {
+          "insightsSyncEnabled": false,
+        },
+      },
+      "hostInsights": Object {
+        "hits": Array [],
+      },
+      "inventoryUpload": Object {
+        "accountsList": Object {
+          "accounts": Object {},
+          "error": null,
+          "pollingProcessID": 0,
+        },
+        "dashboard": Object {},
+        "inventoryFilter": Object {
+          "filterTerm": "some_new_filter",
+        },
+        "inventorySync": Object {},
+      },
+    },
+  },
+}
+`;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IntegrationTestHelper } from 'react-redux-test-utils';
+import InventoryFilter from '../index';
+import reducers from '../../../../ForemanRhCloudReducers';
+
+describe('InventoryFilter integration test', () => {
+  it('should flow', async () => {
+    const integrationTestHelper = new IntegrationTestHelper(reducers);
+    const wrapper = integrationTestHelper.mount(<InventoryFilter />);
+    const input = wrapper.find('#inventory_filter_input');
+    input.simulate('change', { target: { value: 'some_new_filter' } });
+    await IntegrationTestHelper.flushAllPromises();
+    wrapper.update();
+    integrationTestHelper.takeStoreAndLastActionSnapshot(
+      'filter have been updated'
+    );
+  });
+});

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

@@ -0,0 +1,17 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import reducer from './InventoryFilterReducer';
+import * as actions from './InventoryFilterActions';
+import InventoryFilter from './InventoryFilter';
+import { selectFilterTerm } from './InventoryFilterSelectors';
+
+export const reducers = { inventoryFilter: reducer };
+
+const mapStateToProps = state => ({
+  filterTerm: selectFilterTerm(state),
+});
+// map action dispatchers to props
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(InventoryFilter);

data/webpack/ForemanInventoryUpload/Components/InventoryFilter/inventoryFilter.scss

@@ -0,0 +1,28 @@
+#inventory_filter_form {
+  .form-group {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: row;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-flex-wrap: nowrap;
+    -ms-flex-wrap: nowrap;
+    flex-wrap: nowrap;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    -webkit-align-content: center;
+    -ms-flex-line-pack: center;
+    align-content: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    margin-bottom: 0;
+
+    .inventory-clear-button {
+      position: absolute;
+      right: 27px;
+    }
+  }
+}

data/webpack/ForemanInventoryUpload/Components/InventorySettings/InventorySettings.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import AutoUploadSwitcher from '../AutoUploadSwitcher';
+import HostObfuscationSwitcher from '../HostObfuscationSwitcher';
+import './inventorySettings.scss';
+
+const InventorySettings = () => (
+  <div className="inventory_settings">
+    <h3>{__('Settings')}</h3>
+    <AutoUploadSwitcher />
+    <HostObfuscationSwitcher />
+  </div>
+);
+
+export default InventorySettings;

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

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

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

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventorySettings rendering render without Props 1`] = `
+<div
+  className="inventory_settings"
+>
+  <h3>
+    Settings
+  </h3>
+  <Connect(AutoUploadSwitcher) />
+  <Connect(HostObfuscationSwitcher) />
+</div>
+`;

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

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

data/webpack/ForemanInventoryUpload/Components/InventorySettings/inventorySettings.scss

@@ -0,0 +1,15 @@
+.inventory_settings {
+  border: 1px solid #ededed;
+  border-radius: 4px;
+  padding: 10px;
+  margin-bottom: 15px;
+
+  h3 {
+    margin-top: 0;
+    font-weight: 600;
+  }
+
+  .bootstrap-switch {
+    float: right;
+  }
+}

data/webpack/ForemanInventoryUpload/Components/PageHeader/PageHeader.js

@@ -1,21 +1,40 @@
 import React from 'react';
 import { Grid } from 'patternfly-react';
-import { translate as __ } from 'foremanReact/common/I18n';
-import AutoUploadSwitcher from '../AutoUploadSwitcher';
+import InventorySettings from '../InventorySettings';
+import PageDescription from './components/PageDescription';
+import InventoryFilter from '../InventoryFilter';
+import ToolbarButtons from './components/ToolbarButtons';
+import { INVENTORY_PAGE_TITLE } from '../../ForemanInventoryConstants';
+import './pageHeader.scss';
 
 const PageHeader = () => (
   <React.Fragment>
     <Grid.Row>
-      <Grid.Col xs={12}>
-        <h1>{__('Red Hat Inventory Uploads')}</h1>
+      <Grid.Col xs={6}>
+        <h1 className="inventory_title">{INVENTORY_PAGE_TITLE}</h1>
       </Grid.Col>
     </Grid.Row>
     <Grid.Row>
-      <Grid.Col xs={4} xsOffset={8}>
-        <AutoUploadSwitcher />
+      <Grid.Col xs={9}>
+        <PageDescription />
+      </Grid.Col>
+      <Grid.Col xs={3}>
+        <InventorySettings />
+      </Grid.Col>
+    </Grid.Row>
+    <Grid.Row>
+      <Grid.Col xs={4}>
+        <InventoryFilter />
+      </Grid.Col>
+      <Grid.Col xs={6} xsOffset={2}>
+        <ToolbarButtons />
       </Grid.Col>
     </Grid.Row>
   </React.Fragment>
 );
 
+PageHeader.propTypes = {};
+
+PageHeader.defaultProps = {};
+
 export default PageHeader;