katello 4.6.2.1 → 4.7.0.rc1

data/webpack/scenes/ContentViews/Details/Versions/Compare/CVVersionCompareTable.js

@@ -7,6 +7,7 @@ import { translate as __ } from 'foremanReact/common/I18n';
 import { TableVariant, Tr, Th, Tbody, Td, Thead } from '@patternfly/react-table';
 import { TableType } from './CVVersionCompareConfig';
 import TableWrapper from '../../../../../components/Table/TableWrapper';
+import { useTableSort } from '../../../../../components/Table/TableHooks';
 
 const CVVersionCompareTable = ({
   tableConfig: {
@@ -14,16 +15,30 @@ const CVVersionCompareTable = ({
     responseSelector,
     statusSelector,
     autocompleteEndpoint,
-    fetchItems,
+    fetchItems: fetchItemsSorted,
     columnHeaders,
-    disableSearch,
+    hideSearch,
+    sortConfig,
   }, versionOne, versionTwo, currentActiveKey, selectedViewBy,
 }) => {
   const [searchQuery, updateSearchQuery] = useState('');
+  const {
+    pfSortParams, apiSortParams,
+    activeSortColumn, activeSortDirection,
+  } = useTableSort({
+    allColumns: columnHeaders.map(header => header?.title),
+    columnsToSortParams: sortConfig,
+    initialSortColumnName: Object.keys(sortConfig)[0],
+  });
 
   const response = useSelector(responseSelector);
   const { results, ...metadata } = response;
   const status = useSelector(statusSelector);
+  const fetchItems = params =>
+    fetchItemsSorted({
+      ...apiSortParams,
+      ...params,
+    });
   return (
     <TableWrapper
       {...{
@@ -32,11 +47,13 @@ const CVVersionCompareTable = ({
         updateSearchQuery,
         status,
         autocompleteEndpoint,
-        disableSearch,
+        hideSearch,
       }}
-      ouiaId="content-view-version-comparison-table"
+      key={`cvv-comparison-table-${name}`}
+      ouiaId={`cvv-comparison-table-${name}`}
       fetchItems={fetchItems}
-      additionalListeners={[versionOne, versionTwo, currentActiveKey, selectedViewBy]}
+      additionalListeners={[versionOne, versionTwo, currentActiveKey,
+        selectedViewBy, activeSortColumn, activeSortDirection]}
       emptySearchTitle={__(`Your search returned no matching ${name}.`)}
       emptySearchBody={__('Try changing your search criteria.')}
       emptyContentTitle={__(`No matching ${name} found.`)}
@@ -44,15 +61,22 @@ const CVVersionCompareTable = ({
       variant={TableVariant.compact}
     >
       <Thead>
-        <Tr>
+        <Tr ouiaId="column-headers">
           {columnHeaders.map(({ title }) =>
-            <Th key={`${title}-header`}>{title}</Th>)}
+            (
+              <Th
+                key={`${title}-header`}
+                sort={sortConfig[title] ? pfSortParams(title) : undefined}
+              >
+                {title}
+              </Th>
+            ))}
         </Tr>
       </Thead>
       <Tbody>
         {results?.map(result =>
           (
-            <Tr key={`column-${result.id}`}>
+            <Tr key={`column-${result.id}`} ouiaId={`column-${result.id}`}>
               {columnHeaders.map(({ getProperty }, colIndex) =>
                 // eslint-disable-next-line react/no-array-index-key
                 <Td key={`cell-${colIndex}`}>{getProperty(result)} </Td>)}

data/webpack/scenes/ContentViews/Details/Versions/Compare/__tests__/CVVersionCompare.test.js

@@ -10,6 +10,7 @@ import cvVersionsData from './contentViewVersions.fixtures.json';
 import cvDetailsData from './contentViewDetails.fixtures.json';
 import environmentPathsData from '../../../../Publish/__tests__/environmentPaths.fixtures.json';
 import CVVersionCompare from '../CVVersionCompare';
+import cvCompareRepositoriesData from './cvCompareRepositories.fixtures.json';
 import cvVersionRPMPackagesCompareAllContentData from './RPMPackagesCompareAllContentData.fixtures.json';
 import cvVersionErrataCompareAllContentData from './ErrataCompareAllContentData.fixtures.json';
 import cvVersionPackageGroupsCompareAllContentData from './PackageGroupsCompareAllContentData.fixtures.json';
@@ -35,6 +36,7 @@ const versionDetails = versionId => api.getApiUrl(`/content_view_versions/${vers
 const autocompleteUrl = '/content_view_versions/auto_complete_search';
 const withCVRoute = component => <Route path="/content_views/:id">{component}</Route>;
 const environmentPathsPath = api.getApiUrl('/organizations/1/environments/paths');
+const sortedRpmPackagesPath = api.getApiUrl('/packages/compare?content_view_version_ids[]=15&content_view_version_ids[]=17&restrict_comparison=all&sort_by=nvra&sort_order=desc&per_page=20&page=1');
 const renderOptions = {
   initialState: {
     API: {
@@ -88,6 +90,15 @@ afterEach(() => {
 });
 
 const testConfigAllContentTypes = [
+  {
+    name: 'Repositories',
+    autoCompleteUrl: '/repositories/auto_complete_search',
+    dataUrl: api.getApiUrl('/repositories/compare'),
+    data: cvCompareRepositoriesData,
+    textQuery: [
+      head(cvCompareRepositoriesData.results).name,
+      last(cvCompareRepositoriesData.results).name],
+  },
   {
     name: 'RPM packages',
     countKey: 'rpm_count',
@@ -181,6 +192,15 @@ const testConfigAllContentTypes = [
 ];
 
 const testConfigThreeContentTypes = [
+  {
+    name: 'Repositories',
+    autoCompleteUrl: '/repositories/auto_complete_search',
+    dataUrl: api.getApiUrl('/repositories/compare'),
+    data: cvCompareRepositoriesData,
+    textQuery: [
+      head(cvCompareRepositoriesData.results).name,
+      last(cvCompareRepositoriesData.results).name],
+  },
   {
     name: 'RPM packages',
     countKey: 'rpm_count',
@@ -215,6 +235,13 @@ const testConfigThreeContentTypes = [
 const emptyContentViewByText = contentType => `No matching ${contentType} found.`;
 
 const testConfigViewByDifferent = [
+  {
+    name: 'Repositories',
+    autoCompleteUrl: '/repositories/auto_complete_search',
+    dataUrl: api.getApiUrl('/repositories/compare'),
+    data: cvVersionEmptyContent,
+    textQuery: emptyContentViewByText('Repositories'),
+  },
   {
     name: 'RPM packages',
     countKey: 'rpm_count',
@@ -244,6 +271,15 @@ const testConfigViewByDifferent = [
 ];
 
 const testConfigViewBySame = [
+  {
+    name: 'Repositories',
+    autoCompleteUrl: '/repositories/auto_complete_search',
+    dataUrl: api.getApiUrl('/repositories/compare'),
+    data: cvCompareRepositoriesData,
+    textQuery: [
+      head(cvCompareRepositoriesData.results).name,
+      last(cvCompareRepositoriesData.results).name],
+  },
   {
     name: 'RPM packages',
     countKey: 'rpm_count',
@@ -274,7 +310,7 @@ const testConfigViewBySame = [
   },
 ];
 
-test('Can make an API call and show comparison of two versions with all content types', async (done) => {
+test('Can make an API call and show comparison of two versions with all content types and sort tables', async (done) => {
   const autoCompleteContentTypesScope = testConfigAllContentTypes.map(({ autoCompleteUrl }) =>
     mockAutocomplete(nockInstance, autoCompleteUrl));
 
@@ -294,6 +330,10 @@ test('Can make an API call and show comparison of two versions with all content
     .get(versionDetails(17))
     .query(true)
     .reply(200, versionTwoDetailsData);
+  const sortedRpmTabScope = nockInstance
+    .get(sortedRpmPackagesPath)
+    .reply(200, cvCompareRepositoriesData);
+
   const { queryByText, queryAllByText, getAllByText } = renderWithRedux(
     withCVRoute(<CVVersionCompare
       cvId={4}
@@ -327,12 +367,20 @@ test('Can make an API call and show comparison of two versions with all content
     });
   });
 
+  // Can sort rendered table
+  const rpmTab = queryByText('RPM packages');
+  fireEvent.click(rpmTab);
+  await patientlyWaitFor(() => {
+    expect(queryByText('Name')).toBeTruthy();
+  });
+  fireEvent.click(queryByText('Name'));
 
   assertNockRequest(scopeCVDetails);
   assertNockRequest(scopeVersionOneDetails);
   assertNockRequest(scopeVersionTwoDetails);
   scopeContentTypes.map(cv => assertNockRequest(cv));
   autoCompleteContentTypesScope.map(cv => assertNockRequest(cv));
+  assertNockRequest(sortedRpmTabScope);
   assertNockRequest(searchDelayScope);
   assertNockRequest(autoSearchScope);
   act(done);
@@ -564,10 +612,15 @@ test('Can select viewing by "Different" in the dropdown and see the content in e
     testConfigViewByDifferent.forEach(({ name }) => {
       expect(queryByText(name)).toBeTruthy();
     });
-    expect(getByText('No matching RPM packages found.')).toBeTruthy();
-    (testConfigViewByDifferent.find(({ name }) => name === 'Files')).textQuery.forEach(query => expect(queryAllByText(query)).toBeTruthy());
+    expect(getByText('No matching Repositories found.')).toBeTruthy();
   });
 
+  (testConfigViewByDifferent.find(({ name }) => name === 'Files')).textQuery.forEach(query => expect(queryAllByText(query)).toBeTruthy());
+
+  fireEvent.click(getByText('RPM packages'));
+  await patientlyWaitFor(() => {
+    expect(getByText('No matching RPM packages found.')).toBeTruthy();
+  });
   fireEvent.click(getByText('Errata'));
   await patientlyWaitFor(() => {
     expect(getByText('No matching Errata found.')).toBeTruthy();

data/webpack/scenes/ContentViews/Details/Versions/Compare/__tests__/cvCompareRepositories.fixtures.json

@@ -0,0 +1,175 @@
+{
+  "total": 2,
+  "subtotal": 2,
+  "selectable": 2,
+  "page": "1",
+  "per_page": "20",
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "backend_identifier": "51816595-8c1e-4726-b4d1-0bccc1cd377b",
+      "relative_path": "Default_Organization/Library/custom/prod/modular",
+      "container_repository_name": null,
+      "full_path": "https://centos8-katello-devel.sajha.example.com/pulp/content/Default_Organization/Library/custom/prod/modular/",
+      "library_instance_id": null,
+      "version_href": "/pulp/api/v3/repositories/rpm/rpm/1bb2b611-bf6e-442f-9b2b-2b2cd6f13e33/versions/1/",
+      "remote_href": "/pulp/api/v3/remotes/rpm/rpm/82bdbc37-bd6f-4a2d-9c28-3f15b52328de/",
+      "publication_href": "/pulp/api/v3/publications/rpm/rpm/4ea0da80-829b-4d49-9f92-a479e9e3682b/",
+      "content_counts": {
+        "rpm": 22,
+        "erratum": 7,
+        "package_group": 2,
+        "srpm": 0,
+        "module_stream": 14
+      },
+      "mirroring_policy": "mirror_content_only",
+      "id": 2,
+      "name": "modular",
+      "label": "modular",
+      "description": null,
+      "content_view_versions": [
+        {
+          "id": 2,
+          "version": "1.0",
+          "content_view_id": 2,
+          "content_view_name": "cv1"
+        },
+        {
+          "id": 3,
+          "version": "2.0",
+          "content_view_id": 2,
+          "content_view_name": "cv1"
+        }
+      ],
+      "last_sync": {
+        "id": "0ef7ac00-fc64-4661-afe2-1c5d31ef518a",
+        "username": "admin",
+        "started_at": "2022-10-05 14:41:35 -0400",
+        "ended_at": "2022-10-05 14:41:41 -0400",
+        "state": "stopped",
+        "result": "success",
+        "progress": 1
+      },
+      "content_view": {
+        "id": 1,
+        "name": "Default Organization View"
+      },
+      "content_view_version": {
+        "id": 1,
+        "name": "Default Organization View 1.0",
+        "content_view_id": 1
+      },
+      "kt_environment": {
+        "id": 1,
+        "name": "Library"
+      },
+      "content_type": "yum",
+      "url": "https://partha.fedorapeople.org/test-repos/pteradactyl/",
+      "arch": "noarch",
+      "os_versions": [],
+      "content_id": "1664981685026",
+      "generic_remote_options": null,
+      "major": null,
+      "minor": null,
+      "product": {
+        "id": 1,
+        "cp_id": "275319913074",
+        "name": "prod",
+        "orphaned": false,
+        "redhat": false,
+        "sync_plan": null
+      },
+      "content_label": "Default_Organization_prod_modular",
+      "last_sync_words": "2 days",
+      "comparison": [
+        3,
+        2
+      ]
+    },
+    {
+      "backend_identifier": "bbdf8206-e62d-4faa-a36f-0a060d059a64",
+      "relative_path": "Default_Organization/Library/custom/prod/needed_errata",
+      "container_repository_name": null,
+      "full_path": "https://centos8-katello-devel.sajha.example.com/pulp/content/Default_Organization/Library/custom/prod/needed_errata/",
+      "library_instance_id": null,
+      "version_href": "/pulp/api/v3/repositories/rpm/rpm/6159f08c-5c82-4e69-a31d-3215ccc56c2f/versions/2/",
+      "remote_href": "/pulp/api/v3/remotes/rpm/rpm/0f906008-ab61-4b05-a192-a42787d4b0a6/",
+      "publication_href": "/pulp/api/v3/publications/rpm/rpm/af8612cc-746b-49eb-bfd2-fcbecc79f3fa/",
+      "content_counts": {
+        "rpm": 33,
+        "erratum": 4,
+        "package_group": 0,
+        "srpm": 0,
+        "module_stream": 0
+      },
+      "mirroring_policy": "mirror_content_only",
+      "id": 1,
+      "name": "needed_errata",
+      "label": "needed_errata",
+      "description": null,
+      "content_view_versions": [
+        {
+          "id": 2,
+          "version": "1.0",
+          "content_view_id": 2,
+          "content_view_name": "cv1"
+        },
+        {
+          "id": 3,
+          "version": "2.0",
+          "content_view_id": 2,
+          "content_view_name": "cv1"
+        }
+      ],
+      "last_sync": {
+        "id": "14deabd5-a5a0-49dd-8091-fac74749ef66",
+        "username": "admin",
+        "started_at": "2022-10-05 10:54:15 -0400",
+        "ended_at": "2022-10-05 10:54:22 -0400",
+        "state": "stopped",
+        "result": "success",
+        "progress": 1
+      },
+      "content_view": {
+        "id": 1,
+        "name": "Default Organization View"
+      },
+      "content_view_version": {
+        "id": 1,
+        "name": "Default Organization View 1.0",
+        "content_view_id": 1
+      },
+      "kt_environment": {
+        "id": 1,
+        "name": "Library"
+      },
+      "content_type": "yum",
+      "url": "https://jlsherrill.fedorapeople.org/fake-repos/needed-errata/",
+      "arch": "noarch",
+      "os_versions": [],
+      "content_id": "1664981648561",
+      "generic_remote_options": null,
+      "major": null,
+      "minor": null,
+      "product": {
+        "id": 1,
+        "cp_id": "275319913074",
+        "name": "prod",
+        "orphaned": false,
+        "redhat": false,
+        "sync_plan": null
+      },
+      "content_label": "Default_Organization_prod_needed_errata",
+      "last_sync_words": "2 days",
+      "comparison": [
+        3,
+        2
+      ]
+    }
+  ]
+}

data/webpack/scenes/ContentViews/Details/Versions/ContentViewVersions.js

@@ -141,6 +141,7 @@ const ContentViewVersions = ({ cvId, details }) => {
 
     return [
       <Checkbox
+        ouiaId={`select-version-${versionId}`}
         id={versionId}
         aria-label={`Select version ${versionId}`}
         isChecked={isSelected(versionId)}
@@ -271,6 +272,7 @@ const ContentViewVersions = ({ cvId, details }) => {
             <Grid>
               <GridItem md={8} sm={12}>
                 <Button
+                  ouiaId="compare"
                   variant="primary"
                   onClick={() => setHasTwoVersions(true)}
                   isDisabled={selectedCount !== 2}
@@ -283,10 +285,12 @@ const ContentViewVersions = ({ cvId, details }) => {
                 <Dropdown
                   toggle={<KebabToggle aria-label="bulk_actions" onToggle={setKebabOpen} />}
                   isOpen={kebabOpen}
+                  ouiaId="cv-versions-bulk-actions"
                   isPlain
                   dropdownItems={[
                     <DropdownItem
                       aria-label="bulk_delete"
+                      ouiaId="bulk_delete"
                       key="bulk_delete"
                       isDisabled={selectedCount < 1}
                       component="button"
@@ -339,7 +343,7 @@ const ContentViewVersions = ({ cvId, details }) => {
             aria-label="remove_content_view_version_modal"
           />
         }
-        <Tr key="version-header">
+        <Tr key="version-header" ouiaId="version-header">
           {columnHeaders.map((title, index) => {
             if (index === 0 && !hasActionPermissions) return undefined;
             return <Th key={`col-header-${title}`}>{title}</Th>;
@@ -351,7 +355,7 @@ const ContentViewVersions = ({ cvId, details }) => {
           const hasHistory = !!cvVersion?.active_history?.length;
           const cells = buildCells(cvVersion);
           return (
-            <Tr key={`column-${cvVersion.id}`}>
+            <Tr key={`row-${cvVersion.id}`} ouiaId={`row-${cvVersion.id}`}>
               {cells.map((cell, index) => {
                 if (index === 0 && !hasActionPermissions) return undefined;
                 return (

data/webpack/scenes/ContentViews/Details/Versions/Delete/RemoveSteps/CVEnvironmentSelectionForm.js

@@ -76,9 +76,9 @@ const CVEnvironmentSelectionForm = () => {
             />
           </Alert>)}
       {(versionEnvironments.length !== 0) &&
-        <TableComposable variant={TableVariant.compact}>
+        <TableComposable ouiaId="version-delete-env-table" variant={TableVariant.compact}>
           <Thead>
-            <Tr>
+            <Tr ouiaId="version-delete-env-table-header">
               <Td
                 select={{
                   rowIndex: 0,
@@ -97,7 +97,7 @@ const CVEnvironmentSelectionForm = () => {
               host_count: hostCount,
             }, rowIndex) =>
               (
-                <Tr key={`${name}_${id}`}>
+                <Tr ouiaId={`${name}_${id}`} key={`${name}_${id}`}>
                   <Td
                     key={`${name}__${id}_select`}
                     select={{

data/webpack/scenes/ContentViews/Details/Versions/Delete/RemoveSteps/CVReassignActivationKeysForm.js

@@ -102,6 +102,7 @@ const CVReassignActivationKeysForm = () => {
             id="selectCV"
             name="selectCV"
             aria-label="selectCV"
+            ouiaId="selectCV"
             placeholderText={(cvSelectOptions.length === 0) ? __('No content views available') : __('Select a content view')}
           >
             {cvSelectOptions}

data/webpack/scenes/ContentViews/Details/Versions/Delete/RemoveSteps/CVReassignHostsForm.js

@@ -99,6 +99,7 @@ const CVReassignHostsForm = () => {
           isDisabled={cvSelectOptions.length === 0}
           onToggle={isExpanded => setCVSelectOpen(isExpanded)}
           id="selectCV"
+          ouiaId="selectCV"
           name="selectCV"
           aria-label="selectCV"
           placeholderText={(cvSelectOptions.length === 0) ? __('No content views available') : __('Select a content view')}

data/webpack/scenes/ContentViews/Details/Versions/Delete/affectedActivationKeys.js

@@ -59,14 +59,14 @@ const AffectedActivationKeys = ({
       variant={TableVariant.compact}
     >
       <Thead>
-        <Tr>
+        <Tr ouiaId="affected-activation-keys-header">
           {columnHeaders.map(col =>
             <Th key={col}>{col}</Th>)}
         </Tr>
       </Thead>
       <Tbody>
         {results?.map(({ name, id, environment }) => (
-          <Tr key={`${id}`}>
+          <Tr ouiaId={`${id}`} key={`${id}`}>
             <Td>
               <a rel="noreferrer" target="_blank" href={urlBuilder(`activation_keys/${id}`, '')}>{name}</a>
             </Td>

data/webpack/scenes/ContentViews/Details/Versions/Delete/affectedHosts.js

@@ -55,7 +55,7 @@ const AffectedHosts = ({
       variant={TableVariant.compact}
     >
       <Thead>
-        <Tr>
+        <Tr ouiaId="affected-hosts-table-headers">
           {columnHeaders.map(col =>
             <Th key={col}>{col}</Th>)}
         </Tr>
@@ -66,7 +66,7 @@ const AffectedHosts = ({
           id,
           content_facet_attributes: { lifecycle_environment: environment },
         }) => (
-          <Tr key={`${id}`}>
+          <Tr ouiaId={`${id}`} key={`${id}`}>
             <Td>
               <a rel="noreferrer" target="_blank" href={urlBuilder(`hosts/${id}`, '')}>{name}</a>
             </Td>

data/webpack/scenes/ContentViews/Details/Versions/VersionDetails/ContentViewVersionDetailConfig.js

@@ -91,7 +91,7 @@ export default ({ cvId, versionId }) => [
           <LongDateTime date={item.updated_at} showRelativeTimeTooltip />,
       },
     ],
-    disableSearch: true,
+    hideSearch: true,
   },
   {
     name: __('Repositories'),
@@ -109,7 +109,7 @@ export default ({ cvId, versionId }) => [
       {
         title: __('Name'),
         getProperty: item => (
-          <a href={urlBuilder(`products/${item?.product?.id}/repositories/${item?.id}`, '')}>
+          <a href={urlBuilder(`products/${item?.product?.id}/repositories/${item?.library_instance_id ?? item?.id}`, '')}>
             {item?.name}
           </a>),
       },

data/webpack/scenes/ContentViews/Details/Versions/VersionDetails/ContentViewVersionDetails.js

@@ -70,6 +70,7 @@ const ContentViewVersionDetails = ({ cvId, details }) => {
         <div className="grid-with-top-border">
           <Tabs
             activeKey={getCurrentActiveKey}
+            ouiaId="cv-version-details-tabs"
             onSelect={onSelect}
             isVertical
           >

data/webpack/scenes/ContentViews/Details/Versions/VersionDetails/ContentViewVersionDetailsHeader.js

@@ -49,6 +49,7 @@ const ContentViewVersionDetailsHeader = ({
   const [bulkDeleteOpen, setBulkDeleteOpen] = useState(false);
   const dropDownItems = [
     <DropdownItem
+      ouiaId="remove"
       key="remove"
       onClick={() => {
         setRemovingFromEnv(true);
@@ -57,6 +58,7 @@ const ContentViewVersionDetailsHeader = ({
       {__('Remove from environment')}
     </DropdownItem>,
     <DropdownItem
+      ouiaId="delete"
       key="delete"
       onClick={() =>
         setBulkDeleteOpen(true)
@@ -70,7 +72,7 @@ const ContentViewVersionDetailsHeader = ({
     <Grid className="margin-0-24">
       <GridItem sm={6} >
         <TextContent>
-          <Text component={TextVariants.h2}>{__('Version ')}{version}</Text>
+          <Text ouiaId="cv-version" component={TextVariants.h2}>{__('Version ')}{version}</Text>
         </TextContent>
       </GridItem>
       <GridItem sm={6} style={{ display: 'flex' }}>
@@ -85,6 +87,7 @@ const ContentViewVersionDetailsHeader = ({
         </Button>
         <Dropdown
           isPlain
+          ouiaId="cv-version-header-actions-dropdown"
           style={{ width: 'inherit' }}
           position={DropdownPosition.right}
           toggle={

data/webpack/scenes/ContentViews/Details/Versions/VersionDetails/ContentViewVersionDetailsTable.js

@@ -34,7 +34,7 @@ const ContentViewVersionDetailsTable = ({
     autocompleteEndpoint,
     fetchItems,
     columnHeaders,
-    disableSearch,
+    hideSearch,
     route,
   }, repositories,
 }) => {
@@ -77,7 +77,7 @@ const ContentViewVersionDetailsTable = ({
           updateSearchQuery,
           status,
           autocompleteEndpoint,
-          disableSearch,
+          hideSearch,
         }}
         ouiaId={`content-view-version-details-${kebabCase(route)}-table`}
         additionalListeners={[selected]}
@@ -92,6 +92,7 @@ const ContentViewVersionDetailsTable = ({
           <Select
             onToggle={setOpen}
             isOpen={open}
+            ouiaId="repo-type-selector"
             variant={SelectVariant.single}
             onSelect={(_e, selection) => {
               const index = selectedList
@@ -108,14 +109,14 @@ const ContentViewVersionDetailsTable = ({
         }
       >
         <Thead>
-          <Tr>
+          <Tr ouiaId="column-headers">
             {columnHeaders.map(({ title, width }) =>
               <Th width={width} key={`${title}-header`}>{title}</Th>)}
           </Tr>
         </Thead>
         <Tbody>
           {results?.map((result, index) => (
-            <Tr key={`column-${index}`}>
+            <Tr key={`column-${index}`} ouiaId={`column-${index}`}>
               {columnHeaders.map(({ getProperty }, colIndex) =>
                 <Td key={`cell-${colIndex}`}>{getProperty(result)} </Td>)}
             </Tr>

data/webpack/scenes/ContentViews/Publish/CVPublishForm.js

@@ -43,7 +43,9 @@ const CVPublishForm = ({
           </>}
       />
       <TextContent>
-        <Text component={TextVariants.h3}>{__('Publish new version - ')}{nextVersion || '1.0'}</Text>
+        <Text ouiaId="next-version-text" component={TextVariants.h3}>
+          {__('Publish new version - ')}{nextVersion || '1.0'}
+        </Text>
       </TextContent>
       <Form>
         <FormGroup label={__('Description')} fieldId="description">
@@ -60,6 +62,7 @@ const CVPublishForm = ({
         <FormGroup label={__('Promote')} fieldId="promote">
           <Switch
             id="promote-switch"
+            ouiaId="promote-switch"
             aria-label="promote-switch"
             isChecked={promote}
             onChange={checkPromote}
@@ -68,6 +71,7 @@ const CVPublishForm = ({
       </Form>
       {!alertDismissed && promote && forcePromote.length > 0 && (
         <Alert
+          ouiaId="force-promotion-alert"
           variant="info"
           isInline
           title={__('Force promotion')}

data/webpack/scenes/ContentViews/Publish/CVPublishReview.js

@@ -42,16 +42,16 @@ const CVPublishReview = ({
             {__('Review your currently selected changes for ')}<b>{composite ? <RegistryIcon /> : <EnterpriseIcon />} {name}.</b>
           </>}
       />
-      <TableComposable aria-label="Review Table">
+      <TableComposable ouiaId="cv-publish-review-table" aria-label="Review Table">
         <Thead>
-          <Tr>
+          <Tr ouiaId="cv-publish-review-table-headers">
             <Th>{__('Content view name')}</Th>
             <Th>{__('Version')}</Th>
             <Th>{__('Environments')}</Th>
           </Tr>
         </Thead>
         <Tbody>
-          <Tr>
+          <Tr ouiaId="cv-publish-review-table-row">
             <Td>
               <><ContentViewIcon composite={composite} description={name} /><InactiveText text={__('Newly published')} /></>
             </Td>