foreman_rh_cloud 1.0.9 → 1.0.13.1

data/webpack/InsightsCloudSync/Components/InsightsSettings/InsightsSettingsConstants.js

@@ -0,0 +1,4 @@
+export const INSIGHTS_SYNC_SETTING_SET = 'INSIGHTS_SYNC_SETTING_SET';
+
+export const INSIGHTS_SYNC_SETTINGS_GET_SUCCESS =
+  'INSIGHTS_SYNC_SETTINGS_GET_SUCCESS';

data/webpack/InsightsCloudSync/Components/InsightsSettings/InsightsSettingsReducer.js

@@ -0,0 +1,24 @@
+import Immutable from 'seamless-immutable';
+import {
+  INSIGHTS_SYNC_SETTING_SET,
+  INSIGHTS_SYNC_SETTINGS_GET_SUCCESS,
+} from './InsightsSettingsConstants';
+
+const initialState = Immutable({
+  insightsSyncEnabled: false,
+});
+
+export default (state = initialState, action) => {
+  const { payload: { settings } = {} } = action;
+
+  switch (action.type) {
+    case INSIGHTS_SYNC_SETTINGS_GET_SUCCESS:
+    case INSIGHTS_SYNC_SETTING_SET:
+      return state.merge({
+        ...state,
+        ...settings,
+      });
+    default:
+      return state;
+  }
+};

data/webpack/InsightsCloudSync/Components/InsightsSettings/InsightsSettingsSelectors.js

@@ -0,0 +1,6 @@
+import { selectInsightsCloudSync } from '../../../ForemanRhCloudSelectors';
+
+export const selectSettings = state => selectInsightsCloudSync(state).settings;
+
+export const selectInsightsSyncEnabled = state =>
+  selectSettings(state).insightsSyncEnabled;

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/InsightsSettings.test.js

@@ -0,0 +1,18 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import { noop } from 'patternfly-react';
+
+import InsightsSettings from '../InsightsSettings';
+
+const fixtures = {
+  'render without Props': {
+    insightsSyncEnabled: false,
+    getInsightsSyncSettings: noop,
+    setInsightsSyncEnabled: noop,
+  },
+  /** fixtures, props for the component */
+};
+
+describe('InsightsSettings', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(InsightsSettings, fixtures));
+});

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/InsightsSettingsActions.test.js

@@ -0,0 +1,62 @@
+import { testActionSnapshotWithFixtures } from 'react-redux-test-utils';
+import API from 'foremanReact/API';
+import {
+  getInsightsSyncSettings,
+  setInsightsSyncEnabled,
+} from '../InsightsSettingsActions';
+import { rhCloudStateWrapper } from '../../../../ForemanRhCloudTestHelpers';
+
+const serverMock = {
+  data: { insightsSyncEnabled: true },
+};
+
+jest.mock('foremanReact/API');
+API.get.mockImplementation(() => serverMock);
+API.patch.mockImplementation(() => serverMock);
+
+const runWithGetState = (state, action, params) => dispatch => {
+  const getState = () => rhCloudStateWrapper({ InsightsCloudSync: state });
+  action(params)(dispatch, getState);
+};
+
+const fixtures = {
+  'should generate INSIGHTS_SYNC_SETTINGS_GET_SUCCESS action': () =>
+    runWithGetState({ settings: {} }, getInsightsSyncSettings, {}),
+  'should handle getInsightsSyncSettings with error ': () => {
+    API.get.mockImplementationOnce(() =>
+      Promise.reject(new Error('Network error!'))
+    );
+    return runWithGetState({ settings: {} }, getInsightsSyncSettings, {});
+  },
+  'should generate INSIGHTS_SYNC_SETTING_SET action': () =>
+    runWithGetState(
+      { settings: { insightsSyncEnabled: false } },
+      setInsightsSyncEnabled,
+      true
+    ),
+  'should handle setInsightsSyncEnabled with error ': () => {
+    API.patch.mockImplementationOnce(() =>
+      Promise.reject(new Error('Network error!'))
+    );
+    return runWithGetState(
+      { settings: { insightsSyncEnabled: false } },
+      setInsightsSyncEnabled,
+      true
+    );
+  },
+};
+
+describe('InsightsSettings actions', () => {
+  const { location } = window;
+
+  beforeAll(() => {
+    delete window.location;
+    window.location = { href: jest.fn() };
+  });
+
+  afterAll(() => {
+    window.location = location;
+  });
+
+  return testActionSnapshotWithFixtures(fixtures);
+});

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/InsightsSettingsReducer.test.js

