katello 3.9.1 → 3.10.0.rc1

data/webpack/scenes/Subscriptions/__tests__/__snapshots__/SubscriptionsSelectors.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Subscriptions selectors should select delete-modal-opened 1`] = `false`;
+
+exports[`Subscriptions selectors should select manifest-modal-opened 1`] = `false`;
+
+exports[`Subscriptions selectors should select search-query 1`] = `"some-query"`;
+
+exports[`Subscriptions selectors should select subscriptions tasks 1`] = `
+Array [
+  "task1",
+  "task2",
+]
+`;
+
+exports[`Subscriptions selectors should select the subscriptions state 1`] = `
+Object {
+  "deleteModalOpened": false,
+  "manifestModalOpened": false,
+  "searchQuery": "some-query",
+  "tasks": Array [
+    "task1",
+    "task2",
+  ],
+}
+`;

data/webpack/scenes/Subscriptions/__tests__/subscriptions.fixtures.js

@@ -3,6 +3,7 @@ import { toastErrorAction, failureAction } from '../../../services/api/testHelpe
 
 export const initialState = Immutable({
   loading: true,
+  manifestModalOpened: false,
   results: [],
   pagination: {
     page: 0,
@@ -184,6 +185,7 @@ export const quantitiesRequestSuccessResponse = Immutable({
 
 export const successState = Immutable({
   loading: false,
+  manifestModalOpened: false,
   results: [
     {
       id: 3,
@@ -270,6 +272,7 @@ export const settingsSuccessState = Immutable({
 
 export const errorState = Immutable({
   loading: false,
+  manifestModalOpened: false,
   pagination: {
     page: 0,
     perPage: 20,
@@ -373,13 +376,15 @@ export const loadQuantitiesFailureActions = [
   toastErrorAction('Request failed with status code 500'),
 ];
 
+export const loadQuantitiesSuccessActionPayload = { 4: 100, 5: 100, 6: 40 };
+
 export const loadQuantitiesSuccessActions = [
   {
     type: 'SUBSCRIPTIONS_QUANTITIES_REQUEST',
   },
   {
     type: 'SUBSCRIPTIONS_QUANTITIES_SUCCESS',
-    response: quantitiesRequestSuccessResponse,
+    payload: loadQuantitiesSuccessActionPayload,
   },
 ];
 export const tableColumns = [

data/webpack/scenes/Subscriptions/components/SubscriptionsTable/__tests__/__snapshots__/SubscriptionsTable.test.js.snap

@@ -12,6 +12,7 @@ exports[`subscriptions table should render a loading state 1`] = `
       "availableQuantities": null,
       "itemCount": 0,
       "loading": true,
