katello 4.6.2.1 → 4.7.0.rc1

data/webpack/scenes/AlternateContentSources/helpers.js

@@ -0,0 +1,26 @@
+export const isValidUrl = (urlString, acsType = '') => {
+  try {
+    const urlFromString = new URL(urlString);
+    let valid = urlFromString.protocol === 'https:' || urlFromString.protocol === 'http:' || urlFromString.protocol === 'file:';
+    if (acsType === 'rhui') {
+      valid = valid && urlFromString.pathname === '/pulp/content';
+    }
+    return valid;
+  } catch (e) {
+    return false;
+  }
+};
+
+export const areSubPathsValid = (subpathsString) => {
+  try {
+    if (subpathsString === '') {
+      return true;
+    }
+    return subpathsString.split(',').every((subpath) => {
+      const trimmedPath = subpath.trim();
+      return (!trimmedPath.startsWith('/') && trimmedPath.endsWith('/'));
+    });
+  } catch (e) {
+    return false;
+  }
+};

data/webpack/scenes/ContentViews/ContentViewsConstants.js

@@ -63,6 +63,7 @@ export const addComponentSuccessMessage = component => (component ? __('Updated
 export const genericContentCompareKey = (pluralLabel, versionOne, versionTwo, viewBy) => `${toUpper(pluralLabel)}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 export const cvPackageGroupsCompareKey = (versionOne, versionTwo, viewBy) => `${PACKAGE_GROUPS_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 export const cvRPMPackagesCompareKey = (versionOne, versionTwo, viewBy) => `${PACKAGES_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
+export const cvRepositoriesCompareKey = (versionOne, versionTwo, viewBy) => `REPOSITORIES_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 export const cvErrataCompareKey = (versionOne, versionTwo, viewBy) => `${ERRATA_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 export const cvModuleStreamsCompareKey = (versionOne, versionTwo, viewBy) => `${MODULE_STREAMS_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;
 export const cvDebPackagesCompareKey = (versionOne, versionTwo, viewBy) => `${DEB_PACKAGES_KEY}_COMPARE_${versionOne}_${versionTwo}_VIEW_BY_${toUpper(viewBy)}`;

data/webpack/scenes/ContentViews/ContentViewsPage.js

@@ -9,7 +9,7 @@ const ContentViewsPage = () => (
     <Grid className="margin-24">
       <GridItem span={12}>
         <TextContent>
-          <Text component={TextVariants.h1}>{__('Content views')}</Text>
+          <Text ouiaId="cvPageHeaderText" component={TextVariants.h1}>{__('Content views')}</Text>
         </TextContent>
       </GridItem>
       <GridItem span={12} className="margin-top-8">

data/webpack/scenes/ContentViews/Copy/CopyContentViewForm.js

@@ -52,6 +52,7 @@ const CopyContentViewForm = ({ cvId, setModalOpen }) => {
           type="text"
           id="name"
           aria-label="input_name"
+          ouiaId="input_name"
           name="name"
           value={name}
           onChange={setName}

data/webpack/scenes/ContentViews/Copy/CopyContentViewModal.js

@@ -18,6 +18,7 @@ const CopyContentViewModal = ({
   return (
     <Modal
       title="Copy content view"
+      ouiaId="copy-content-view-modal"
       variant={ModalVariant.small}
       isOpen={show}
       description={description}

data/webpack/scenes/ContentViews/Create/ContentViewFormComponents.js

@@ -1,11 +1,12 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
 import { Tooltip, TooltipPosition, Flex, FlexItem } from '@patternfly/react-core';
 import { autoPublishHelpText, dependenciesHelpText, importOnlyHelpText, generatedContentViewHelpText } from '../helpers';
 import ContentViewIcon from '../components/ContentViewIcon';
 
-const HelpToolTip = tooltip => (
+export const HelpToolTip = ({ tooltip }) => (
   <span className="foreman-spaced-icon">
     <Tooltip
       position={TooltipPosition.top}
@@ -34,7 +35,7 @@ export const LabelDependencies = () => (
   <Flex>
     <FlexItem spacer={{ default: 'spacerSm' }}>{__('Solve dependencies')}</FlexItem>
     <FlexItem>
-      {HelpToolTip(dependenciesHelpText)}
+      <HelpToolTip tooltip={dependenciesHelpText} />
     </FlexItem>
   </Flex>
 );
@@ -43,7 +44,7 @@ export const LabelAutoPublish = () => (
   <Flex>
     <FlexItem spacer={{ default: 'spacerSm' }}>{__('Auto publish')}</FlexItem>
     <FlexItem>
-      {HelpToolTip(autoPublishHelpText)}
+      <HelpToolTip tooltip={autoPublishHelpText} />
     </FlexItem>
   </Flex>
 );
@@ -52,7 +53,7 @@ export const LabelImportOnly = () => (
   <Flex>
     <FlexItem spacer={{ default: 'spacerSm' }}>{__('Import only')}</FlexItem>
     <FlexItem>
-      {HelpToolTip(importOnlyHelpText)}
+      <HelpToolTip tooltip={importOnlyHelpText} />
     </FlexItem>
   </Flex>
 );
@@ -61,7 +62,11 @@ export const LabelGenerated = () => (
   <Flex>
     <FlexItem spacer={{ default: 'spacerSm' }}>{__('Generated')}</FlexItem>
     <FlexItem>
-      {HelpToolTip(generatedContentViewHelpText)}
+      <HelpToolTip tooltip={generatedContentViewHelpText} />
     </FlexItem>
   </Flex>
 );
+
+HelpToolTip.propTypes = {
+  tooltip: PropTypes.string.isRequired,
+};

data/webpack/scenes/ContentViews/Create/CreateContentViewForm.js

@@ -4,7 +4,6 @@ import { STATUS } from 'foremanReact/constants';
 import { translate as __ } from 'foremanReact/common/I18n';
 import PropTypes from 'prop-types';
 import { useDispatch, useSelector } from 'react-redux';
-import { Redirect } from 'react-router-dom';
 import { Form, FormGroup, TextInput, TextArea, Checkbox, ActionGroup, Button, Tile, Grid, GridItem } from '@patternfly/react-core';
 import { createContentView } from '../ContentViewsActions';
 import { selectCreateContentViews, selectCreateContentViewStatus, selectCreateContentViewError } from './ContentViewCreateSelectors';
@@ -25,6 +24,18 @@ const CreateContentViewForm = ({ setModalOpen }) => {
   const [redirect, setRedirect] = useState(false);
   const [saving, setSaving] = useState(false);
 
+  const [labelValidated, setLabelValidated] = useState('default');
+  const handleLabelChange = (newLabel, _event) => {
+    setLabel(newLabel);
+    if (newLabel === '') {
+      setLabelValidated('default');
+    } else if (/^[\w-]+$/.test(newLabel)) {
+      setLabelValidated('success');
+    } else {
+      setLabelValidated('error');
+    }
+  };
+
   const response = useSelector(selectCreateContentViews);
   const status = useSelector(selectCreateContentViewStatus);
   const error = useSelector(selectCreateContentViewError);
@@ -54,18 +65,17 @@ const CreateContentViewForm = ({ setModalOpen }) => {
 
   useEffect(
     () => {
-      setLabel(name.replace(/ /g, '_'));
+      setLabel(name.replace(/[^A-Za-z0-9_-]/g, '_'));
     },
     [name],
   );
 
   if (redirect) {
     const { id } = response;
-    if (composite) { return (<Redirect to={`/content_views/${id}#/contentviews`} />); }
-    return (<Redirect to={`/content_views/${id}#/repositories`} />);
+    if (composite) { window.location.assign(`/content_views/${id}#/contentviews`); } else { window.location.assign(`/content_views/${id}#/repositories`); }
   }
 
-  const submitDisabled = !name?.length || !label?.length || saving;
+  const submitDisabled = !name?.length || !label?.length || saving || redirect || labelValidated === 'error';
 
   return (
     <Form onSubmit={(e) => {
@@ -79,20 +89,29 @@ const CreateContentViewForm = ({ setModalOpen }) => {
           type="text"
           id="name"
           aria-label="input_name"
+          ouiaId="input_name"
           name="name"
           value={name}
           onChange={value => setName(value)}
         />
       </FormGroup>
-      <FormGroup label={__('Label')} isRequired fieldId="label">
+      <FormGroup
+        label={__('Label')}
+        isRequired
+        fieldId="label"
+        helperTextInvalid="Must be Ascii alphanumeric, '_' or '-'"
+        validated={labelValidated}
+      >
         <TextInput
           isRequired
           type="text"
           id="label"
           aria-label="input_label"
+          ouiaId="input_label"
           name="label"
           value={label}
-          onChange={value => setLabel(value)}
+          validated={labelValidated}
+          onChange={handleLabelChange}
         />
       </FormGroup>
       <FormGroup label={__('Description')} fieldId="description">
@@ -142,6 +161,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
         <FormGroup isInline fieldId="dependencies">
           <Checkbox
             id="dependencies"
+            ouiaId="dependencies"
             name="dependencies"
             label={LabelDependencies()}
             isChecked={dependencies}
@@ -152,6 +172,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
         <FormGroup isInline fieldId="importOnly">
           <Checkbox
             id="importOnly"
+            ouiaId="importOnly"
             name="importOnly"
             label={LabelImportOnly()}
             isChecked={importOnly}
@@ -162,6 +183,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
         <FormGroup isInline fieldId="autoPublish">
           <Checkbox
             id="autoPublish"
+            ouiaId="autoPublish"
             name="autoPublish"
             label={LabelAutoPublish()}
             isChecked={autoPublish}
@@ -174,6 +196,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
           aria-label="create_content_view"
           variant="primary"
           isDisabled={submitDisabled}
+          isLoading={saving || redirect}
           type="submit"
         >
           {__('Create content view')}

data/webpack/scenes/ContentViews/Create/CreateContentViewModal.js

@@ -6,6 +6,7 @@ import CreateContentViewForm from './CreateContentViewForm';
 
 const CreateContentViewModal = ({ show, setIsOpen }) => (
   <Modal
+    ouiaId="create-content-view-modal"
     title={__('Create content view')}
     variant={ModalVariant.small}
     isOpen={show}

data/webpack/scenes/ContentViews/Create/__tests__/createContentView.test.js

@@ -8,7 +8,14 @@ import cvCreateData from './contentViewCreateResult.fixtures.json';
 
 const cvCreatePath = api.getApiUrl('/content_views');
 
-const setModalOpen = jest.fn();
+const mockFn = jest.fn();
+
+delete window.location;
+window.location = { assign: mockFn };
+
+afterEach(() => {
+  mockFn.mockClear();
+});
 
 const createDetails = {
   name: '1232123',
@@ -22,7 +29,7 @@ const createDetails = {
 
 const createdCVDetails = { ...cvCreateData };
 
-const form = <CreateContentViewForm setModalOpen={setModalOpen} />;
+const form = <CreateContentViewForm setModalOpen={mockFn} />;
 
 test('Can save content view from form', async (done) => {
   const createscope = nockInstance
@@ -44,7 +51,7 @@ test('Form closes itself upon save', async (done) => {
   const createscope = nockInstance
     .post(cvCreatePath, createDetails)
     .reply(201, createdCVDetails);
-  const { getByText, queryByText, getByLabelText } = renderWithRedux(form);
+  const { getByText, getByLabelText } = renderWithRedux(form);
   expect(getByText('Description')).toBeInTheDocument();
   expect(getByText('Name')).toBeInTheDocument();
   expect(getByText('Label')).toBeInTheDocument();
@@ -52,11 +59,11 @@ test('Form closes itself upon save', async (done) => {
   fireEvent.change(getByLabelText('input_name'), { target: { value: '1232123' } });
 
   await patientlyWaitFor(() => { expect(getByLabelText('input_label')).toHaveAttribute('value', '1232123'); });
-
+  jest.spyOn(window.location, 'assign');
   getByLabelText('create_content_view').click();
-  // Form closes it self on success
+  // Form closes it self on success by calling location.assign()
   await patientlyWaitFor(() => {
-    expect(queryByText('Description')).not.toBeInTheDocument();
+    expect(window.location.assign).toHaveBeenCalled();
   });
 
   assertNockRequest(createscope, done);
@@ -89,3 +96,11 @@ test('Displays dependent fields correctly', () => {
   expect(queryByText('Auto publish')).not.toBeInTheDocument();
   expect(getByText('Import only')).toBeInTheDocument();
 });
+
+test('Validates label field', () => {
+  const { getByText, getByLabelText } = renderWithRedux(form);
+  expect(getByText('Label')).toBeInTheDocument();
+
+  fireEvent.change(getByLabelText('input_label'), { target: { value: '123 2123' } });
+  expect(getByText('Must be Ascii alphanumeric, \'_\' or \'-\'')).toBeInTheDocument();
+});

data/webpack/scenes/ContentViews/Delete/Steps/CVDeleteEnvironmentsSelection.js

@@ -64,9 +64,9 @@ const CVDeleteEnvironmentSelection = () => {
               isExpanded={versionExpanded[index]}
             >
               {(version?.environments.length !== 0) ?
-                <TableComposable variant={TableVariant.compact}>
+                <TableComposable ouiaId="cv-delete-env-select-table" variant={TableVariant.compact}>
                   <Thead>
-                    <Tr>
+                    <Tr ouiaId="cv-delete-env-select-table-header">
                       <Th />
                       {columnHeaders.map(col =>
                         <Th key={col}>{col}</Th>)}
@@ -78,7 +78,7 @@ const CVDeleteEnvironmentSelection = () => {
                         id, name, activation_key_count: akCount, host_count: hostCount,
                       } = env;
                       return (
-                        <Tr key={`${name}_${id}`}>
+                        <Tr ouiaId={`${name}_${id}`} key={`${name}_${id}`}>
                           <Td
                             key={`${name}__${id}_select`}
                             select={{

data/webpack/scenes/ContentViews/Delete/Steps/CVDeletionReassignActivationKeysForm.js

@@ -93,6 +93,7 @@ const CVDeletionReassignActivationKeysForm = () => {
           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/Delete/Steps/CVDeletionReassignHostsForm.js

@@ -94,6 +94,7 @@ const CVDeletionReassignHostsForm = () => {
           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/Delete/__tests__/CvData.fixtures.json

@@ -9,6 +9,8 @@
     "by": "name",
     "order": "asc"
   },
+  "can_create": true,
+  "can_view": true,
   "results": [
     {
       "composite": false,

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ComponentContentViewAddModal.js

@@ -90,6 +90,7 @@ const ComponentContentViewAddModal = ({
       title={componentId ? __('Update version') : __('Add content view')}
       variant={ModalVariant.small}
       isOpen={show}
+      ouiaId="add-update-cv-modal"
       description={__(`Select available version of ${cvName} to use`)}
       onClose={() => {
         setIsOpen(false);
@@ -109,6 +110,7 @@ const ComponentContentViewAddModal = ({
             id="horzontal-form-title"
             name="horizontal-form-title"
             aria-label="CvVersion"
+            ouiaId="select-cv-version"
           >
             {options.map((option, index) => (
               // eslint-disable-next-line react/no-array-index-key
@@ -119,6 +121,7 @@ const ComponentContentViewAddModal = ({
         <FormGroup fieldId="latest">
           <Flex style={{ display: 'inline-flex' }}>
             <Checkbox
+              ouiaId="latest"
               style={{ marginTop: 0 }}
               id="latest"
               name="latest"

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ComponentContentViewBulkAddModal.js

@@ -53,6 +53,7 @@ const ComponentContentViewBulkAddModal = ({ cvId, rowsToAdd, onClose }) => {
     <Modal
       title={__('Add content views')}
       variant={ModalVariant.large}
+      ouiaId="add-content-views"
       isOpen
       description={__('Select available version of content views to use')}
       onClose={onClose}
@@ -64,12 +65,13 @@ const ComponentContentViewBulkAddModal = ({ cvId, rowsToAdd, onClose }) => {
       }}
       >
         {Object.keys(versionSelectOptions).sort().map(componentCvName => (
-          <Card key={componentCvName}>
+          <Card ouiaId="componentCvName" key={componentCvName}>
             <CardTitle aria-label={componentCvName}>{componentCvName}</CardTitle>
             <CardBody>
               <FormGroup label={__('Version')} isRequired fieldId="version">
                 <FormSelect
                   value={selectedVersion[componentCvName]}
+                  ouiaId="select-version"
                   isDisabled={versionSelectOptions[componentCvName].length <= 1}
                   onChange={value =>
                     setSelectedVersion({ ...selectedVersion, ...{ [componentCvName]: value } })}
@@ -88,6 +90,7 @@ const ComponentContentViewBulkAddModal = ({ cvId, rowsToAdd, onClose }) => {
                   <Checkbox
                     style={{ marginTop: 0 }}
                     id={`latest-${componentCvName}`}
+                    ouiaId={`latest-${componentCvName}`}
                     name="latest"
                     label={__('Always update to latest version')}
                     isChecked={selectedComponentLatest[componentCvName]}

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ComponentVersion.js

@@ -27,7 +27,7 @@ const ComponentVersion = ({ componentCV }) => {
           {version ? `Version ${version}` : noVersionText}
         </a>
         <TextContent>
-          <Text component={TextVariants.small}>
+          <Text ouiaId="version" component={TextVariants.small}>
             {latest ? latestDescription : manualVersionText}
           </Text>
         </TextContent>

data/webpack/scenes/ContentViews/Details/ComponentContentViews/ContentViewComponents.js

@@ -211,7 +211,7 @@ const ContentViewComponents = ({ cvId, details }) => {
   ];
 
   const dropdownItems = [
-    <DropdownItem aria-label="bulk_remove" key="bulk_remove" isDisabled={!(bulkRemoveEnabled())} component="button" onClick={removeBulk}>
+    <DropdownItem ouiaId="bulk-remove" aria-label="bulk_remove" key="bulk_remove" isDisabled={!(bulkRemoveEnabled())} component="button" onClick={removeBulk}>
       {__('Remove')}
     </DropdownItem>,
   ];
@@ -281,6 +281,7 @@ const ContentViewComponents = ({ cvId, details }) => {
                       toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
                       isOpen={bulkActionOpen}
                       isPlain
+                      ouiaId="cv-components-bulk-actions"
                       dropdownItems={dropdownItems}
                     />
                   </ActionListItem>

data/webpack/scenes/ContentViews/Details/ContentViewDetailActions.js

@@ -57,6 +57,7 @@ import {
   cvDebPackagesCompareKey,
   filesCompareKey,
   genericContentCompareKey,
+  cvRepositoriesCompareKey,
 } from '../ContentViewsConstants';
 import api, { foremanApi, orgId } from '../../../services/api';
 import { getResponseErrorMsgs } from '../../../utils/helpers';
@@ -99,6 +100,19 @@ export const getRPMPackagesComparison = (versionOne, versionTwo, viewBy, params)
   });
 };
 
+export const getRepositoriesComparison = (versionOne, versionTwo, viewBy, params) => {
+  const versions = { content_view_version_ids: [versionOne, versionTwo] };
+  const restrictComparison = { restrict_comparison: viewBy };
+  const apiParams = { ...versions, ...restrictComparison, ...params };
+  const apiUrl = '/repositories/compare';
+  return get({
+    key: cvRepositoriesCompareKey(versionOne, versionTwo, viewBy),
+    params: apiParams,
+    errorToast: error => __(`Something went wrong while retrieving the repositories! ${getResponseErrorMsgs(error.response)}`),
+    url: api.getApiUrl(apiUrl),
+  });
+};
+
 export const getPackageGroupsComparison = (versionOne, versionTwo, viewBy, params) => {
   const versions = { content_view_version_ids: [versionOne, versionTwo] };
   const restrictComparison = { restrict_comparison: viewBy };

data/webpack/scenes/ContentViews/Details/ContentViewDetailSelectors.js

@@ -44,7 +44,7 @@ import {
   cvDockerTagsCompareKey,
   cvDebPackagesCompareKey,
   filesCompareKey,
-  genericContentCompareKey,
+  genericContentCompareKey, cvRepositoriesCompareKey,
 } from '../ContentViewsConstants';
 
 export const selectCVDetails = (state, cvId) =>
@@ -134,6 +134,16 @@ export const selectCVHistoriesStatus = (state, cvId) =>
 export const selectCVHistoriesError = (state, cvId) =>
   selectAPIError(state, cvDetailsHistoryKey(cvId));
 
+export const selectRepositoriesComparison = (state, versionOne, versionTwo, viewBy) =>
+  selectAPIResponse(state, cvRepositoriesCompareKey(versionOne, versionTwo, viewBy)) || {};
+
+export const selectRepositoriesComparisonStatus = (state, versionOne, versionTwo, viewBy) =>
+  selectAPIStatus(state, cvRepositoriesCompareKey(versionOne, versionTwo, viewBy)) ||
+  STATUS.PENDING;
+
+export const selectRepositoriesComparisonError = (state, versionOne, versionTwo, viewBy) =>
+  selectAPIError(state, cvRepositoriesCompareKey(versionOne, versionTwo, viewBy));
+
 export const selectRPMPackagesComparison = (state, versionOne, versionTwo, viewBy) =>
   selectAPIResponse(state, cvRPMPackagesCompareKey(versionOne, versionTwo, viewBy)) || {};
 

data/webpack/scenes/ContentViews/Details/ContentViewDetails.js

@@ -149,7 +149,7 @@ export default () => {
             >
               <FlexItem>
                 <TextContent>
-                  <Text component={TextVariants.h1}>
+                  <Text ouiaId="cv-details-header-name" component={TextVariants.h1}>
                     <ContentViewIcon count={name} composite={composite} />
                   </Text>
                 </TextContent>

data/webpack/scenes/ContentViews/Details/ContentViewInfo.js

@@ -117,6 +117,7 @@ const ContentViewInfo = ({ cvId, details }) => {
         <TextListItem component={TextListItemVariants.dd} className="foreman-spaced-list">
           <Switch
             id="import_only_switch"
+            ouiaId="import_only_switch"
             aria-label="import_only_switch"
             isChecked={importOnly}
             className="foreman-spaced-list"
@@ -129,6 +130,7 @@ const ContentViewInfo = ({ cvId, details }) => {
         <TextListItem component={TextListItemVariants.dd} className="foreman-spaced-list">
           <Switch
             id="generated_by_export_switch"
+            ouiaId="generated_by_export_switch"
             aria-label="generated_by_export_switch"
             isChecked={generatedContentView}
             className="foreman-spaced-list"

data/webpack/scenes/ContentViews/Details/Filters/Add/CVFilterAddModal.js

@@ -111,6 +111,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
       title={__('Create filter')}
       variant={ModalVariant.large}
       isOpen
+      ouiaId="create-filter-modal"
       onClose={onClose}
       appendTo={document.body}
     >
@@ -125,6 +126,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
             type="text"
             id="name"
             aria-label="input_name"
+            ouiaId="input_name"
             name="name"
             value={name}
             onChange={value => setName(value)}
@@ -136,6 +138,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
             onSelect={onSelect}
             isOpen={typeSelectOpen}
             onToggle={setTypeSelectOpen}
+            ouiaId="content_type"
             id="content_type"
             name="content_type"
             aria-label="ContentType"
@@ -152,6 +155,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
                 onChange={checked => setInclusion(checked)}
                 label={__('Include filter')}
                 id="include_filter"
+                ouiaId="include_filter"
                 value="includeFilter"
                 style={{ margin: '1px' }}
               />
@@ -163,6 +167,7 @@ const CVFilterAddModal = ({ cvId, onClose }) => {
                 onChange={checked => setInclusion(!checked)}
                 label={__('Exclude filter')}
                 id="exclude_filter"
+                ouiaId="exclude_filter"
                 value="excludeFilter"
                 style={{ margin: '1px' }}
               />

data/webpack/scenes/ContentViews/Details/Filters/AffectedRepositories/AffectedRepositorySelection.js

@@ -37,6 +37,7 @@ const AffectedRepositorySelection = ({
 
   return (
     <Select
+      ouiaId="affected-repos"
       selections={type}
       onSelect={onSelect}
       isOpen={typeSelectOpen}

data/webpack/scenes/ContentViews/Details/Filters/ArtifactsWithNoErrata.js

@@ -34,6 +34,7 @@ export const ArtifactsWithNoErrataRenderer = ({ filterDetails }) => {
   };
 
   return (<Checkbox
+    ouiaId="artifactsNoErrata"
     id="artifactsNoErrata"
     name="artifactsNoErrata"
     label=<p style={{ marginTop: '4px' }}>{getLabel()}</p>

data/webpack/scenes/ContentViews/Details/Filters/CVContainerImageFilterContent.js

@@ -125,7 +125,12 @@ const CVContainerImageFilterContent = ({
   ];
 
   return (
-    <Tabs className="margin-0-24" activeKey={activeTabKey} onSelect={(_event, eventKey) => setActiveTabKey(eventKey)}>
+    <Tabs
+      className="margin-0-24"
+      activeKey={activeTabKey}
+      ouiaId="cv-container-image-filter-tabs"
+      onSelect={(_event, eventKey) => setActiveTabKey(eventKey)}
+    >
       <Tab eventKey={0} title={<TabTitleText>{__('Tags')}</TabTitleText>}>
         <div className="margin-24-0">
           <TableWrapper
@@ -167,9 +172,10 @@ const CVContainerImageFilterContent = ({
                       <Dropdown
                         toggle={<KebabToggle aria-label="bulk_actions" onToggle={toggleBulkAction} />}
                         isOpen={bulkActionOpen}
+                        ouiaId="cv-container-image-bulk-actions"
                         isPlain
                         dropdownItems={[
-                          <DropdownItem aria-label="bulk_remove" key="bulk_remove" isDisabled={!hasSelected} component="button" onClick={bulkRemove}>
+                          <DropdownItem ouiaId="cv-container-image-bulk-remove" aria-label="bulk_remove" key="bulk_remove" isDisabled={!hasSelected} component="button" onClick={bulkRemove}>
                             {__('Remove')}
                           </DropdownItem>]
                         }

data/webpack/scenes/ContentViews/Details/Filters/CVDebFilterContent.js

@@ -145,7 +145,11 @@ const CVDebFilterContent = ({
   };
 
   return (
-    <Tabs activeKey={activeTabKey} onSelect={(_event, eventKey) => setActiveTabKey(eventKey)}>
+    <Tabs
+      ouiaId="cv-deb-filter-content-tabs"
+      activeKey={activeTabKey}
+      onSelect={(_event, eventKey) => setActiveTabKey(eventKey)}
+    >
       <Tab eventKey={0} title={<TabTitleText>{tabTitle}</TabTitleText>}>
         <div className="tab-body-with-spacing">
           <TableWrapper