foreman_rh_cloud 13.2.11 → 14.0.1

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/__snapshots__/integrations.test.js.snap

@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SyncButton integration test Successful task was triggered on the server resulting in an info toast and polling on the task: handleSync was called 1`] = `
+Array [
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "message": <Toast
+            disconnectHosts={2}
+            syncHosts={0}
+          />,
+          "sticky": true,
+          "type": "success",
+        },
+      },
+      "type": "TOASTS_ADD",
+    },
+  ],
+  Array [
+    Object {
+      "errorToast": [Function],
+      "interval": 3000,
+      "type": "API_GET",
+      "url": "/foreman_tasks/api/tasks/1/details?include_permissions",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "message": <span>
+            Inventory sync has started:
+            <br />
+            <a
+              href="/foreman_tasks/tasks/1"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              view the task page for more details
+            </a>
+          </span>,
+          "type": "info",
+        },
+      },
+      "type": "TOASTS_ADD",
+    },
+  ],
+  Array [
+    Object {
+      "errorToast": [Function],
+      "type": "API_POST",
+      "url": "/foreman_inventory_upload/tasks",
+    },
+  ],
+]
+`;

data/webpack/ForemanInventoryUpload/Components/PageHeader/components/SyncButton/__tests__/integrations.test.js

@@ -1,40 +1,51 @@
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
+import { IntegrationTestHelper } from '@theforeman/test';
 import * as API from 'foremanReact/redux/API';
-import ConnectedSyncButton from '../index';
+import { noop } from 'foremanReact/common/helpers';
+import SyncButton from '../index';
 import { successResponse } from './SyncButtonFixtures';
-import { INVENTORY_SYNC } from '../SyncButtonConstants';
+import {
+  INVENTORY_SYNC,
+  INVENTORY_SYNC_TASK_UPDATE,
+} from '../SyncButtonConstants';
 
 jest.spyOn(API, 'post');
-
-const mockStore = configureMockStore([thunk]);
+jest.spyOn(API, 'get');
 
 describe('SyncButton integration test', () => {
-  it('dispatches sync action when button is clicked', () => {
-    API.post.mockImplementation(({ handleSuccess, key, ...action }) => {
-      if (key === INVENTORY_SYNC && handleSuccess) {
+  it('Successful task was triggered on the server resulting in an info toast and polling on the task', async () => {
+    API.post.mockImplementation(({ handleSuccess = noop, key, ...action }) => {
+      if (key === INVENTORY_SYNC) {
         handleSuccess(successResponse);
       }
       return { type: 'API_POST', ...action };
     });
-
-    const store = mockStore({
-      API: {},
+    API.get.mockImplementation(({ handleSuccess = noop, key, ...action }) => {
+      if (key === INVENTORY_SYNC_TASK_UPDATE) {
+        handleSuccess(
+          {
+            data: {
+              endedAt: '2021-03-22T15:59:02.468+02:00',
+              output: {
+                host_statuses: {
+                  sync: 0,
+                  disconnect: 2,
+                },
+              },
+              result: 'success',
+            },
+          },
+          jest.fn
+        );
+      }
+      return { type: 'API_GET', ...action };
     });
 
-    render(
-      <Provider store={store}>
-        <ConnectedSyncButton />
-      </Provider>
-    );
-
-    fireEvent.click(screen.getByRole('button'));
-
-    const actions = store.getActions();
-    const syncAction = actions.find(a => a.type === 'API_POST');
-    expect(syncAction).toBeTruthy();
+    const integrationTestHelper = new IntegrationTestHelper();
+    const wrapper = integrationTestHelper.mount(<SyncButton />);
+    const instance = wrapper.find('SyncButton').instance();
+    instance.props.handleSync();
+    await IntegrationTestHelper.flushAllPromises();
+    integrationTestHelper.takeActionsSnapshot('handleSync was called');
   });
 });

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

@@ -1,55 +1,33 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
+import { foremanUrl } from '../../../../../../ForemanRhCloudHelpers';
 
-const statusSearchParams = statusName =>
-  `/new/hosts?search=insights_inventory_sync_status+%3D+${statusName}&page=1`;
-const DISCONNECT = 'disconnect';
-const SYNC = 'sync';
-const USER_OMITTED = 'user_omitted';
-const HostsWithStatusLink = ({ statusName, children }) => (
-  <Link to={statusSearchParams(statusName)}>{children}</Link>
-);
-HostsWithStatusLink.propTypes = {
-  statusName: PropTypes.string.isRequired,
-  children: PropTypes.node.isRequired,
-};
-
-const Toast = ({ syncHosts, disconnectHosts, userOmittedHosts }) => {
-  const totalHosts = syncHosts + disconnectHosts + userOmittedHosts;
+const Toast = ({ syncHosts, disconnectHosts }) => {
+  const totalHosts = syncHosts + disconnectHosts;
   return (
     <span>
       <p>
-        {__('Registered hosts in organization: ')}
-        <Link to="/new/hosts?search=set%3F+subscription_uuid&page=1">
-          {totalHosts}
-        </Link>
+        {__('Hosts with subscription in organization: ')}
+        <strong>{totalHosts}</strong>
       </p>
       <p>
-        {__('Uploaded and present on console.redhat.com Inventory service: ')}
-        <HostsWithStatusLink statusName={SYNC}>{syncHosts}</HostsWithStatusLink>
+        {__('Successfully synced hosts: ')}
+        <strong>{syncHosts}</strong>
       </p>
       <p>
-        {__('Not present on console.redhat.com Inventory service: ')}
-        <HostsWithStatusLink statusName={DISCONNECT}>
-          {disconnectHosts}
-        </HostsWithStatusLink>
+        {__('Disconnected hosts: ')}
+        <strong>{disconnectHosts}</strong>
       </p>
-      {!!userOmittedHosts && (
-        <p>
-          {__(
-            'Excluded from upload to console.redhat.com Inventory service because host_registration_insights_inventory parameter value is false: '
-          )}
-          <HostsWithStatusLink statusName={USER_OMITTED}>
-            {userOmittedHosts}
-          </HostsWithStatusLink>
-        </p>
-      )}
       <p>
-        {__(
-          'You can review this information later by looking at the Inventory status of each host.'
-        )}
+        {__('For more info, please visit the')}{' '}
+        <a
+          href={foremanUrl('/hosts')}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {__('hosts page')}
+        </a>
       </p>
     </span>
   );
@@ -58,10 +36,6 @@ const Toast = ({ syncHosts, disconnectHosts, userOmittedHosts }) => {
 Toast.propTypes = {
   syncHosts: PropTypes.number.isRequired,
   disconnectHosts: PropTypes.number.isRequired,
-  userOmittedHosts: PropTypes.number,
-};
-Toast.defaultProps = {
-  userOmittedHosts: 0,
 };
 
 export default Toast;

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

@@ -1,33 +1,13 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
 import ScheduledRun from '../ScheduledRun';
+import { props } from '../ScheduledRun.fixtures';
 
-const renderWithIntl = ui =>
-  render(<IntlProvider locale="en">{ui}</IntlProvider>);
+const fixtures = {
+  'render with Props': props,
+};
 
 describe('ScheduledRun', () => {
-  it('renders next run info when autoUploadEnabled and date are set', () => {
-    renderWithIntl(
-      <ScheduledRun date="2019-08-21T16:14:16.520+03:00" autoUploadEnabled />
-    );
-    expect(screen.getByText(/Next run:/)).toBeTruthy();
-  });
-
-  it('renders nothing when autoUploadEnabled is false', () => {
-    renderWithIntl(
-      <ScheduledRun
-        date="2019-08-21T16:14:16.520+03:00"
-        autoUploadEnabled={false}
-      />
-    );
-    expect(screen.queryByText(/Next run:/)).toBeNull();
-  });
-
-  it('renders nothing when date is null', () => {
-    renderWithIntl(
-      <ScheduledRun date={null} autoUploadEnabled />
-    );
-    expect(screen.queryByText(/Next run:/)).toBeNull();
-  });
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(ScheduledRun, fixtures));
 });

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

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ScheduledRun rendering render with Props 1`] = `
+<Col
+  bsClass="col"
+  className="scheduled_run"
+  componentClass="div"
+  sm={12}
+>
+  <p>
+    <Icon
+      name="calendar"
+      type="fa"
+    />
+    Next run: 
+    <FormattedRelative
+      updateInterval={10000}
+      value="2019-08-21T16:14:16.520+03:00"
+    />
+    .
+  </p>
+</Col>
+`;

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