+      "manifestModalOpened": false,
       "pagination": Object {
         "page": 0,
         "perPage": 20,
@@ -413,26 +414,7 @@ exports[`subscriptions table should render a table 1`] = `
 `;
 
 exports[`subscriptions table should render an empty state 1`] = `
-<div
-  class="blank-slate-pf"
->
-  <div
-    class="blank-slate-pf-icon"
-  >
-    <span
-      aria-hidden="true"
-      class="pficon pficon-add-circle-o"
-    />
-  </div>
-  <h4
-    class="h1 blank-slate-pf-title"
-  >
-    Yay empty state
-  </h4>
-  <p
-    class="blank-slate-pf-info"
-  >
-    There is nothing to see here
-  </p>
+<div>
+  EmptyState: {"header":"Yay empty state","description":"There is nothing to see here"}
 </div>
 `;

data/webpack/scenes/Subscriptions/components/SubscriptionsToolbar/SubscriptionsToolbar.js

@@ -0,0 +1,113 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Row, Col, Form, FormGroup, Button } from 'patternfly-react';
+import { LinkContainer } from 'react-router-bootstrap';
+import TooltipButton from 'react-bootstrap-tooltip-button';
+import { noop } from 'foremanReact/common/helpers';
+
+import Search from '../../../../components/Search/index';
+import OptionTooltip from '../../../../move_to_pf/OptionTooltip';
+
+const SubscriptionsToolbar = ({
+  disableManifestActions,
+  disableManifestReason,
+  disableDeleteButton,
+  disableDeleteReason,
+  disableAddButton,
+  getAutoCompleteParams,
+  updateSearchQuery,
+  onDeleteButtonClick,
+  onSearch,
+  onManageManifestButtonClick,
+  onExportCsvButtonClick,
+  tableColumns,
+  toolTipOnChange,
+  toolTipOnclose,
+}) => (
+  <Row className="toolbar-pf table-view-pf-toolbar-external">
+    <Col sm={12}>
+      <Form className="toolbar-pf-actions">
+        <FormGroup className="toolbar-pf-filter">
+          <Search
+            onSearch={onSearch}
+            getAutoCompleteParams={getAutoCompleteParams}
+            updateSearchQuery={updateSearchQuery}
+          />
+        </FormGroup>
+        <div className="option-tooltip-container">
+          <OptionTooltip options={tableColumns} icon="fa-columns" id="subscriptionTableTooltip" onChange={toolTipOnChange} onClose={toolTipOnclose} />
+        </div>
+        <div className="toolbar-pf-action-right">
+          <FormGroup>
+            <LinkContainer
+              to="subscriptions/add"
+              disabled={disableManifestActions || disableAddButton}
+            >
+              <TooltipButton
+                tooltipId="add-subscriptions-button-tooltip"
+                tooltipText={disableManifestReason}
+                tooltipPlacement="top"
+                title={__('Add Subscriptions')}
+                disabled={disableManifestActions}
+                bsStyle="primary"
+              />
+            </LinkContainer>
+
+            <Button onClick={onManageManifestButtonClick}>
+              {__('Manage Manifest')}
+            </Button>
+
+            <Button
+              onClick={onExportCsvButtonClick}
+            >
+              {__('Export CSV')}
+            </Button>
+
+            <TooltipButton
+              bsStyle="danger"
+              onClick={onDeleteButtonClick}
+              tooltipId="delete-subscriptions-button-tooltip"
+              tooltipText={disableDeleteReason}
+              tooltipPlacement="top"
+              title={__('Delete')}
+              disabled={disableManifestActions || disableDeleteButton}
+            />
+
+          </FormGroup>
+        </div>
+      </Form>
+    </Col>
+  </Row>
+);
+
+SubscriptionsToolbar.propTypes = {
+  ...Search.propTypes,
+  tableColumns: OptionTooltip.propTypes.options,
+  disableManifestActions: PropTypes.bool,
+  disableManifestReason: PropTypes.string,
+  disableDeleteButton: PropTypes.bool,
+  disableDeleteReason: PropTypes.string,
+  disableAddButton: PropTypes.bool,
+  onDeleteButtonClick: PropTypes.func,
+  onManageManifestButtonClick: PropTypes.func,
+  onExportCsvButtonClick: PropTypes.func,
+  toolTipOnChange: PropTypes.func,
+  toolTipOnclose: PropTypes.func,
+};
+
+SubscriptionsToolbar.defaultProps = {
+  ...Search.defaultProps,
+  tableColumns: [],
+  disableManifestActions: false,
+  disableManifestReason: '',
+  disableDeleteButton: false,
+  disableDeleteReason: '',
+  disableAddButton: false,
+  onDeleteButtonClick: noop,
+  onManageManifestButtonClick: noop,
+  onExportCsvButtonClick: noop,
+  toolTipOnChange: noop,
+  toolTipOnclose: noop,
+};
+
+export default SubscriptionsToolbar;

data/webpack/scenes/Subscriptions/components/SubscriptionsToolbar/SubscriptionsToolbar.test.js

