katello 4.5.0.rc2 → 4.6.0.rc2

data/webpack/components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { propsToCamelCase } from 'foremanReact/common/helpers';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  DescriptionList,
+  DescriptionListTerm,
+  DescriptionListGroup,
+  DescriptionListDescription,
+  Text,
+  TextVariants,
+} from '@patternfly/react-core';
+import CardTemplate from 'foremanReact/components/HostDetails/Templates/CardItem/CardTemplate';
+import { TranslatedPlural } from '../../../Table/components/TranslatedPlural';
+import { hostIsNotRegistered } from '../hostDetailsHelpers';
+
+const HostDisks = ({ totalDisks }) => {
+  if (!totalDisks) return null;
+  return (
+    <>
+      <DescriptionListTerm>{__('Storage')}</DescriptionListTerm>
+      <Text component={TextVariants.h4}><TranslatedPlural count={totalDisks} singular={__('disk')} id="total-disks" /></Text>
+    </>
+  );
+};
+
+HostDisks.propTypes = {
+  totalDisks: PropTypes.number,
+};
+
+HostDisks.defaultProps = {
+  totalDisks: null,
+};
+
+const HwPropertiesCard = ({ isExpandedGlobal, hostDetails }) => {
+  if (hostIsNotRegistered({ hostDetails })) return null;
+  const { facts } = hostDetails || {};
+  const model = facts?.['virt::host_type'];
+  const cpuCount = facts?.['cpu::cpu(s)'];
+  const cpuSockets = facts?.['cpu::cpu_socket(s)'];
+  const coreSocket = facts?.['cpu::core(s)_per_socket'];
+  const reportedFacts = propsToCamelCase(hostDetails?.reported_data || {});
+  const totalDisks = reportedFacts?.disksTotal;
+  const memory = facts?.['dmi::memory::maximum_capacity'];
+
+  return (
+    <CardTemplate
+      header={__('HW properties')}
+      expandable
+      isExpandedGlobal={isExpandedGlobal}
+      masonryLayout
+    >
+      <DescriptionList isHorizontal>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Model')}</DescriptionListTerm>
+          <DescriptionListDescription>{model}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Number of CPU(s)')}</DescriptionListTerm>
+          <DescriptionListDescription>{cpuCount}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Sockets')}</DescriptionListTerm>
+          <DescriptionListDescription>{cpuSockets}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('Cores per socket')}</DescriptionListTerm>
+          <DescriptionListDescription>{coreSocket}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>{__('RAM')}</DescriptionListTerm>
+          <DescriptionListDescription>{memory}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <HostDisks totalDisks={totalDisks} />
+        </DescriptionListGroup>
+      </DescriptionList>
+    </CardTemplate>
+  );
+};
+
+HwPropertiesCard.propTypes = {
+  isExpandedGlobal: PropTypes.bool,
+  hostDetails: PropTypes.shape({
+    facts: PropTypes.shape({
+      model: PropTypes.string,
+      cpuCount: PropTypes.number,
+      cpuSockets: PropTypes.number,
+      coreSocket: PropTypes.number,
+      memory: PropTypes.string,
+    }),
+    reported_data: PropTypes.shape({
+      totalDisks: PropTypes.number,
+    }),
+  }),
+};
+
+HwPropertiesCard.defaultProps = {
+  isExpandedGlobal: false,
+  hostDetails: {},
+};
+
+export default HwPropertiesCard;

data/webpack/components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard.js