@@ -1,30 +1,13 @@
-import React from 'react';
-import { render } from '@testing-library/react';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
 import StatusChart from '../StatusChart';
 
-jest.mock('patternfly-react', () => ({
-  Grid: { Col: ({ children }) => <div>{children}</div> },
-  DonutChart: ({ title }) => (
-    <div data-testid="donut-chart">
-      <span>{title?.primary}</span>
-      <span>{title?.secondary}</span>
-    </div>
-  ),
-}));
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
 
 describe('StatusChart', () => {
-  it('renders the status chart container', () => {
-    const { container } = render(<StatusChart />);
-    expect(container.querySelector('.status-chart')).toBeTruthy();
-  });
-
-  it('passes the completed percentage to the chart', () => {
-    const { getByText } = render(<StatusChart completed={75} />);
-    expect(getByText('75%')).toBeTruthy();
-  });
-
-  it('shows Completed label', () => {
-    const { getByText } = render(<StatusChart completed={50} />);
-    expect(getByText('Completed')).toBeTruthy();
-  });
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(StatusChart, fixtures));
 });

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

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatusChart rendering render without Props 1`] = `
+<Col
+  bsClass="col"
+  componentClass="div"
+  sm={4}
+>
+  <div
+    className="status-chart"
+  >
+    <DonutChart
+      className="donut-chart-pf"
+      color={
+        Object {
+          "pattern": Array [
+            "#0088ce",
+            "#d1d1d1",
+          ],
+        }
+      }
+      data={
+        Object {
+          "columns": Array [
+            Array [
+              "Completed",
+              0,
+            ],
+            Array [
+              "Remain",
+              100,
+            ],
+          ],
+          "order": null,
+        }
+      }
+      donut={
+        Object {
+          "label": Object {
+            "show": false,
+          },
+          "title": undefined,
+          "width": 11,
+        }
+      }
+      id="donut-chart-1"
+      legend={
+        Object {
+          "show": false,
+        }
+      }
+      size={
+        Object {
+          "height": 210,
+          "width": 210,
+        }
+      }
+      title={
+        Object {
+          "primary": "0%",
+          "secondary": "Completed",
+          "type": "percent",
+        }
+      }
+      tooltip={
+        Object {
+          "contents": [Function],
+        }
+      }
+      type="donut"
+    />
+  </div>
+</Col>
+`;

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

@@ -1,15 +1,13 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
 import TabContainer from '../TabContainer';
 
-describe('TabContainer', () => {
-  it('renders children', () => {
-    render(<TabContainer><span>Tab content</span></TabContainer>);
-    expect(screen.getByText('Tab content')).toBeTruthy();
-  });
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
 
-  it('renders with custom className', () => {
-    const { container } = render(<TabContainer className="my-tab" />);
-    expect(container.querySelector('.my-tab')).toBeTruthy();
-  });
+describe('TabContainer', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(TabContainer, fixtures));
 });

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

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TabContainer rendering render without Props 1`] = `
+<div
+  className=""
+>
+  <Grid
+    bsClass="container"
+    componentClass="div"
+    fluid={false}
+  >
+    <Col
+      bsClass="col"
+      componentClass="div"
+    />
+  </Grid>
+</div>
+`;

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