@@ -0,0 +1,47 @@
+import { testComponentSnapshotsWithFixtures } from '../../../../move_to_pf/test-utils/testHelpers';
+import SubscriptionsToolbar from './SubscriptionsToolbar';
+
+const createRequiredProps = () => ({
+  onSearch: jest.fn(),
+  getAutoCompleteParams: jest.fn(),
+  updateSearchQuery: jest.fn(),
+});
+const fixtures = {
+  'renders SubscriptionsToolbar': {
+    ...createRequiredProps(),
+  },
+  'renders SubscriptionsToolbar with disabled manifest actions': {
+    ...createRequiredProps(),
+    disableManifestActions: true,
+    disableManifestReason: 'some reason for manifest',
+  },
+  'renders SubscriptionsToolbar with disabled delete button': {
+    ...createRequiredProps(),
+    disableDeleteButton: true,
+    disableDeleteReason: 'some reason for delete',
+  },
+  'renders SubscriptionsToolbar with disabled add button': {
+    ...createRequiredProps(),
+    disableAddButton: true,
+    disableManifestReason: 'some reason for manifest',
+  },
+  'renders SubscriptionsToolbar with table columns': {
+    ...createRequiredProps(),
+    tableColumns: [{
+      key: 'col1',
+      label: 'Col 1',
+      value: true,
+    }, {
+      key: 'col2',
+      label: 'Col 2',
+      value: false,
+    }, {
+      key: 'col2',
+      label: 'Col 2',
+      value: false,
+    }],
+  },
+};
+
+describe('SubscriptionsToolbar', () =>
+  testComponentSnapshotsWithFixtures(SubscriptionsToolbar, fixtures));

data/webpack/scenes/Subscriptions/components/SubscriptionsToolbar/__snapshots__/SubscriptionsToolbar.test.js.snap