@@ -0,0 +1,33 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+import reducer from '../InsightsSettingsReducer';
+import {
+  INSIGHTS_SYNC_SETTING_SET,
+  INSIGHTS_SYNC_SETTINGS_GET_SUCCESS,
+} from '../InsightsSettingsConstants';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle INSIGHTS_SYNC_SETTINGS_GET_SUCCESS': {
+    action: {
+      type: INSIGHTS_SYNC_SETTINGS_GET_SUCCESS,
+      payload: {
+        settings: {
+          insightsSyncEnabled: true,
+        },
+      },
+    },
+  },
+  'should handle INSIGHTS_SYNC_SETTING_SET': {
+    action: {
+      type: INSIGHTS_SYNC_SETTING_SET,
+      payload: {
+        settings: {
+          insightsSyncEnabled: true,
+        },
+      },
+    },
+  },
+};
+
+describe('InsightsSettings reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/InsightsSettingsSelectors.test.js

@@ -0,0 +1,21 @@
+import { testSelectorsSnapshotWithFixtures } from 'react-redux-test-utils';
+import {
+  selectSettings,
+  selectInsightsSyncEnabled,
+} from '../InsightsSettingsSelectors';
+import { insightsStateWrapper } from '../../../../ForemanRhCloudTestHelpers';
+
+const state = insightsStateWrapper({
+  settings: {
+    insightsSyncEnabled: true,
+  },
+});
+
+const fixtures = {
+  'should return insights sync settings': () => selectSettings(state),
+  'should return insightsSyncEnabled setting': () =>
+    selectInsightsSyncEnabled(state),
+};
+
+describe('InsightsSettings selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/__snapshots__/InsightsSettings.test.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsSettings rendering render without Props 1`] = `
+<div
+  className="insights_settings"
+>
+  <h3>
+    Settings
+  </h3>
+  <InsightsSyncSwitcher
+    insightsSyncEnabled={false}
+    setInsightsSyncEnabled={[Function]}
+  />
+</div>
+`;

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/__snapshots__/InsightsSettingsActions.test.js.snap

@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsSettings actions should generate INSIGHTS_SYNC_SETTING_SET action 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "settings": Object {
+          "insightsSyncEnabled": true,
+        },
+      },
+      "type": "INSIGHTS_SYNC_SETTING_SET",
+    },
+  ],
+]
+`;
+
+exports[`InsightsSettings actions should generate INSIGHTS_SYNC_SETTINGS_GET_SUCCESS action 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "settings": Object {
+          "insightsSyncEnabled": true,
+        },
+      },
+      "type": "INSIGHTS_SYNC_SETTINGS_GET_SUCCESS",
+    },
+  ],
+]
+`;
+
+exports[`InsightsSettings actions should handle getInsightsSyncSettings with error  1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "message": "Network error!",
+          "sticky": true,
+          "type": "error",
+        },
+      },
+      "type": "TOASTS_ADD",
+    },
+  ],
+]
+`;
+
+exports[`InsightsSettings actions should handle setInsightsSyncEnabled with error  1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "message": "Network error!",
+          "sticky": true,
+          "type": "error",
+        },
+      },
+      "type": "TOASTS_ADD",
+    },
+  ],
+]
+`;

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/__snapshots__/InsightsSettingsReducer.test.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsSettings reducer should handle INSIGHTS_SYNC_SETTING_SET 1`] = `
+Object {
+  "insightsSyncEnabled": true,
+}
+`;
+
+exports[`InsightsSettings reducer should handle INSIGHTS_SYNC_SETTINGS_GET_SUCCESS 1`] = `
+Object {
+  "insightsSyncEnabled": true,
+}
+`;
+
+exports[`InsightsSettings reducer should return the initial state 1`] = `
+Object {
+  "insightsSyncEnabled": false,
+}
+`;

data/webpack/InsightsCloudSync/Components/InsightsSettings/__tests__/__snapshots__/InsightsSettingsSelectors.test.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsSettings selectors should return insights sync settings 1`] = `
+Object {
+  "insightsSyncEnabled": true,
+}
+`;
+
+exports[`InsightsSettings selectors should return insightsSyncEnabled setting 1`] = `true`;

data/webpack/InsightsCloudSync/Components/InsightsSettings/index.js

@@ -0,0 +1,21 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+
+import InsightsSettings from './InsightsSettings';
+import { selectInsightsSyncEnabled } from './InsightsSettingsSelectors';
+import * as actions from './InsightsSettingsActions';
+import reducer from './InsightsSettingsReducer';
+
+// map state to props
+const mapStateToProps = state => ({
+  insightsSyncEnabled: selectInsightsSyncEnabled(state),
+});
+
+// map action dispatchers to props
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+// export connected component
+export default connect(mapStateToProps, mapDispatchToProps)(InsightsSettings);
+
+// export reducers
+export const reducers = { settings: reducer };

data/webpack/InsightsCloudSync/Components/InsightsSettings/insightsSettings.scss

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

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/InsightsSyncSwitcher.fixtures.js

@@ -0,0 +1 @@
+export const handleToggleResponse = { data: { insightsSyncEnabled: true } };

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/InsightsSyncSwitcher.js

@@ -0,0 +1,45 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Switch, FieldLevelHelp } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import './insightsSyncSwitcher.scss';
+
+class InsightsSyncSwitcher extends Component {
+  handleToggle = () => {
+    const { insightsSyncEnabled, setInsightsSyncEnabled } = this.props;
+
+    const toggledInsightsSyncEnabled = !insightsSyncEnabled;
+    setInsightsSyncEnabled(toggledInsightsSyncEnabled);
+  };
+
+  render() {
+    const { insightsSyncEnabled } = this.props;
+
+    return (
+      <div className="insights_sync_switcher">
+        <span>Synchronize Automatically</span>
+        <FieldLevelHelp
+          content={__(
+            'Enable automatic synchronization of Insights recommendations from the Red Hat cloud'
+          )}
+        />
+        <Switch
+          size="mini"
+          value={insightsSyncEnabled}
+          onChange={this.handleToggle}
+        />
+      </div>
+    );
+  }
+}
+
+InsightsSyncSwitcher.propTypes = {
+  insightsSyncEnabled: PropTypes.bool,
+  setInsightsSyncEnabled: PropTypes.func.isRequired,
+};
+
+InsightsSyncSwitcher.defaultProps = {
+  insightsSyncEnabled: true,
+};
+
+export default InsightsSyncSwitcher;

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/__tests__/InsightsSyncSwitcher.test.js

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

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/__tests__/__snapshots__/InsightsSyncSwitcher.test.js.snap

@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InsightsSyncSwitcher rendering render with props 1`] = `
+<div
+  className="insights_sync_switcher"
+>
+  <span>
+    Synchronize Automatically
+  </span>
+  <FieldLevelHelp
+    buttonClass=""
+    content="Enable automatic synchronization of Insights recommendations from the Red Hat cloud"
+    placement="top"
+    rootClose={true}
+  />
+  <Switch
+    animate={true}
+    baseClass="bootstrap-switch"
+    bsSize={null}
+    defaultValue={true}
+    disabled={false}
+    handleWidth="auto"
+    inverse={false}
+    labelText=" "
+    labelWidth="auto"
+    offColor="default"
+    offText="OFF"
+    onChange={[Function]}
+    onColor="primary"
+    onText="ON"
+    readonly={false}
+    size="mini"
+    tristate={false}
+    value={true}
+    wrapperClass="wrapper"
+  />
+</div>
+`;

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/index.js

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

data/webpack/InsightsCloudSync/Components/InsightsSyncSwitcher/insightsSyncSwitcher.scss

@@ -0,0 +1,3 @@
+.insights_sync_switcher {
+  margin-bottom: 5px;
+}