katello 4.5.1 → 4.6.0.rc1

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"
@@ -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__/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": [
         {

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

@@ -8,6 +8,7 @@ import mockRepoSetData from './repositorySets.fixtures.json';
 import mockBookmarkData from './bookmarks.fixtures.json';
 import mockContentOverride from './contentOverrides.fixtures.json';
 
+
 jest.mock('../../hostDetailsHelpers', () => ({
   ...jest.requireActual('../../hostDetailsHelpers'),
   userPermissionsFromHostDetails: () => ({
@@ -414,7 +415,7 @@ test('Can filter by status', async (done) => {
   assertNockRequest(scope2, done); // Pass jest callback to confirm test is done
 });
 
-test('Can display osRestricted as a label', async (done) => {
+test('Can display restrictions as labels', async (done) => {
   const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
   const scope = nockInstance
     .get(hostRepositorySets)
@@ -426,6 +427,8 @@ test('Can display osRestricted as a label', async (done) => {
   await patientlyWaitFor(() => expect(getByText(secondRepoSet.contentUrl)).toBeInTheDocument());
   expect(secondRepoSet.osRestricted).not.toBeNull();
   expect(getByText(secondRepoSet.osRestricted)).toBeInTheDocument();
+  expect(secondRepoSet.archRestricted).not.toBeNull();
+  expect(getByText(secondRepoSet.archRestricted)).toBeInTheDocument();
   assertNockRequest(autocompleteScope);
   assertNockRequest(scope, done); // Pass jest callback to confirm test is done
 });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { renderWithRedux, waitFor, patientlyWaitFor, fireEvent, act } from 'react-testing-lib-wrapper';
-import nock, { nockInstance, assertNockRequest, mockForemanAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockForemanAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
 import { foremanApi } from '../../../../../services/api';
 import { REX_FEATURES } from '../RemoteExecutionConstants';
 import { HOST_TRACES_KEY, TRACES_SEARCH_QUERY } from '../TracesTab/HostTracesConstants';
@@ -74,7 +74,6 @@ describe('With tracer installed', () => {
     assertNockRequest(searchDelayScope);
     assertNockRequest(autoSearchScope);
     assertNockRequest(bookmarkScope);
-    nock.cleanAll();
   });
 
   test('Can call API for traces and show on screen on page load', async (done) => {
@@ -345,10 +344,6 @@ describe('With tracer installed', () => {
       [firstTrace] = results;
     });
 
-    afterEach(() => {
-      nock.cleanAll();
-    });
-
     test('Does not allow selection of session type traces', async (done) => {
       const autocompleteScope = mockForemanAutocomplete(nockInstance, autocompleteUrl);
 
@@ -374,10 +369,6 @@ describe('With tracer installed', () => {
 });
 
 describe('Without tracer installed', () => {
-  afterEach(() => {
-    nock.cleanAll();
-  });
-
   test('Shows Enable Tracer empty state', async () => {
     const { queryByText } = renderWithRedux(<TracesTab />, renderOptions(false));
 

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

@@ -35,7 +35,7 @@ export const userPermissionsFromHostDetails = ({ hostDetails }) => {
 
 // requiredPermissions is an array
 // userPermissions is an object, e.g. { view_hosts: true }
-export const hasRequiredPermissions = (requiredPermissions = [], userPermissions) => {
+export const hasRequiredPermissions = (requiredPermissions = [], userPermissions = {}) => {
   const permittedActions = Object.keys(userPermissions).filter(key => userPermissions[key]);
   return requiredPermissions.every(permission => permittedActions.includes(permission));
 };

data/webpack/components/extensions/RegistrationCommands/index.js

@@ -7,32 +7,20 @@ import LifecycleEnvironment from './fields/LifecycleEnvironment';
 import IgnoreSubmanErrors from './fields/IgnoreSubmanErrors';
 import Force from './fields/Force';
 
-const RegistrationCommands = ({
+export const RegistrationCommands = ({
   organizationId,
   hostGroupId,
   pluginValues,
   pluginData,
   onChange,
-  handleInvalidField,
   isLoading,
 }) => {
   useEffect(() => {
-    onChange({ activationKeys: [], lifecycleEnvironmentId: '' });
+    onChange({ lifecycleEnvironmentId: '' });
   }, [onChange, organizationId, hostGroupId]);
 
   return (
     <>
-      <ActivationKeys
-        activationKeys={pluginData?.activationKeys}
-        organizationId={organizationId}
-        selectedKeys={(pluginValues?.activationKeys || [])}
-        hostGroupActivationKeys={pluginData?.hostGroupActivationKeys}
-        hostGroupId={hostGroupId}
-        pluginValues={pluginValues}
-        onChange={onChange}
-        handleInvalidField={handleInvalidField}
-        isLoading={isLoading}
-      />
       <LifecycleEnvironment
         pluginValues={pluginValues}
         lifecycleEnvironments={pluginData?.lifecycleEnvironments}
@@ -63,7 +51,6 @@ RegistrationCommands.propTypes = {
   pluginValues: PropTypes.object, // eslint-disable-line react/forbid-prop-types
   pluginData: PropTypes.object, // eslint-disable-line react/forbid-prop-types
   onChange: PropTypes.func,
-  handleInvalidField: PropTypes.func,
   isLoading: PropTypes.bool,
 };
 
@@ -74,7 +61,52 @@ RegistrationCommands.defaultProps = {
   pluginData: {},
   isLoading: false,
   onChange: noop,
-  handleInvalidField: noop,
 };
 
-export default RegistrationCommands;
+export const RegistrationActivationKeys = ({
+  organizationId,
+  hostGroupId,
+  pluginValues,
+  pluginData,
+  onChange,
+  handleInvalidField,
+  isLoading,
+}) => {
+  useEffect(() => {
+    onChange({ activationKeys: [] });
+  }, [onChange, organizationId, hostGroupId]);
+
+  return (
+    <ActivationKeys
+      activationKeys={pluginData?.activationKeys}
+      organizationId={organizationId}
+      selectedKeys={(pluginValues?.activationKeys || [])}
+      hostGroupActivationKeys={pluginData?.hostGroupActivationKeys}
+      hostGroupId={hostGroupId}
+      pluginValues={pluginValues}
+      onChange={onChange}
+      handleInvalidField={handleInvalidField}
+      isLoading={isLoading}
+    />
+  );
+};
+
+RegistrationActivationKeys.propTypes = {
+  organizationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  hostGroupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  pluginValues: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  pluginData: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  onChange: PropTypes.func,
+  handleInvalidField: PropTypes.func,
+  isLoading: PropTypes.bool,
+};
+
+RegistrationActivationKeys.defaultProps = {
+  organizationId: undefined,
+  hostGroupId: undefined,
+  pluginValues: {},
+  pluginData: {},
+  isLoading: false,
+  onChange: noop,
+  handleInvalidField: noop,
+};

data/webpack/containers/Application/config.js

@@ -7,8 +7,6 @@ import SetOrganization from '../../components/SelectOrg/SetOrganization';
 import WithOrganization from '../../components/WithOrganization/withOrganization';
 import ModuleStreams from '../../scenes/ModuleStreams';
 import ModuleStreamDetails from '../../scenes/ModuleStreams/Details';
-import AnsibleCollections from '../../scenes/AnsibleCollections';
-import AnsibleCollectionDetails from '../../scenes/AnsibleCollections/Details';
 import ContentViews from '../../scenes/ContentViews';
 import ContentViewDetails from '../../scenes/ContentViews/Details';
 import Content from '../../scenes/Content';
@@ -48,14 +46,6 @@ export const links = [
     path: 'module_streams/:id([0-9]+)',
     component: WithOrganization(withHeader(ModuleStreamDetails, { title: __('Module Stream Details') })),
   },
-  {
-    path: 'legacy_ansible_collections',
-    component: WithOrganization(withHeader(AnsibleCollections, { title: __('Ansible Collections') })),
-  },
-  {
-    path: 'legacy_ansible_collections/:id([0-9]+)',
-    component: WithOrganization(withHeader(AnsibleCollectionDetails, { title: __('Ansible Collection Details') })),
-  },
   {
     path: 'content_views',
     component: WithOrganization(withHeader(ContentViews, { title: __('Content views') })),
@@ -85,4 +75,9 @@ export const links = [
     path: 'labs/alternate_content_sources',
     component: WithOrganization(withHeader(AlternateContentSource, { title: __('Alternate Content Sources') })),
   },
+  {
+    path: 'labs/alternate_content_sources/:id([0-9]+)',
+    component: WithOrganization(withHeader(AlternateContentSource, { title: __('Alternate Content Sources') })),
+    exact: false,
+  },
 ];

data/webpack/global_index.js

@@ -4,52 +4,63 @@ import { registerReducer } from 'foremanReact/common/MountingService';
 import { translate as __ } from 'foremanReact/common/I18n';
 
 import SystemStatuses from './components/extensions/about';
-import RegistrationCommands from './components/extensions/RegistrationCommands';
+import {
+  RegistrationCommands,
+  RegistrationActivationKeys,
+} from './components/extensions/RegistrationCommands';
 import ContentTab from './components/extensions/HostDetails/Tabs/ContentTab';
 import ContentViewDetailsCard from './components/extensions/HostDetails/Cards/ContentViewDetailsCard/ContentViewDetailsCard';
 import ErrataOverviewCard from './components/extensions/HostDetails/Cards/ErrataOverviewCard';
 import InstalledProductsCard from './components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard';
 import RegistrationCard from './components/extensions/HostDetails/DetailsTabCards/RegistrationCard';
+import HwPropertiesCard from './components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard';
 
 import TracesTab from './components/extensions/HostDetails/Tabs/TracesTab/TracesTab.js';
 import extendReducer from './components/extensions/reducers';
 import rootReducer from './redux/reducers';
 import HostCollectionsCard from './components/extensions/HostDetails/Cards/HostCollectionsCard/HostCollectionsCard';
 import { hostIsNotRegistered } from './components/extensions/HostDetails/hostDetailsHelpers';
-import SystemPropertiesCardExtensions from './components/extensions/HostDetails/DetailsTabCards/SystemPropertiesCardExtensions';
+import {
+  SystemPropertiesCardSubscription,
+  SystemPropertiesCardTracer,
+} from './components/extensions/HostDetails/DetailsTabCards/SystemPropertiesCardExtensions';
 import HostActionsBar from './components/extensions/HostDetails/ActionsBar';
 import RecentCommunicationCardExtensions from './components/extensions/HostDetails/DetailsTabCards/RecentCommunicationCardExtensions';
+import SystemPurposeCard from './components/extensions/HostDetails/Cards/SystemPurposeCard/SystemPurposeCard';
 
 registerReducer('katelloExtends', extendReducer);
 registerReducer('katello', rootReducer);
 
 addGlobalFill('aboutFooterSlot', '[katello]AboutSystemStatuses', <SystemStatuses key="katello-system-statuses" />, 100);
 addGlobalFill('registrationAdvanced', '[katello]RegistrationCommands', <RegistrationCommands key="katello-reg" />, 100);
+addGlobalFill('registrationGeneral', '[katello]RegistrationActivationKeys', <RegistrationActivationKeys key="katello-reg-ak" />, 100);
 
 // Host details page tabs
 addGlobalFill('host-details-page-tabs', 'Content', <ContentTab key="content" />, 900, { title: __('Content'), hideTab: hostIsNotRegistered });
 addGlobalFill('host-details-page-tabs', 'Traces', <TracesTab key="traces" />, 800, { title: __('Traces'), hideTab: hostIsNotRegistered });
 
-// Overview tab cards
+// Overview tab cards & card extensions
 addGlobalFill(
   'host-overview-cards',
   'Content view details',
   <ContentViewDetailsCard key="content-view-details" />,
-  2000,
+  3800,
 );
 addGlobalFill(
   'host-overview-cards',
   'Host collections',
   <HostCollectionsCard key="host-collections-details" />,
-  700,
+  2600,
 );
-addGlobalFill('host-overview-cards', 'Installable errata', <ErrataOverviewCard key="errata-overview" />, 1900);
+addGlobalFill('host-overview-cards', 'Installable errata', <ErrataOverviewCard key="errata-overview" />, 3600);
+addGlobalFill('host-overview-cards', 'System purpose', <SystemPurposeCard key="system-purpose" />, 1400);
 addGlobalFill('recent-communication-card-item', 'Recent communication', <RecentCommunicationCardExtensions key="recent-communication" />, 3000);
 
 // Details tab cards & card extensions
 addGlobalFill('host-tab-details-cards', 'Installed products', <InstalledProductsCard key="installed-products" />, 100);
 addGlobalFill('host-tab-details-cards', 'Registration details', <RegistrationCard key="registration-details" />, 200);
-addGlobalFill('host-details-tab-properties-1', 'Subscription UUID', <SystemPropertiesCardExtensions key="subscription-uuid" />);
+addGlobalFill('host-details-tab-properties-1', 'Subscription UUID', <SystemPropertiesCardSubscription key="subscription-uuid" />);
+addGlobalFill('host-details-tab-properties-2', 'Tracer', <SystemPropertiesCardTracer key="tracer-status" />);
 
 addGlobalFill(
   'host-details-kebab',
@@ -57,3 +68,4 @@ addGlobalFill(
   <HostActionsBar key="katello-host-details-kebab" />,
   100,
 );
+addGlobalFill('host-tab-details-cards', 'HW properties', <HwPropertiesCard key="hw-properties" />, 200);

data/webpack/global_test_setup.js

@@ -1,4 +1,5 @@
 import nock from 'nock';
+// import checkForOuiaIds from './ouia_id_check';
 
 // runs before each test to make sure console.error output will
 // fail a test (i.e. default PropType missing). Check the error
@@ -8,12 +9,18 @@ global.console.error = (error, stack) => {
   originalConsoleError(error); // ensure error is printed to console
   /* eslint-disable-next-line no-console */
   if (stack) console.log(stack); // Prints out original stack trace
-  throw new Error(error);
+  throw new Error(error); // comment this and uncomment the next line when checking for ouia ids
+  // if (!error.includes('Failed prop type')) throw new Error(error);
 };
 
 // Increase jest timeout as some tests using multiple http mocks can time out on CI systems.
 jest.setTimeout(process.env.JEST_TIMEOUT || 15000);
 
+// uncomment this to see if tests are trying to make real API requests
+// beforeAll(() => {
+//   nock.disableNetConnect();
+// });
+
 afterAll(() => {
   jest.resetModules();
   if (global.gc) global.gc();
@@ -23,7 +30,12 @@ beforeEach(() => {
   if (!nock.isActive()) { nock.activate(); }
 });
 
+// To see where you need to add ouiaIds:
+// 1. uncomment this and the import above
+// checkForOuiaIds();
+// 2. (optional) uncomment the line in global.console.error function above
+
 afterEach(() => {
-  nock.restore();
+  nock.cleanAll();
 });
 

data/webpack/ouia_id_check.js

@@ -0,0 +1,95 @@
+import PropTypes from 'prop-types';
+import {
+  Alert,
+  Breadcrumb,
+  Button,
+  Card,
+  Checkbox,
+  Chip,
+  ChipGroup,
+  ContextSelector,
+  Dropdown,
+  DropdownItem,
+  DropdownSeparator,
+  DropdownToggle,
+  DropdownToggleCheckbox,
+  FormSelect,
+  Menu,
+  Modal,
+  ModalContent,
+  Nav,
+  NavExpandable,
+  NavItem,
+  OptionsMenu,
+  Pagination,
+  Radio,
+  Select,
+  Switch,
+  TabButton,
+  TabContent,
+  Tabs,
+  Text,
+  TextInput,
+  Title,
+  Toolbar,
+} from '@patternfly/react-core';
+import {
+  RowWrapper,
+  Table,
+  TableComposable,
+  Tr,
+} from '@patternfly/react-table';
+
+const checkForOuiaIds = () => {
+  const ouiaSupportedPFComponents = [
+    Alert,
+    Breadcrumb,
+    Button,
+    Card,
+    Checkbox,
+    Chip,
+    ChipGroup,
+    ContextSelector,
+    Dropdown,
+    DropdownItem,
+    DropdownSeparator,
+    DropdownToggle,
+    DropdownToggleCheckbox,
+    FormSelect,
+    Menu,
+    Modal,
+    ModalContent,
+    Nav,
+    NavExpandable,
+    NavItem,
+    OptionsMenu,
+    Pagination,
+    Radio,
+    Select,
+    Switch,
+    TabButton,
+    TabContent,
+    Tabs,
+    Text,
+    TextInput,
+    Title,
+    Toolbar,
+    RowWrapper,
+    Table,
+    TableComposable,
+    Tr,
+  ];
+  beforeEach(() => {
+    // eslint-disable-next-line no-restricted-syntax
+    for (const Component of ouiaSupportedPFComponents) {
+      // eslint-disable-next-line no-continue
+      if (!Component) continue;
+      Component.propTypes = {
+        ...Component.propTypes,
+        ouiaId: PropTypes.string.isRequired,
+      };
+    }
+  });
+};
+
+export default checkForOuiaIds;

data/webpack/redux/actions/RedHatRepositories/helpers.js

@@ -10,6 +10,8 @@ const repoTypeSearchQueryMap = {
 };
 
 const recommendedRepositoriesRHEL = [
+  'rhel-9-for-x86_64-baseos-rpms',
+  'rhel-9-for-x86_64-appstream-rpms',
   'rhel-8-for-x86_64-baseos-rpms',
   'rhel-8-for-x86_64-baseos-kickstart',
   'rhel-8-for-x86_64-appstream-rpms',

data/webpack/redux/reducers/index.js

@@ -11,9 +11,8 @@ import { moduleStreams } from '../../scenes/ModuleStreams';
 import { reducers as organizationProductsReducers } from '../OrganizationProducts';
 import { moduleStreamDetails } from '../../scenes/ModuleStreams/Details';
 import { reducers as systemStatuses } from '../../components/extensions/about';
-import { ansibleCollections } from '../../scenes/AnsibleCollections';
-import { ansibleCollectionDetails } from '../../scenes/AnsibleCollections/Details';
 import { contentViewDetails } from '../../scenes/ContentViews/Details';
+import hostDetails from '../../components/extensions/HostDetails/HostDetailsReducer';
 
 export default combineReducers({
   organization,
@@ -26,9 +25,8 @@ export default combineReducers({
   setOrganization,
   moduleStreams,
   moduleStreamDetails,
-  ansibleCollections,
-  ansibleCollectionDetails,
   contentViewDetails,
+  hostDetails,
   ...organizationProductsReducers,
   ...systemStatuses,
 });