@@ -0,0 +1,504 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SubscriptionsToolbar renders SubscriptionsToolbar 1`] = `
+<Row
+  bsClass="row"
+  className="toolbar-pf table-view-pf-toolbar-external"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    sm={12}
+  >
+    <Form
+      bsClass="form"
+      className="toolbar-pf-actions"
+      componentClass="form"
+      horizontal={false}
+      inline={false}
+    >
+      <FormGroup
+        bsClass="form-group"
+        className="toolbar-pf-filter"
+      >
+        <Search
+          getAutoCompleteParams={[MockFunction]}
+          initialInputValue=""
+          onSearch={[MockFunction]}
+          updateSearchQuery={[MockFunction]}
+        />
+      </FormGroup>
+      <div
+        className="option-tooltip-container"
+      >
+        <OptionTooltip
+          icon="fa-columns"
+          id="subscriptionTableTooltip"
+          onChange={[Function]}
+          onClose={[Function]}
+          options={Array []}
+          rootClose={true}
+        />
+      </div>
+      <div
+        className="toolbar-pf-action-right"
+      >
+        <FormGroup
+          bsClass="form-group"
+        >
+          <LinkContainer
+            activeClassName="active"
+            disabled={false}
+            exact={false}
+            replace={false}
+            strict={false}
+            to="subscriptions/add"
+          >
+            <TooltipButton
+              bsStyle="primary"
+              disabled={false}
+              title="Add Subscriptions"
+              tooltipId="add-subscriptions-button-tooltip"
+              tooltipPlacement="top"
+              tooltipText=""
+            />
+          </LinkContainer>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Manage Manifest
+          </Button>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Export CSV
+          </Button>
+          <TooltipButton
+            bsStyle="danger"
+            disabled={false}
+            title="Delete"
+            tooltipId="delete-subscriptions-button-tooltip"
+            tooltipPlacement="top"
+            tooltipText=""
+          />
+        </FormGroup>
+      </div>
+    </Form>
+  </Col>
+</Row>
+`;
+
+exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled add button 1`] = `
+<Row
+  bsClass="row"
+  className="toolbar-pf table-view-pf-toolbar-external"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    sm={12}
+  >
+    <Form
+      bsClass="form"
+      className="toolbar-pf-actions"
+      componentClass="form"
+      horizontal={false}
+      inline={false}
+    >
+      <FormGroup
+        bsClass="form-group"
+        className="toolbar-pf-filter"
+      >
+        <Search
+          getAutoCompleteParams={[MockFunction]}
+          initialInputValue=""
+          onSearch={[MockFunction]}
+          updateSearchQuery={[MockFunction]}
+        />
+      </FormGroup>
+      <div
+        className="option-tooltip-container"
+      >
+        <OptionTooltip
+          icon="fa-columns"
+          id="subscriptionTableTooltip"
+          onChange={[Function]}
+          onClose={[Function]}
+          options={Array []}
+          rootClose={true}
+        />
+      </div>
+      <div
+        className="toolbar-pf-action-right"
+      >
+        <FormGroup
+          bsClass="form-group"
+        >
+          <LinkContainer
+            activeClassName="active"
+            disabled={true}
+            exact={false}
+            replace={false}
+            strict={false}
+            to="subscriptions/add"
+          >
+            <TooltipButton
+              bsStyle="primary"
+              disabled={false}
+              title="Add Subscriptions"
+              tooltipId="add-subscriptions-button-tooltip"
+              tooltipPlacement="top"
+              tooltipText="some reason for manifest"
+            />
+          </LinkContainer>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Manage Manifest
+          </Button>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Export CSV
+          </Button>
+          <TooltipButton
+            bsStyle="danger"
+            disabled={false}
+            title="Delete"
+            tooltipId="delete-subscriptions-button-tooltip"
+            tooltipPlacement="top"
+            tooltipText=""
+          />
+        </FormGroup>
+      </div>
+    </Form>
+  </Col>
+</Row>
+`;
+
+exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled delete button 1`] = `
+<Row
+  bsClass="row"
+  className="toolbar-pf table-view-pf-toolbar-external"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    sm={12}
+  >
+    <Form
+      bsClass="form"
+      className="toolbar-pf-actions"
+      componentClass="form"
+      horizontal={false}
+      inline={false}
+    >
+      <FormGroup
+        bsClass="form-group"
+        className="toolbar-pf-filter"
+      >
+        <Search
+          getAutoCompleteParams={[MockFunction]}
+          initialInputValue=""
+          onSearch={[MockFunction]}
+          updateSearchQuery={[MockFunction]}
+        />
+      </FormGroup>
+      <div
+        className="option-tooltip-container"
+      >
+        <OptionTooltip
+          icon="fa-columns"
+          id="subscriptionTableTooltip"
+          onChange={[Function]}
+          onClose={[Function]}
+          options={Array []}
+          rootClose={true}
+        />
+      </div>
+      <div
+        className="toolbar-pf-action-right"
+      >
+        <FormGroup
+          bsClass="form-group"
+        >
+          <LinkContainer
+            activeClassName="active"
+            disabled={false}
+            exact={false}
+            replace={false}
+            strict={false}
+            to="subscriptions/add"
+          >
+            <TooltipButton
+              bsStyle="primary"
+              disabled={false}
+              title="Add Subscriptions"
+              tooltipId="add-subscriptions-button-tooltip"
+              tooltipPlacement="top"
+              tooltipText=""
+            />
+          </LinkContainer>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Manage Manifest
+          </Button>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Export CSV
+          </Button>
+          <TooltipButton
+            bsStyle="danger"
+            disabled={true}
+            title="Delete"
+            tooltipId="delete-subscriptions-button-tooltip"
+            tooltipPlacement="top"
+            tooltipText="some reason for delete"
+          />
+        </FormGroup>
+      </div>
+    </Form>
+  </Col>
+</Row>
+`;
+
+exports[`SubscriptionsToolbar renders SubscriptionsToolbar with disabled manifest actions 1`] = `
+<Row
+  bsClass="row"
+  className="toolbar-pf table-view-pf-toolbar-external"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    sm={12}
+  >
+    <Form
+      bsClass="form"
+      className="toolbar-pf-actions"
+      componentClass="form"
+      horizontal={false}
+      inline={false}
+    >
+      <FormGroup
+        bsClass="form-group"
+        className="toolbar-pf-filter"
+      >
+        <Search
+          getAutoCompleteParams={[MockFunction]}
+          initialInputValue=""
+          onSearch={[MockFunction]}
+          updateSearchQuery={[MockFunction]}
+        />
+      </FormGroup>
+      <div
+        className="option-tooltip-container"
+      >
+        <OptionTooltip
+          icon="fa-columns"
+          id="subscriptionTableTooltip"
+          onChange={[Function]}
+          onClose={[Function]}
+          options={Array []}
+          rootClose={true}
+        />
+      </div>
+      <div
+        className="toolbar-pf-action-right"
+      >
+        <FormGroup
+          bsClass="form-group"
+        >
+          <LinkContainer
+            activeClassName="active"
+            disabled={true}
+            exact={false}
+            replace={false}
+            strict={false}
+            to="subscriptions/add"
+          >
+            <TooltipButton
+              bsStyle="primary"
+              disabled={true}
+              title="Add Subscriptions"
+              tooltipId="add-subscriptions-button-tooltip"
+              tooltipPlacement="top"
+              tooltipText="some reason for manifest"
+            />
+          </LinkContainer>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Manage Manifest
+          </Button>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Export CSV
+          </Button>
+          <TooltipButton
+            bsStyle="danger"
+            disabled={true}
+            title="Delete"
+            tooltipId="delete-subscriptions-button-tooltip"
+            tooltipPlacement="top"
+            tooltipText=""
+          />
+        </FormGroup>
+      </div>
+    </Form>
+  </Col>
+</Row>
+`;
+
+exports[`SubscriptionsToolbar renders SubscriptionsToolbar with table columns 1`] = `
+<Row
+  bsClass="row"
+  className="toolbar-pf table-view-pf-toolbar-external"
+  componentClass="div"
+>
+  <Col
+    bsClass="col"
+    componentClass="div"
+    sm={12}
+  >
+    <Form
+      bsClass="form"
+      className="toolbar-pf-actions"
+      componentClass="form"
+      horizontal={false}
+      inline={false}
+    >
+      <FormGroup
+        bsClass="form-group"
+        className="toolbar-pf-filter"
+      >
+        <Search
+          getAutoCompleteParams={[MockFunction]}
+          initialInputValue=""
+          onSearch={[MockFunction]}
+          updateSearchQuery={[MockFunction]}
+        />
+      </FormGroup>
+      <div
+        className="option-tooltip-container"
+      >
+        <OptionTooltip
+          icon="fa-columns"
+          id="subscriptionTableTooltip"
+          onChange={[Function]}
+          onClose={[Function]}
+          options={
+            Array [
+              Object {
+                "key": "col1",
+                "label": "Col 1",
+                "value": true,
+              },
+              Object {
+                "key": "col2",
+                "label": "Col 2",
+                "value": false,
+              },
+              Object {
+                "key": "col2",
+                "label": "Col 2",
+                "value": false,
+              },
+            ]
+          }
+          rootClose={true}
+        />
+      </div>
+      <div
+        className="toolbar-pf-action-right"
+      >
+        <FormGroup
+          bsClass="form-group"
+        >
+          <LinkContainer
+            activeClassName="active"
+            disabled={false}
+            exact={false}
+            replace={false}
+            strict={false}
+            to="subscriptions/add"
+          >
+            <TooltipButton
+              bsStyle="primary"
+              disabled={false}
+              title="Add Subscriptions"
+              tooltipId="add-subscriptions-button-tooltip"
+              tooltipPlacement="top"
+              tooltipText=""
+            />
+          </LinkContainer>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Manage Manifest
+          </Button>
+          <Button
+            active={false}
+            block={false}
+            bsClass="btn"
+            bsStyle="default"
+            disabled={false}
+          >
+            Export CSV
+          </Button>
+          <TooltipButton
+            bsStyle="danger"
+            disabled={false}
+            title="Delete"
+            tooltipId="delete-subscriptions-button-tooltip"
+            tooltipPlacement="top"
+            tooltipText=""
+          />
+        </FormGroup>
+      </div>
+    </Form>
+  </Col>
+</Row>
+`;