foreman_rh_cloud 2.0.6 → 2.0.11

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Icon, OverlayTrigger, Tooltip, noop } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+const ClearButton = ({ onClear }) => (
+  <OverlayTrigger
+    overlay={
+      <Tooltip id="inventory_filter_clear_overlay">{__('Clear')}</Tooltip>
+    }
+    placement="top"
+    trigger={['hover', 'focus']}
+  >
+    <Icon name="close" className="inventory-clear-button" onClick={onClear} />
+  </OverlayTrigger>
+);
+
+ClearButton.propTypes = {
+  onClear: PropTypes.func,
+};
+
+ClearButton.defaultProps = {
+  onClear: noop,
+};
+
+export default ClearButton;

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

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

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

@@ -0,0 +1,2 @@
+export const filterTerm = 'test_filter_term';
+export const org = { title: 'some_org', id: 1 };

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormGroup, FormControl, noop } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import ClearButton from './Components/ClearButton';
+import './inventoryFilter.scss';
+
+const InventoryFilter = ({
+  handleFilterChange,
+  handleFilterClear,
+  filterTerm,
+}) => (
+  <form id="inventory_filter_form">
+    <FormGroup controlId="inventory_filter_input">
+      <FormControl
+        value={filterTerm}
+        type="text"
+        placeholder={__('Filter..')}
+        bsSize="lg"
+        onChange={e => handleFilterChange(e.target.value)}
+      />
+      <ClearButton onClear={handleFilterClear} />
+    </FormGroup>
+  </form>
+);
+
+InventoryFilter.propTypes = {
+  handleFilterChange: PropTypes.func,
+  handleFilterClear: PropTypes.func,
+  filterTerm: PropTypes.string,
+};
+
+InventoryFilter.defaultProps = {
+  handleFilterChange: noop,
+  handleFilterClear: noop,
+  filterTerm: '',
+};
+
+export default InventoryFilter;

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,47 @@
+import Immutable from 'seamless-immutable';
+import {
+  LAYOUT_CHANGE_ORG,
+  LAYOUT_INITIALIZE,
+} 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, organization } = {} }
+) => {
+  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,
+      });
+    }
+    case LAYOUT_INITIALIZE: {
+      // Layout action changed in Jul 20 2020 - https://github.com/theforeman/foreman/commit/e4c39a7d8f8b50ba45ef63e46f6f6914b69f247a
+      const { title } = organization; // org was renamed
+      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 '@theforeman/test';
+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 '@theforeman/test';
+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,44 @@
+import { testReducerSnapshotWithFixtures } from '@theforeman/test';
+import {
+  LAYOUT_CHANGE_ORG,
+  LAYOUT_INITIALIZE,
+} 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 },
+    },
+  },
+  'should handle LAYOUT_INITIALIZE': {
+    action: {
+      type: LAYOUT_INITIALIZE,
+      payload: { organization: org },
+    },
+  },
+};
+
+describe('AccountList reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

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

@@ -0,0 +1,21 @@
+import { testSelectorsSnapshotWithFixtures } from '@theforeman/test';
+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,31 @@
+// 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 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__/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 '@theforeman/test';
+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;
+    }
+  }
+}