@@ -11,6 +11,7 @@ const InstalledProductsCard = ({ isExpandedGlobal, hostDetails }) => {
     <CardTemplate
       header={__('Installed products')}
       expandable
+      masonryLayout
       isExpandedGlobal={isExpandedGlobal}
     >
       <List isPlain>

data/webpack/components/extensions/HostDetails/DetailsTabCards/RegistrationCard.js

@@ -62,6 +62,7 @@ const RegistrationCard = ({ isExpandedGlobal, hostDetails }) => {
     <CardTemplate
       header={__('Registration details')}
       expandable
+      masonryLayout
       isExpandedGlobal={isExpandedGlobal}
     >
       <DescriptionList isHorizontal>

data/webpack/components/extensions/HostDetails/DetailsTabCards/SystemPropertiesCardExtensions.js

@@ -8,7 +8,7 @@ import {
 } from '@patternfly/react-core';
 import { translate as __ } from 'foremanReact/common/I18n';
 
-const SystemPropertiesCardExtensions = ({ hostDetails }) => {
+export const SystemPropertiesCardSubscription = ({ hostDetails }) => {
   const subscriptionUuid = hostDetails?.subscription_facet_attributes?.uuid;
   if (!subscriptionUuid) return null;
   return (
@@ -23,7 +23,7 @@ const SystemPropertiesCardExtensions = ({ hostDetails }) => {
   );
 };
 
-SystemPropertiesCardExtensions.propTypes = {
+SystemPropertiesCardSubscription.propTypes = {
   hostDetails: PropTypes.shape({
     subscription_facet_attributes: PropTypes.shape({
       uuid: PropTypes.string,
@@ -31,8 +31,30 @@ SystemPropertiesCardExtensions.propTypes = {
   }),
 };
 
-SystemPropertiesCardExtensions.defaultProps = {
+SystemPropertiesCardSubscription.defaultProps = {
   hostDetails: {},
 };
 
-export default SystemPropertiesCardExtensions;
+export const SystemPropertiesCardTracer = ({ hostDetails }) => {
+  const tracerStatus = hostDetails?.content_facet_attributes?.katello_tracer_installed;
+  return (
+    <DescriptionListGroup>
+      <DescriptionListTerm>{__('Tracer')}</DescriptionListTerm>
+      <DescriptionListDescription>
+        {tracerStatus ? __('Installed') : __('Not installed')}
+      </DescriptionListDescription>
+    </DescriptionListGroup>
+  );
+};
+
+SystemPropertiesCardTracer.propTypes = {
+  hostDetails: PropTypes.shape({
+    content_facet_attributes: PropTypes.shape({
+      katello_tracer_installed: PropTypes.bool,
+    }),
+  }),
+};
+
+SystemPropertiesCardTracer.defaultProps = {
+  hostDetails: {},
+};

data/webpack/components/extensions/HostDetails/HostDetailsConstants.js

@@ -1 +1,3 @@
-export default 'HOST_DETAILS';
+export const SET_CLEAR_SEARCH = 'SET_CLEAR_SEARCH';
+const HOST_DETAILS = 'HOST_DETAILS';
+export default HOST_DETAILS;

data/webpack/components/extensions/HostDetails/HostDetailsReducer.js

@@ -0,0 +1,14 @@
+import Immutable from 'seamless-immutable';
+
+import { SET_CLEAR_SEARCH } from './HostDetailsConstants';
+
+const initialState = Immutable({ clearSearch: undefined });
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+  case SET_CLEAR_SEARCH:
+    return state.set('clearSearch', action.payload);
+  default:
+    return state;
+  }
+};

data/webpack/components/extensions/HostDetails/HostDetailsSelectors.js

@@ -7,10 +7,16 @@ import { STATUS } from 'foremanReact/constants';
 import HOST_DETAILS_KEY from './HostDetailsConstants';
 
 export const selectHostDetails = state =>
-  selectAPIResponse(state, HOST_DETAILS_KEY) || {};
+  selectAPIResponse(state, HOST_DETAILS_KEY) ?? {};
 
 export const selectHostDetailsStatus = state =>
-  selectAPIStatus(state, HOST_DETAILS_KEY) || STATUS.PENDING;
+  selectAPIStatus(state, HOST_DETAILS_KEY) ?? STATUS.PENDING;
 
 export const selectHostDetailsError = state =>
   selectAPIError(state, HOST_DETAILS_KEY);
+
+export const selectHostDetailsState = state =>
+  state.katello.hostDetails;
+
+export const selectHostDetailsClearSearch = state =>
+  selectHostDetailsState(state).clearSearch;

data/webpack/components/extensions/HostDetails/Tabs/ErrataTab/ErrataTab.js

@@ -231,6 +231,11 @@ export const ErrataTab = () => {
     }
   };
 
+  const resetFilters = () => {
+    setErrataTypeSelected(ERRATA_TYPE);
+    setErrataSeveritySelected(ERRATA_SEVERITY);
+  };
+
   const readOnlyBookmarks =
   cannot(createBookmarks, userPermissionsFromHostDetails({ hostDetails }));
 
@@ -336,7 +341,7 @@ export const ErrataTab = () => {
   ) : null;
 
   const hostIsNonLibrary = (
-    contentFacet?.contentViewDefault === false && contentFacet.lifecycleEnvironmentLibrary === false
+    contentFacet?.contentViewDefault === false || contentFacet.lifecycleEnvironmentLibrary === false
   );
   const toggleGroup = (
     <Split hasGutter>
@@ -406,6 +411,7 @@ export const ErrataTab = () => {
             selectedCount,
             selectNone,
             toggleGroup,
+            resetFilters,
           }
           }
           happyEmptyContent={allUpToDate}
@@ -423,6 +429,8 @@ export const ErrataTab = () => {
           variant={TableVariant.compact}
           {...selectAll}
           displaySelectAllCheckbox={showActions}
+          requestKey={HOST_ERRATA_KEY}
+          alwaysShowActionButtons={false}
         >
           <Thead>
             <Tr>

data/webpack/components/extensions/HostDetails/Tabs/ModuleStreamsTab/ModuleStreamsTab.js

@@ -7,7 +7,6 @@ import { Skeleton,
   Button,
   Split,
   SplitItem,
-  Spinner,
   Checkbox,
   Dropdown,
   Text,
@@ -36,7 +35,7 @@ import SortableColumnHeaders from '../../../../Table/components/SortableColumnHe
 import SelectableDropdown from '../../../../SelectableDropdown/SelectableDropdown';
 import {
   HOST_MODULE_STREAM_STATUSES, INSTALL_STATUS_PARAM_TO_FRIENDLY_NAME, INSTALLED_STATE,
-  STATUS_PARAM_TO_FRIENDLY_NAME,
+  STATUS_PARAM_TO_FRIENDLY_NAME, MODULE_STREAMS_KEY,
 } from './ModuleStreamsConstants';
 import { moduleStreamAction } from '../RemoteExecutionActions';
 import { katelloModuleStreamActionUrl } from '../customizedRexUrlHelpers';
@@ -213,9 +212,15 @@ export const ModuleStreamsTab = () => {
   const [hostModuleStreamAction, setHostModuleStreamAction] = useState(null);
 
   const emptyContentTitle = __('This host does not have any Module streams.');
-  const emptyContentBody = __('Module streams will appear here when available.');
+  const emptyContentBody = __('Module streams will appear here after enabling Red Hat repositories or creating custom products.');
   const emptySearchTitle = __('Your search returned no matching Module streams.');
   const emptySearchBody = __('Try changing your search criteria.');
+  const showPrimaryAction = true;
+  const showSecondaryAction = true;
+  const primaryActionTitle = __('Enable Red Hat repositories');
+  const secondaryActionTitle = __('Create a custom product');
+  const primaryActionLink = '/redhat_repositories';
+  const secondaryActionLink = '/products/new';
   const errorSearchTitle = __('Problem searching module streams');
   const {
     status: initialStatus,
@@ -324,6 +329,12 @@ export const ModuleStreamsTab = () => {
 
   const activeFilters = [statusSelected, installStatusSelected];
   const defaultFilters = [MODULE_STREAM_STATUS, MODULE_STREAM_INSTALLATION_STATUS];
+
+  const resetFilters = () => {
+    setStatusSelected(MODULE_STREAM_STATUS);
+    setInstallStatusSelected(MODULE_STREAM_INSTALLATION_STATUS);
+  };
+
   return (
     <div>
       <div id="modulestreams-tab">
@@ -342,6 +353,13 @@ export const ModuleStreamsTab = () => {
             activeFilters,
             defaultFilters,
             status,
+            showPrimaryAction,
+            showSecondaryAction,
+            primaryActionTitle,
+            secondaryActionTitle,
+            primaryActionLink,
+            secondaryActionLink,
+            resetFilters,
           }}
           ouiaId="host-module-stream-table"
           additionalListeners={[hostId, activeSortColumn, activeSortDirection,
@@ -354,6 +372,8 @@ export const ModuleStreamsTab = () => {
           foremanApiAutoComplete
           rowsCount={results?.length}
           variant={TableVariant.compact}
+          requestKey={MODULE_STREAMS_KEY}
+          alwaysShowActionButtons={false}
           actionButtons={
             <Split hasGutter>
               <SplitItem>
@@ -376,11 +396,6 @@ export const ModuleStreamsTab = () => {
                   setSelected={handleModuleStreamInstallationStatusSelected}
                 />
               </SplitItem>
-              {actionInProgress && (
-                <SplitItem style={{ alignSelf: 'center' }}>
-                  <Spinner size="lg" style={{ marginTop: '2px' }} />
-                </SplitItem>
-              )}
             </Split>
           }
         >

data/webpack/components/extensions/HostDetails/Tabs/PackagesTab/PackagesTab.js

@@ -12,7 +12,6 @@ import {
   Skeleton,
   Split,
   SplitItem,
-  Spinner,
 } from '@patternfly/react-core';
 import { TableVariant, Thead, Tbody, Tr, Th, Td } from '@patternfly/react-table';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -358,14 +357,12 @@ export const PackagesTab = () => {
             />
           </ActionListItem>
           <ActionListItem>
-            {actionInProgress ? <Spinner size="lg" style={{ marginLeft: '1em', marginTop: '4px' }} /> : (
-              <Dropdown
-                toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
-                isOpen={isBulkActionOpen}
-                isPlain
-                dropdownItems={dropdownRemoveItems}
-              />
-            )}
+            <Dropdown
+              toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
+              isOpen={isBulkActionOpen}
+              isPlain
+              dropdownItems={dropdownRemoveItems}
+            />
           </ActionListItem>
         </ActionList>
       </SplitItem>
@@ -387,6 +384,8 @@ export const PackagesTab = () => {
     </Split>
   );
 
+  const resetFilters = () => setPackageStatusSelected(PACKAGE_STATUS);
+
   return (
     <div>
       <div id="packages-tab">
@@ -409,6 +408,7 @@ export const PackagesTab = () => {
             selectedCount,
             selectNone,
             areAllRowsSelected,
+            resetFilters,
           }
           }
           ouiaId="host-packages-table"
@@ -425,6 +425,8 @@ export const PackagesTab = () => {
           variant={TableVariant.compact}
           {...selectAll}
           displaySelectAllCheckbox={showActions}
+          requestKey={HOST_PACKAGES_KEY}
+          alwaysShowActionButtons={false}
         >
           <Thead>
             <Tr>

data/webpack/components/extensions/HostDetails/Tabs/RepositorySetsTab/RepositorySetsTab.js

@@ -111,6 +111,29 @@ EnabledIcon.propTypes = {
   isOverridden: PropTypes.bool.isRequired,
 };
 
+const ArchRestrictedIcon = ({ archRestricted }) => (
+  <Tooltip
+    position="right"
+    content={<FormattedMessage
+      id="arch-restricted-tooltip"
+      defaultMessage={__('Architecture restricted to {archRestricted}. If host architecture does not match, the repository will not be available on this host.')}
+      values={{ archRestricted }}
+    />}
+  >
+    <Label color="orange" className="arch-restricted-label" style={{ marginLeft: '8px' }}>
+      {__(archRestricted)}
+    </Label>
+  </Tooltip>
+);
+
+ArchRestrictedIcon.propTypes = {
+  archRestricted: PropTypes.string,
+};
+
+ArchRestrictedIcon.defaultProps = {
+  archRestricted: null,
+};
+
 const OsRestrictedIcon = ({ osRestricted }) => (
   <Tooltip
     position="right"
@@ -154,7 +177,7 @@ const RepositorySetsTab = () => {
     contentViewName,
     lifecycleEnvironmentName,
   } = contentFacet;
-  const nonLibraryHost = contentViewDefault === false &&
+  const nonLibraryHost = contentViewDefault === false ||
     lifecycleEnvironmentLibrary === false;
   const simpleContentAccess = (Number(subscriptionStatus) === 5);
   const [isBulkActionOpen, setIsBulkActionOpen] = useState(false);
@@ -174,9 +197,15 @@ const RepositorySetsTab = () => {
 
   const [alertShowing, setAlertShowing] = useState(false);
   const emptyContentTitle = __('No repository sets to show.');
-  const emptyContentBody = __('Repository sets will appear here when available.');
+  const emptyContentBody = __('Repository sets will appear here after enabling Red Hat repositories or creating custom products.');
   const emptySearchTitle = __('No matching repository sets found');
   const emptySearchBody = __('Try changing your search query.');
+  const showPrimaryAction = true;
+  const showSecondaryAction = true;
+  const primaryActionTitle = __('Enable Red Hat repositories');
+  const secondaryActionTitle = __('Create a custom product');
+  const primaryActionLink = '/redhat_repositories';
+  const secondaryActionLink = '/products/new';
   const errorSearchTitle = __('Problem searching repository sets');
   const columnHeaders = useMemo(() => [
     __('Repository'),
@@ -233,6 +262,10 @@ const RepositorySetsTab = () => {
 
   const hostDetailsStatus = useSelector(state => selectHostDetailsStatus(state));
 
+  const resetFilters = () => {
+    setStatusSelected(STATUS_LABEL);
+    setToggleGroupState(defaultToggleGroupState);
+  };
   useEffect(() => {
     // wait until host details are loaded to set alertShowing
     if (hostDetailsStatus === STATUS.RESOLVED) {
@@ -306,13 +339,13 @@ const RepositorySetsTab = () => {
   cannot(createBookmarks, userPermissionsFromHostDetails({ hostDetails }));
 
   const dropdownItems = [
-    <DropdownItem aria-label="bulk_enable" key="bulk_enable" component="button" onClick={enableRepoSets} isDisabled={selectedCount === 0}>
+    <DropdownItem aria-label="bulk_enable" key="bulk_enable" ouiaId="bulk_enable" component="button" onClick={enableRepoSets} isDisabled={selectedCount === 0}>
       {__('Override to enabled')}
     </DropdownItem>,
-    <DropdownItem aria-label="bulk_disable" key="bulk_disable" component="button" onClick={disableRepoSets} isDisabled={selectedCount === 0}>
+    <DropdownItem aria-label="bulk_disable" key="bulk_disable" ouiaId="bulk_disable" component="button" onClick={disableRepoSets} isDisabled={selectedCount === 0}>
       {__('Override to disabled')}
     </DropdownItem>,
-    <DropdownItem aria-label="bulk_reset_default" key="bulk_reset_default" component="button" onClick={resetToDefaultRepoSets} isDisabled={selectedCount === 0}>
+    <DropdownItem aria-label="bulk_reset_default" key="bulk_reset_default" ouiaId="bulk_reset_default" component="button" onClick={resetToDefaultRepoSets} isDisabled={selectedCount === 0}>
       {__('Reset to default')}
     </DropdownItem>,
   ];
@@ -342,6 +375,7 @@ const RepositorySetsTab = () => {
       <SplitItem>
         <SelectableDropdown
           id="status-dropdown"
+          ouiaId="status-dropdown"
           title={STATUS_LABEL}
           showTitle={false}
           items={Object.values(STATUSES)}
@@ -362,6 +396,7 @@ const RepositorySetsTab = () => {
               isOpen={isBulkActionOpen}
               isPlain
               dropdownItems={dropdownItems}
+              ouiaId="repository-sets-bulk-actions"
             />
           </ActionListItem>
         </ActionList>
@@ -403,6 +438,7 @@ const RepositorySetsTab = () => {
             <Alert
               variant="info"
               className="repo-sets-alert"
+              ouiaId="repo-sets-alert"
               isInline
               title={
                 <FormattedMessage
@@ -415,7 +451,7 @@ const RepositorySetsTab = () => {
                   }}
                 />
               }
-              actionClose={<AlertActionCloseButton onClose={() => setAlertShowing(false)} />}
+              actionClose={<AlertActionCloseButton ouiaId="alert-close-button" onClose={() => setAlertShowing(false)} />}
             />
           }
         </div>
@@ -435,6 +471,13 @@ const RepositorySetsTab = () => {
             emptySearchBody,
             activeFilters,
             defaultFilters,
+            showPrimaryAction,
+            showSecondaryAction,
+            primaryActionLink,
+            secondaryActionLink,
+            primaryActionTitle,
+            secondaryActionTitle,
+            resetFilters,
           }
           }
           ouiaId="host-repository-sets-table"
@@ -449,10 +492,12 @@ const RepositorySetsTab = () => {
           rowsCount={results?.length}
           variant={TableVariant.compact}
           {...selectAll}
+          requestKey={REPOSITORY_SETS_KEY}
           displaySelectAllCheckbox={canDoContentOverrides}
+          alwaysShowActionButtons={false}
         >
           <Thead>
-            <Tr>
+            <Tr ouiaId="header-tr">
               <Th key="select-all" />
               <SortableColumnHeaders
                 columnHeaders={columnHeaders}
@@ -473,11 +518,13 @@ const RepositorySetsTab = () => {
                 contentUrl: repoPath,
                 product: { name: productName, id: productId },
                 osRestricted,
+                archRestricted,
               } = repoSet;
               const { isEnabled, isOverridden } =
                 getEnabledValue({ enabled, enabledContentOverride });
+              const showArchRestricted = archRestricted !== 'noarch';
               return (
-                <Tr key={id}>
+                <Tr key={id} ouiaId={`tr-${rowIndex}`}>
                   {canDoContentOverrides ? (
                     <Td select={{
                       disable: !isSelectable(id),
@@ -499,6 +546,9 @@ const RepositorySetsTab = () => {
                   </Td>
                   <Td>
                     <span><EnabledIcon key={`enabled-icon-${id}`} {...{ isEnabled, isOverridden }} /></span>
+                    {showArchRestricted &&
+                      <span><ArchRestrictedIcon key={`arch-restricted-icon-${id}`} {...{ archRestricted }} /></span>
+                    }
                     {osRestricted &&
                       <span><OsRestrictedIcon key={`os-restricted-icon-${id}`} {...{ osRestricted }} /></span>
                     }

data/webpack/components/extensions/HostDetails/Tabs/TracesTab/TracesTab.js

@@ -22,6 +22,7 @@ import { useRexJobPolling } from '../RemoteExecutionHooks';
 import { hasRequiredPermissions as can,
   missingRequiredPermissions as cannot,
   userPermissionsFromHostDetails } from '../../hostDetailsHelpers';
+import { HOST_TRACES_KEY } from './HostTracesConstants';
 
 const invokeRexJobs = ['create_job_invocations'];
 const createBookmarks = ['create_bookmarks'];
@@ -201,6 +202,7 @@ const TracesTab = () => {
           lastCompletedAppRestart, lastCompletedBulkRestart]}
         displaySelectAllCheckbox={showActions}
         {...selectAll}
+        requestKey={HOST_TRACES_KEY}
       >
         <Thead>
           <Tr>

data/webpack/components/extensions/HostDetails/Tabs/__tests__/errataTab.test.js

@@ -577,7 +577,7 @@ test('Toggle Group shows if it\'s not the default content view or library enviro
   assertNockRequest(scope, done); // Pass jest callback to confirm test is done
 });
 
-test('Toggle Group does not show if it\'s the default content view ', async (done) => {
+test('Toggle Group shows if it\'s the default content view but non-library environment', async (done) => {
   const options = renderOptions({
     ...contentFacetAttributes,
     content_view_default: true,
@@ -598,14 +598,41 @@ test('Toggle Group does not show if it\'s the default content view ', async (don
 
   // Assert that the errata are now showing on the screen, but wait for them to appear.
   await patientlyWaitFor(() => expect(getAllByText('Important')[0]).toBeInTheDocument());
-  expect(queryByLabelText('Installable Errata')).not.toBeInTheDocument();
+  expect(queryByLabelText('Installable Errata')).toBeInTheDocument();
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope, done); // Pass jest callback to confirm test is done
+});
+
+test('Toggle Group shows if it\'s the library environment but non-default content view', async (done) => {
+  const options = renderOptions({
+    ...contentFacetAttributes,
+    lifecycle_environment_library: true,
+  });
+  // Setup autocomplete with mockForemanAutoComplete since we aren't adding /katello
+  const autocompleteScope = mockForemanAutocomplete(nockInstance, autocompleteUrl);
+  const mockErrata = makeMockErrata({});
+  // return errata data results when we look for errata
+  const scope = nockInstance
+    .get(hostErrata)
+    .query(defaultQuery)
+    .reply(200, mockErrata);
+
+  const {
+    queryByLabelText,
+    getAllByText,
+  } = renderWithRedux(<ErrataTab />, options);
+
+  // Assert that the errata are now showing on the screen, but wait for them to appear.
+  await patientlyWaitFor(() => expect(getAllByText('Important')[0]).toBeInTheDocument());
+  expect(queryByLabelText('Installable Errata')).toBeInTheDocument();
   assertNockRequest(autocompleteScope);
   assertNockRequest(scope, done); // Pass jest callback to confirm test is done
 });
 
-test('Toggle Group does not show if it\'s the  library environment', async (done) => {
+test('Toggle Group does not show if it\'s the default content view and library environment', async (done) => {
   const options = renderOptions({
     ...contentFacetAttributes,
+    content_view_default: true,
     lifecycle_environment_library: true,
   });
   // Setup autocomplete with mockForemanAutoComplete since we aren't adding /katello

data/webpack/components/extensions/HostDetails/Tabs/__tests__/repositorySets.fixtures.json

@@ -42,6 +42,7 @@
       "gpgUrl": null,
       "contentUrl": "/custom/ParthaProduct/empty_repo",
       "osRestricted": null,
+      "archRestricted": "noarch",
       "override": "default",
       "overrides": [],
       "enabled_content_override": null
@@ -77,6 +78,7 @@
       "gpgUrl": null,
       "contentUrl": "/custom/ParthaProduct/partha_multi-errata",
       "osRestricted": "rhel-7",
+      "archRestricted": "x86_64",
       "override": "0",
       "overrides": [
         {
@@ -110,6 +112,7 @@
       "gpgUrl": null,
       "contentUrl": "/custom/Pull_Provider/yggdrasil",
       "osRestricted": null,
+      "archRestricted": "noarch",
       "override": "1",
       "overrides": [
         {