@@ -1,15 +1,13 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
 import TabFooter from '../TabFooter';
 
-describe('TabFooter', () => {
-  it('renders children', () => {
-    render(<TabFooter><span>Footer content</span></TabFooter>);
-    expect(screen.getByText('Footer content')).toBeTruthy();
-  });
+const fixtures = {
+  'render without Props': {},
+  /** fixtures, props for the component */
+};
 
-  it('renders with the tab-footer class', () => {
-    const { container } = render(<TabFooter />);
-    expect(container.querySelector('.tab-footer')).toBeTruthy();
-  });
+describe('TabFooter', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(TabFooter, fixtures));
 });

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

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TabFooter rendering render without Props 1`] = `
+<Row
+  bsClass="row"
+  componentClass="div"
+>
+  <div
+    className="tab-footer"
+  />
+</Row>
+`;

data/webpack/ForemanInventoryUpload/ForemanInventoryHelpers.js

@@ -1,20 +1,13 @@
 import URI from 'urijs';
-import { getDocsURL } from 'foremanReact/common/helpers';
 import { foremanUrl } from '../ForemanRhCloudHelpers';
 
 export const inventoryUrl = path =>
   foremanUrl(`/foreman_inventory_upload/${path}`);
 
 export const getInventoryDocsUrl = () =>
-  getDocsURL(
-    'Managing_Hosts',
-    'configuring-foreman-server-for-cloud-connection'
-  );
-
-export const getSubscriptionServiceDocsUrl = () =>
   foremanUrl(
     `/links/manual/?root_url=${URI.encode(
-      'https://docs.redhat.com/en/documentation/subscription_central/1-latest/html-single/getting_started_with_the_subscriptions_service/index'
+      'https://docs.redhat.com/en/documentation/red_hat_lightspeed/1-latest/html-single/red_hat_lightspeed_remediations_guide/index'
     )}`
   );
 

data/webpack/ForemanInventoryUpload/SubscriptionsPageExtension/InventoryAutoUpload/__tests__/InventoryAutoUpload.test.js

@@ -1,38 +1,17 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import InventoryAutoUpload from '../InventoryAutoUpload';
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import { noop } from 'foremanReact/common/helpers';
 
-jest.mock(
-  '../../../Components/InventorySettings/InventorySettings',
-  () => () => <div data-testid="inventory-settings">InventorySettings</div>
-);
+import InventoryAutoUpload from '../InventoryAutoUpload';
 
-describe('InventoryAutoUpload', () => {
-  const buildProps = (overrides = {}) => ({
+const fixtures = {
+  'render with props': {
     autoUploadEnabled: true,
-    setSetting: jest.fn(),
-    getSettings: jest.fn(),
-    ...overrides,
-  });
-
-  it('renders the heading', () => {
-    render(<InventoryAutoUpload {...buildProps()} />);
-    expect(screen.getByText('Red Hat Cloud Inventory')).toBeTruthy();
-  });
+    setSetting: noop,
+    getSettings: noop,
+  },
+};
 
-  it('renders the auto upload switcher', () => {
-    render(<InventoryAutoUpload {...buildProps()} />);
-    expect(screen.getByText('Inventory Auto Upload')).toBeTruthy();
-  });
-
-  it('renders the advanced settings button', () => {
-    render(<InventoryAutoUpload {...buildProps()} />);
-    expect(screen.getByRole('button', { name: /Show Advanced Settings/ })).toBeTruthy();
-  });
-
-  it('calls getSettings on mount', () => {
-    const props = buildProps();
-    render(<InventoryAutoUpload {...props} />);
-    expect(props.getSettings).toHaveBeenCalled();
-  });
+describe('InventoryAutoUpload', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(InventoryAutoUpload, fixtures));
 });

data/webpack/ForemanInventoryUpload/SubscriptionsPageExtension/InventoryAutoUpload/__tests__/__snapshots__/InventoryAutoUpload.test.js.snap

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InventoryAutoUpload rendering render with props 1`] = `
+<FormGroup
+  bsClass="form-group"
+>
+  <Grid
+    bsClass="container"
+    componentClass="div"
+    fluid={false}
+  >
+    <h3>
+      Red Hat Cloud Inventory
+    </h3>
+    <hr />
+    <Row
+      bsClass="row"
+      componentClass="div"
+    >
+      <Switcher
+        SwitchCol={2}
+        id="auto-upload"
+        isChecked={true}
+        label="Inventory Auto Upload"
+        labelCol={5}
+        onChange={[Function]}
+        tooltip="Enable automatic upload of your hosts inventory to the Red Hat cloud"
+      />
+      <Col
+        bsClass="col"
+        componentClass="div"
+        sm={5}
+      >
+        <Popover
+          bodyContent={<InventorySettings />}
+          headerContent={
+            <strong>
+              Advanced Inventory Settings
+            </strong>
+          }
+          position="right"
+        >
+          <Button
+            ouiaId="button-advanced-settings"
+            style={
+              Object {
+                "fontSize": "small",
+                "marginTop": "-4px",
+              }
+            }
+            variant="secondary"
+          >
+            Show Advanced Settings
+             
+            <CaretRightIcon />
+          </Button>
+        </Popover>
+      </Col>
+    </Row>
+    <br />
+    <Row
+      bsClass="row"
+      componentClass="div"
+    >
+      <Col
+        bsClass="col"
+        componentClass="div"
+        sm={12}
+      >
+        <Text
+          component="p"
+          ouiaId="text-more-details"
+        >
+          <InfoAltIcon />
+           
+          More details can be found in
+           
+          <Text
+            component="a"
+            href="/foreman_rh_cloud/inventory_upload"
+            ouiaId="text-details-link"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            <strong>
+              Configure
+               &gt; 
+              Inventory Upload
+            </strong>
+          </Text>
+        </Text>
+      </Col>
+    </Row>
+  </Grid>
+</FormGroup>
+`;