katello 3.16.2 → 3.17.0.rc1

data/webpack/scenes/Settings/index.js

@@ -1,4 +1,5 @@
 import { combineReducers } from 'redux';
 import tables from './Tables/TableReducer';
+import settings from './SettingsReducer';
 
-export default combineReducers({ tables });
+export default combineReducers({ tables, settings });

data/webpack/scenes/Subscriptions/Details/SubscriptionDetailActions.js

@@ -4,7 +4,7 @@ import {
   SUBSCRIPTION_DETAILS_SUCCESS,
   SUBSCRIPTION_DETAILS_FAILURE,
 } from './SubscriptionDetailConstants';
-import { apiError } from '../../../move_to_foreman/common/helpers.js';
+import { apiError } from '../../../utils/helpers.js';
 
 export const loadSubscriptionDetails = subscriptionId => async (dispatch) => {
   dispatch({ type: SUBSCRIPTION_DETAILS_REQUEST });

data/webpack/scenes/Subscriptions/Details/SubscriptionDetails.js

@@ -7,7 +7,7 @@ import SubscriptionDetailInfo from './SubscriptionDetailInfo';
 import SubscriptionDetailAssociations from './SubscriptionDetailAssociations';
 import SubscriptionDetailProducts from './SubscriptionDetailProducts';
 import SubscriptionDetailProductContent from './SubscriptionDetailProductContent';
-import { LoadingState } from '../../../move_to_pf/LoadingState';
+import { LoadingState } from '../../../components/LoadingState';
 import api, { orgId } from '../../../services/api';
 
 class SubscriptionDetails extends Component {

data/webpack/scenes/Subscriptions/Manifest/ManageManifestModal.js

@@ -1,17 +1,17 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Grid, Col, Row, Tabs, Tab, Form, FormGroup, FormControl, ControlLabel } from 'react-bootstrap';
-import { Button, Spinner, OverlayTrigger, Tooltip, Icon } from 'patternfly-react';
+import { Button, Spinner } from 'patternfly-react';
 import ForemanModal from 'foremanReact/components/ForemanModal';
-import { isEqual } from 'lodash';
 import { translate as __ } from 'foremanReact/common/I18n';
-import TooltipButton from '../../../move_to_pf/TooltipButton';
-import { LoadingState } from '../../../move_to_pf/LoadingState';
-import { Table } from '../../../move_to_foreman/components/common/table';
-import { manifestExists } from '../SubscriptionHelpers';
+import TooltipButton from '../../../components/TooltipButton';
+import { LoadingState } from '../../../components/LoadingState';
+import { Table } from '../../../components/pf3Table';
+
 import { columns } from './ManifestHistoryTableSchema';
 import DeleteManifestModalText from './DeleteManifestModalText';
 import { MANAGE_MANIFEST_MODAL_ID, DELETE_MANIFEST_MODAL_ID } from './ManifestConstants';
+import SimpleContentAccess from './SimpleContentAccess';
 
 import './ManageManifestModal.scss';
 
@@ -20,31 +20,21 @@ class ManageManifestModal extends Component {
     super(props);
 
     this.state = {
-      actionInProgress: props.taskInProgress,
+      redhat_repository_url: null,
+      hideModalAfterAction: true,
     };
   }
 
-  static getDerivedStateFromProps(newProps, prevState) {
-    if (
-      !isEqual(newProps.taskInProgress, prevState.actionInProgress)
-    ) {
-      return {
-        actionInProgress: newProps.taskInProgress,
-      };
+  componentWillMount() {
+    if (this.props.taskInProgress && this.state.hideModalAfterAction) {
+      this.hideModal();
+      this.setState({ hideModalAfterAction: false });
     }
-    return null;
   }
 
   componentDidMount() {
     this.loadData();
-  }
-
-  componentDidUpdate(prevProp, prevState) {
-    const { actionInProgress } = this.state;
-
-    if (prevState.actionInProgress && !actionInProgress) {
-      this.props.loadOrganization();
-    }
+    this.props.loadOrganization();
   }
 
   loadData() {
@@ -72,21 +62,17 @@ class ManageManifestModal extends Component {
 
   uploadManifest = (fileList) => {
     this.hideModal();
-    this.setState({ actionInProgress: true });
     if (fileList.length > 0) {
       this.props.upload(fileList[0]);
     }
   };
 
   refreshManifest = () => {
-    this.hideModal();
-    this.setState({ actionInProgress: true });
     this.props.refresh();
   };
 
   deleteManifest = () => {
     this.hideModal();
-    this.setState({ actionInProgress: true });
     this.props.delete();
   };
 
@@ -105,15 +91,25 @@ class ManageManifestModal extends Component {
       disabledReason,
       canImportManifest,
       canDeleteManifest,
+      isManifestImported,
       canEditOrganizations,
       simpleContentAccess,
+      enableSimpleContentAccess,
+      disableSimpleContentAccess,
+      taskInProgress,
+      manifestActionInProgress,
     } = this.props;
 
+    const actionInProgress = (taskInProgress || manifestActionInProgress);
     const showRedHatProviderDetails = canEditOrganizations;
     const showSubscriptionManifest = (canImportManifest || canDeleteManifest);
     const showManifestTab = (showRedHatProviderDetails || showSubscriptionManifest);
-
-    const { actionInProgress } = this.state;
+    const disableSCASwitch = (
+      disableManifestActions ||
+      !isManifestImported ||
+      actionInProgress ||
+      organization.loading
+    );
 
     const emptyStateData = () => ({
       header: __('There is no Manifest History to display.'),
@@ -157,17 +153,17 @@ class ManageManifestModal extends Component {
               <Form className="form-horizontal">
                 {showRedHatProviderDetails &&
                   <React.Fragment>
-                    <h5>{__('Red Hat Provider Details')}</h5>
+                    <h3>{__('Red Hat Provider Details')}</h3>
                     <hr />
                     <FormGroup>
                       <Grid>
                         <Row>
-                          <Col sm={4}>
+                          <Col sm={5}>
                             <ControlLabel htmlFor="cdnUrl">
                               {__('Red Hat CDN URL')}
                             </ControlLabel>
                           </Col>
-                          <Col sm={8}>
+                          <Col sm={7}>
                             <FormControl
                               id="cdnUrl"
                               type="text"
@@ -181,7 +177,7 @@ class ManageManifestModal extends Component {
                     <FormGroup>
                       <Grid>
                         <Row>
-                          <Col smOffset={4} sm={4}>
+                          <Col smOffset={5} sm={7}>
                             <Button onClick={this.saveOrganization} disabled={organization.loading}>
                               {organization.loading ? buttonLoading : __('Update')}
                             </Button>
@@ -197,52 +193,36 @@ class ManageManifestModal extends Component {
 
                     <FormGroup>
                       <Grid>
-                        <h5>{__('Subscription Manifest')}</h5>
+                        <h3>{__('Subscription Manifest')}</h3>
                         <hr />
                         <Row>
-                          <Col sm={4}>
-                            <ControlLabel
-                              className="control-label"
-                              htmlFor="usmaFile"
-                              style={{ paddingTop: '0' }}
-                            >
-                              <OverlayTrigger
-                                overlay={
-                                  <Tooltip id="usma-tooltip">
-                                    {__('Upstream Subscription Management Application')}
-                                  </Tooltip>
-                                }
-                                placement="bottom"
-                                trigger={['hover', 'focus']}
-                                rootClose={false}
-                              >
-                                <div>{__('USMA')}</div>
-                              </OverlayTrigger>
-                            </ControlLabel>
+                          <SimpleContentAccess
+                            enableSimpleContentAccess={enableSimpleContentAccess}
+                            disableSimpleContentAccess={disableSimpleContentAccess}
+                            isSimpleContentAccessEnabled={simpleContentAccess}
+                            canToggleSimpleContentAccess={!disableSCASwitch}
+                          />
+                        </Row>
+                        <Row>
+                          <Col sm={5}>
+                            <strong>{__('Subscription Allocation')}</strong>
                           </Col>
-                          <Col sm={8}>
+                          <Col sm={7}>
                             {getManifestName()}
                           </Col>
                         </Row>
                         <Row>
-                          <Col sm={4}>
-                            <div>{__('Simple Content Access')}</div>
+                          <Col sm={5}>
+                            {canImportManifest &&
+                              <ControlLabel
+                                style={{ paddingTop: '10px' }}
+                              >
+                                <div>{__('Import New Manifest')}</div>
+                              </ControlLabel>
+                            }
                           </Col>
-                          <Col sm={8} className="manifest-actions">
-                            <Spinner loading={actionInProgress} inline />
-                            {simpleContentAccess ? __('Yes') : __('No')}
-                            <OverlayTrigger
-                              overlay={
-                                <Tooltip id="sca-tooltip">
-                                  {__('When Simple Content Access is enabled, hosts can consume from all repositories in their Content View regardless of subscription status.')}
-                                </Tooltip>
-                              }
-                              placement="bottom"
-                              trigger={['hover', 'focus']}
-                              rootClose={false}
-                            >
-                              <Icon type="pf" name="info" />
-                            </OverlayTrigger>
+                          <Col sm={7} className="manifest-actions">
+                            <Spinner loading={actionInProgress} />
                             {canImportManifest &&
                               <FormControl
                                 id="usmaFile"
@@ -260,7 +240,7 @@ class ManageManifestModal extends Component {
                                   tooltipText={disabledReason}
                                   tooltipPlacement="top"
                                   title={__('Refresh')}
-                                  disabled={!manifestExists(organization) ||
+                                  disabled={!isManifestImported ||
                                     actionInProgress || disableManifestActions}
                                 />
                               }
@@ -269,7 +249,7 @@ class ManageManifestModal extends Component {
                                 <TooltipButton
                                   renderedButton={(
                                     <Button
-                                      disabled={!manifestExists(organization) || actionInProgress}
+                                      disabled={!isManifestImported || actionInProgress}
                                       bsStyle="danger"
                                       onClick={this.showDeleteManifestModal}
                                     >
@@ -329,6 +309,8 @@ ManageManifestModal.propTypes = {
   upload: PropTypes.func.isRequired,
   refresh: PropTypes.func.isRequired,
   delete: PropTypes.func.isRequired,
+  enableSimpleContentAccess: PropTypes.func.isRequired,
+  disableSimpleContentAccess: PropTypes.func.isRequired,
   loadManifestHistory: PropTypes.func.isRequired,
   organization: PropTypes.shape({
     loading: PropTypes.bool,
@@ -343,6 +325,7 @@ ManageManifestModal.propTypes = {
   }).isRequired,
   canImportManifest: PropTypes.bool,
   canDeleteManifest: PropTypes.bool,
+  isManifestImported: PropTypes.bool,
   canEditOrganizations: PropTypes.bool,
   disableManifestActions: PropTypes.bool,
   disabledReason: PropTypes.string,
@@ -359,6 +342,7 @@ ManageManifestModal.propTypes = {
   setModalClosed: PropTypes.func.isRequired,
   setModalOpen: PropTypes.func.isRequired,
   deleteManifestModalIsOpen: PropTypes.bool,
+  manifestActionInProgress: PropTypes.bool,
 };
 
 ManageManifestModal.defaultProps = {
@@ -366,9 +350,11 @@ ManageManifestModal.defaultProps = {
   disabledReason: '',
   canImportManifest: false,
   canDeleteManifest: false,
+  isManifestImported: false,
   canEditOrganizations: false,
   deleteManifestModalIsOpen: false,
   simpleContentAccess: false,
+  manifestActionInProgress: false,
 };
 
 export default ManageManifestModal;

data/webpack/scenes/Subscriptions/Manifest/ManageManifestModal.scss

@@ -10,3 +10,18 @@ form .row {
 span.pficon.pficon-info {
   margin: 0 5px 0 5px;
 }
+
+#simple-content-access {
+  padding-bottom: 40px;
+
+  .sca-label {
+    float: left;
+    text-align: left;
+  }
+}
+
+.manifest-actions {
+  .spinner {
+    margin: 5px 15px 12px 5px;
+  }
+}

data/webpack/scenes/Subscriptions/Manifest/ManifestActions.js

@@ -1,7 +1,7 @@
 import { propsToSnakeCase } from 'foremanReact/common/helpers';
 
 import api, { orgId } from '../../../services/api';
-import { apiError } from '../../../move_to_foreman/common/helpers.js';
+import { apiError } from '../../../utils/helpers.js';
 
 import {
   UPLOAD_MANIFEST_REQUEST,
@@ -16,6 +16,12 @@ import {
   MANIFEST_HISTORY_REQUEST,
   MANIFEST_HISTORY_SUCCESS,
   MANIFEST_HISTORY_FAILURE,
+  ENABLE_SIMPLE_CONTENT_ACCESS_REQUEST,
+  ENABLE_SIMPLE_CONTENT_ACCESS_SUCCESS,
+  ENABLE_SIMPLE_CONTENT_ACCESS_FAILURE,
+  DISABLE_SIMPLE_CONTENT_ACCESS_REQUEST,
+  DISABLE_SIMPLE_CONTENT_ACCESS_SUCCESS,
+  DISABLE_SIMPLE_CONTENT_ACCESS_FAILURE,
 } from './ManifestConstants';
 
 export const uploadManifest = file => async (dispatch) => {
@@ -75,6 +81,42 @@ export const deleteManifest = (extendedParams = {}) => async (dispatch) => {
   }
 };
 
+export const enableSimpleContentAccess = (extendedParams = {}) => async (dispatch) => {
+  dispatch({ type: ENABLE_SIMPLE_CONTENT_ACCESS_REQUEST });
+
+  const params = {
+    ...propsToSnakeCase(extendedParams),
+  };
+
+  try {
+    const { data } = await api.put(`/organizations/${orgId()}/upstream_subscriptions/simple_content_access/enable`, {}, params);
+    return dispatch({
+      type: ENABLE_SIMPLE_CONTENT_ACCESS_SUCCESS,
+      response: data,
+    });
+  } catch (error) {
+    return dispatch(apiError(ENABLE_SIMPLE_CONTENT_ACCESS_FAILURE, error));
+  }
+};
+
+export const disableSimpleContentAccess = (extendedParams = {}) => async (dispatch) => {
+  dispatch({ type: DISABLE_SIMPLE_CONTENT_ACCESS_REQUEST });
+
+  const params = {
+    ...propsToSnakeCase(extendedParams),
+  };
+
+  try {
+    const { data } = await api.put(`/organizations/${orgId()}/upstream_subscriptions/simple_content_access/disable`, {}, params);
+    return dispatch({
+      type: DISABLE_SIMPLE_CONTENT_ACCESS_SUCCESS,
+      response: data,
+    });
+  } catch (error) {
+    return dispatch(apiError(DISABLE_SIMPLE_CONTENT_ACCESS_FAILURE, error));
+  }
+};
+
 export const loadManifestHistory = (extendedParams = {}) => async (dispatch) => {
   dispatch({ type: MANIFEST_HISTORY_REQUEST });
 

data/webpack/scenes/Subscriptions/Manifest/ManifestConstants.js

@@ -14,6 +14,14 @@ export const MANIFEST_HISTORY_REQUEST = 'MANIFEST_HISTORY_REQUEST';
 export const MANIFEST_HISTORY_SUCCESS = 'MANIFEST_HISTORY_SUCCESS';
 export const MANIFEST_HISTORY_FAILURE = 'MANIFEST_HISTORY_FAILURE';
 
+export const ENABLE_SIMPLE_CONTENT_ACCESS_REQUEST = 'ENABLE_SIMPLE_CONTENT_ACCESS_REQUEST';
+export const ENABLE_SIMPLE_CONTENT_ACCESS_SUCCESS = 'ENABLE_SIMPLE_CONTENT_ACCESS_SUCCESS';
+export const ENABLE_SIMPLE_CONTENT_ACCESS_FAILURE = 'ENABLE_SIMPLE_CONTENT_ACCESS_FAILURE';
+
+export const DISABLE_SIMPLE_CONTENT_ACCESS_REQUEST = 'DISABLE_SIMPLE_CONTENT_ACCESS_REQUEST';
+export const DISABLE_SIMPLE_CONTENT_ACCESS_SUCCESS = 'DISABLE_SIMPLE_CONTENT_ACCESS_SUCCESS';
+export const DISABLE_SIMPLE_CONTENT_ACCESS_FAILURE = 'DISABLE_SIMPLE_CONTENT_ACCESS_FAILURE';
+
 // Modal IDs
 export const MANAGE_MANIFEST_MODAL_ID = 'manageManifestModal';
 export const DELETE_MANIFEST_MODAL_ID = 'deleteManifestModal';

data/webpack/scenes/Subscriptions/Manifest/ManifestHistoryTableSchema.js

@@ -1,5 +1,5 @@
 import { translate as __ } from 'foremanReact/common/I18n';
-import { headerFormatter, cellFormatter } from '../../../move_to_foreman/components/common/table';
+import { headerFormatter, cellFormatter } from '../../../components/pf3Table';
 
 export const columns = [
   {

data/webpack/scenes/Subscriptions/Manifest/SimpleContentAccess.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Switch, Level, LevelItem } from '@patternfly/react-core';
+import { OverlayTrigger, Tooltip, Icon } from 'patternfly-react';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { Col, ControlLabel } from 'react-bootstrap';
+
+const SimpleContentAccess = (props) => {
+  const {
+    canToggleSimpleContentAccess,
+    isSimpleContentAccessEnabled,
+    enableSimpleContentAccess,
+    disableSimpleContentAccess,
+  } = props;
+
+  const toggleSimpleContentAccess = () => {
+    if (isSimpleContentAccessEnabled) {
+      disableSimpleContentAccess();
+    } else {
+      enableSimpleContentAccess();
+    }
+  };
+
+  return (
+    <div id="simple-content-access">
+      <Col sm={5}>
+        <ControlLabel
+          className="control-label"
+          style={{ paddingTop: '0' }}
+        >
+          <Level>
+            <LevelItem>
+              <span className="sca-label">{__('Simple Content Access')}</span>
+            </LevelItem>
+            <LevelItem>
+              <OverlayTrigger
+                overlay={
+                  <Tooltip id="sca-refresh-tooltip">
+                    {__('When Simple Content Access is enabled, hosts can consume from all repositories in their Content View regardless of subscription status.')}
+                  </Tooltip>
+                }
+                placement="bottom"
+                trigger={['hover', 'focus']}
+                rootClose={false}
+              >
+                <Icon type="pf" name="info" />
+              </OverlayTrigger>
+            </LevelItem>
+          </Level>
+        </ControlLabel>
+      </Col>
+      <Col sm={7}>
+        <div id="manifest-toggle-sca-switch">
+          <Switch
+            id="simple-switch"
+            isChecked={isSimpleContentAccessEnabled}
+            onChange={toggleSimpleContentAccess}
+            isDisabled={!canToggleSimpleContentAccess}
+            data-testid="switch"
+            label=" "
+          />
+        </div>
+        <div>
+          <i>{__('Toggling Simple Content Access will refresh your manifest.')}</i>
+        </div>
+      </Col>
+    </div>
+  );
+};
+
+SimpleContentAccess.propTypes = {
+  enableSimpleContentAccess: PropTypes.func.isRequired,
+  disableSimpleContentAccess: PropTypes.func.isRequired,
+  isSimpleContentAccessEnabled: PropTypes.bool.isRequired,
+  canToggleSimpleContentAccess: PropTypes.bool.isRequired,
+};
+
+export default SimpleContentAccess;

data/webpack/scenes/Subscriptions/Manifest/__tests__/ManageManifestModal.test.js

@@ -18,6 +18,8 @@ describe('manage manifest modal', () => {
       upload={noop}
       refresh={noop}
       delete={noop}
+      enableSimpleContentAccess={noop}
+      disableSimpleContentAccess={noop}
       loadManifestHistory={noop}
       organization={organization}
       loadOrganization={noop}

data/webpack/scenes/Subscriptions/Manifest/__tests__/ManifestActions.test.js

@@ -12,8 +12,19 @@ import {
   refreshManifestFailureActions,
   deleteManifestSuccessActions,
   deleteManifestFailureActions,
+  enableSimpleContentAccessSuccessActions,
+  enableSimpleContentAccessFailureActions,
+  disableSimpleContentAccessSuccessActions,
+  disableSimpleContentAccessFailureActions,
 } from './manifest.fixtures';
-import { loadManifestHistory, uploadManifest, refreshManifest, deleteManifest } from '../ManifestActions';
+import {
+  loadManifestHistory,
+  uploadManifest,
+  refreshManifest,
+  deleteManifest,
+  enableSimpleContentAccess,
+  disableSimpleContentAccess,
+} from '../ManifestActions';
 import { mock as mockApi, mockErrorRequest } from '../../../../mockRequest';
 
 const mockStore = configureMockStore([thunk]);
@@ -123,3 +134,47 @@ describe('manifest actions', () => {
     });
   });
 });
+
+describe('creates ENABLE_SIMPLE_CONTENT_ACCESS_REQUEST', () => {
+  const url = '/katello/api/v2/organizations/1/upstream_subscriptions/simple_content_access/enable';
+
+  it('and then fails with 422', async () => {
+    mockErrorRequest({
+      url,
+      status: 422,
+      method: 'PUT',
+    });
+
+    await store.dispatch(enableSimpleContentAccess());
+    expect(store.getActions()).toEqual(enableSimpleContentAccessFailureActions);
+  });
+
+  it('and ends with success', async () => {
+    mockApi.onPut(url).reply(200, taskSuccessResponse);
+
+    await store.dispatch(enableSimpleContentAccess());
+    expect(store.getActions()).toEqual(enableSimpleContentAccessSuccessActions);
+  });
+});
+
+describe('creates DISABLE_SIMPLE_CONTENT_ACCESS_REQUEST', () => {
+  const url = '/katello/api/v2/organizations/1/upstream_subscriptions/simple_content_access/disable';
+
+  it('and then fails with 422', async () => {
+    mockErrorRequest({
+      url,
+      status: 422,
+      method: 'PUT',
+    });
+
+    await store.dispatch(disableSimpleContentAccess());
+    expect(store.getActions()).toEqual(disableSimpleContentAccessFailureActions);
+  });
+
+  it('and ends with success', async () => {
+    mockApi.onPut(url).reply(200, taskSuccessResponse);
+
+    await store.dispatch(disableSimpleContentAccess());
+    expect(store.getActions()).toEqual(disableSimpleContentAccessSuccessActions);
+  });
+});

data/webpack/scenes/Subscriptions/Manifest/__tests__/SimpleContentAccess.test.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { cleanup } from '@testing-library/react';
+import { renderWithRedux, fireEvent, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import ManifestModal from '../../Manifest';
+import { manifestHistorySuccessState, manifestHistorySuccessResponse } from './manifest.fixtures';
+import { nockInstance, assertNockRequest } from '../../../../test-utils/nockWrapper';
+import api from '../../../../services/api';
+
+afterEach(cleanup);
+
+const noop = jest.fn();
+const organization = { id: 1, redhat_repository_url: 'https://redhat.com' };
+
+const defaultProps = {
+  disableManifestActions: false,
+  disabledReason: '',
+  canImportManifest: true,
+  canDeleteManifest: true,
+  canEditOrganizations: true,
+  deleteManifestModalIsOpen: true,
+  upload: noop,
+  refresh: noop,
+  delete: noop,
+  enableSimpleContentAccess: noop,
+  disableSimpleContentAccess: noop,
+  loadManifestHistory: noop,
+  organization,
+  loadOrganization: noop,
+  saveOrganization: noop,
+  taskInProgress: false,
+  simpleContentAccess: true,
+  manifestHistory: manifestHistorySuccessState,
+  setModalClosed: noop,
+  setModalOpen: noop,
+};
+
+const initialState = {
+  katello: {
+    organization: {
+      simple_content_access: false,
+      ...organization,
+    },
+  },
+  foremanModals: {
+    manageManifestModal: {
+      isOpen: true,
+    },
+  },
+};
+
+const enableSimpleContetAccessPath = api.getApiUrl('/organizations/1/upstream_subscriptions/simple_content_access/enable');
+const disableSimpleContetAccessPath = api.getApiUrl('/organizations/1/upstream_subscriptions/simple_content_access/disable');
+const manifestHistoryPath = api.getApiUrl('/organizations/1/subscriptions/manifest_history');
+const organizationPath = api.getApiUrl('/organizations/1');
+
+test('Enable Simple Content Access after toggle switch value to true', async (done) => {
+  const { getByTestId } = renderWithRedux(<ManifestModal {...defaultProps} />, { initialState });
+
+  const updatescope = nockInstance
+    .put(enableSimpleContetAccessPath)
+    .reply(202, true);
+
+  const getscope = nockInstance
+    .get(manifestHistoryPath)
+    .query(true)
+    .reply(200, manifestHistorySuccessResponse);
+
+  const scope = nockInstance
+    .get(organizationPath)
+    .query(true)
+    .reply(200, 'Organization Success Response!');
+
+  const toggleButton = getByTestId('switch');
+
+  await patientlyWaitFor(() => { expect(toggleButton).toBeInTheDocument(); });
+  expect(toggleButton.checked).toEqual(false);
+
+  fireEvent.click(toggleButton);
+
+  assertNockRequest(scope);
+  assertNockRequest(getscope);
+  assertNockRequest(updatescope, done);
+});
+
+test('Disable Simple Content Access after toggle switch value to false', async (done) => {
+  initialState.katello.organization.simple_content_access = true;
+
+  const updatescope = nockInstance
+    .put(disableSimpleContetAccessPath)
+    .reply(202, true);
+
+  const getscope = nockInstance
+    .get(manifestHistoryPath)
+    .query(true)
+    .reply(200, manifestHistorySuccessResponse);
+
+  const scope = nockInstance
+    .get(organizationPath)
+    .query(true)
+    .reply(200, 'Organization Success Response!');
+
+  const { getByTestId } = renderWithRedux(<ManifestModal {...defaultProps} />, { initialState });
+
+  const toggleButton = getByTestId('switch');
+
+  await patientlyWaitFor(() => { expect(toggleButton).toBeInTheDocument(); });
+  expect(toggleButton.checked).toEqual(true);
+
+  fireEvent.click(toggleButton);
+
+  assertNockRequest(scope);
+  assertNockRequest(getscope);
+  assertNockRequest(updatescope, done);
+});