katello 4.5.0.rc1 → 4.5.0.rc2

data/webpack/scenes/AlternateContentSources/Create/__tests__/acsCreate.test.js

@@ -0,0 +1,149 @@
+import React from 'react';
+import * as reactRedux from 'react-redux';
+import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-wrapper';
+import api, { foremanApi } from '../../../../services/api';
+import nock, { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../test-utils/nockWrapper';
+import ACSTable from '../../MainTable/ACSTable';
+import contentCredentialResult from './contentCredentials.fixtures';
+import smartProxyResult from './smartProxy.fixtures';
+
+const ACSIndexPath = api.getApiUrl('/alternate_content_sources');
+const ACSCreatePath = api.getApiUrl('/alternate_content_sources');
+const contentCredentialPath = api.getApiUrl('/content_credentials');
+const smartProxyPath = foremanApi.getApiUrl('/smart_proxies');
+const autocompleteUrl = '/alternate_content_sources/auto_complete_search';
+
+const createACSDetails = {
+  upstream_username: 'username',
+  upstream_password: 'password',
+  name: 'acs_test',
+  description: '',
+  base_url: 'https://test_url.com/',
+  subpaths: ['test/repo1/', 'test/repo2/'],
+  smart_proxy_names: ['centos7-katello-devel-stable.example.com'],
+  content_type: 'yum',
+  alternate_content_source_type: 'custom',
+  verify_ssl: false,
+  ssl_ca_cert_id: '',
+};
+
+const noResults = {
+  total: 0,
+  subtotal: 0,
+  page: 1,
+  per_page: 20,
+  results: [],
+};
+
+let searchDelayScope;
+let autoSearchScope;
+beforeEach(() => {
+  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
+  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
+});
+
+afterEach(() => {
+  nock.cleanAll();
+  assertNockRequest(searchDelayScope);
+  assertNockRequest(autoSearchScope);
+});
+
+test('Can show add ACS button', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const scope = nockInstance
+    .get(ACSIndexPath)
+    .query(true)
+    .reply(200, noResults);
+
+  const { queryByText } = renderWithRedux(<ACSTable />);
+
+  expect(queryByText("You currently don't have any alternate content sources.")).toBeNull();
+  await patientlyWaitFor(() => expect(queryByText("You currently don't have any alternate content sources.")).toBeInTheDocument());
+  expect(queryByText('Add source')).toBeInTheDocument();
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope, done);
+});
+
+test('Can display create wizard and create ACS', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const scope = nockInstance
+    .get(ACSIndexPath)
+    .query(true)
+    .reply(200, noResults);
+
+  const contentCredentialScope = nockInstance
+    .get(contentCredentialPath)
+    .query(true)
+    .reply(200, contentCredentialResult);
+
+  const smartProxyScope = nockInstance
+    .get(smartProxyPath)
+    .query(true)
+    .reply(200, smartProxyResult);
+
+  const createScope = nockInstance
+    .post(ACSCreatePath, createACSDetails)
+    .reply(201, { id: 22 });
+
+  const {
+    getByLabelText, getByText, getAllByRole, queryByText,
+  } = renderWithRedux(<ACSTable />);
+
+  expect(queryByText("You currently don't have any alternate content sources.")).toBeNull();
+  await patientlyWaitFor(() => expect(queryByText("You currently don't have any alternate content sources.")).toBeInTheDocument());
+  expect(queryByText('Add source')).toBeInTheDocument();
+  fireEvent.click(getByText('Add source'));
+
+  // First step: Select source
+  await patientlyWaitFor(() => {
+    expect(getByText('Add an alternate content source')).toBeInTheDocument();
+    expect(queryByText('Indicate the source type.')).toBeInTheDocument();
+  });
+
+  // Choose ACS type, content_type defaults to yum
+  fireEvent.click(getByText('Custom'));
+
+  // Go to next step: Name source
+  fireEvent.click(getByText('Next'));
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Enter a name for your source.')).toBeInTheDocument();
+  });
+  // Enter Name
+  fireEvent.change(getByLabelText('acs_name_field'), { target: { value: 'acs_test' } });
+
+  // Mock smart proxy selector to go to next page
+  const useSelectorMock = jest.spyOn(reactRedux, 'useSelector');
+  useSelectorMock.mockReturnValue(smartProxyResult);
+  fireEvent.click(getByText('Next'));
+  fireEvent.click(getByLabelText('Add all'));
+
+  // Go to URL and subpath step
+  fireEvent.click(getByText('Next'));
+
+  fireEvent.change(getByLabelText('acs_base_url_field'), { target: { value: 'https://test_url.com/' } });
+  expect(getByLabelText('acs_base_url_field')).toHaveAttribute('value', 'https://test_url.com/');
+  fireEvent.change(getByLabelText('acs_subpath_field'), { target: { value: 'test/repo1/,test/repo2/' } });
+
+  // Mock content credential data
+  useSelectorMock.mockReturnValue(contentCredentialResult.results);
+  fireEvent.click(getByText('Next'));
+  const manualAuthRadio = getAllByRole('radio', { name: 'Manual authentication' })[0];
+  fireEvent.click(manualAuthRadio);
+  await patientlyWaitFor(() => {
+    expect(getByText('Username')).toBeInTheDocument();
+    expect(getByText('Password')).toBeInTheDocument();
+  });
+  fireEvent.change(getByLabelText('acs_username_field'), { target: { value: 'username' } });
+  fireEvent.change(getByLabelText('acs_password_field'), { target: { value: 'password' } });
+
+  fireEvent.click(getByText('Next'));
+  fireEvent.click(getByText('Add'));
+
+  useSelectorMock.mockClear();
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope);
+  assertNockRequest(contentCredentialScope);
+  assertNockRequest(smartProxyScope);
+  assertNockRequest(createScope, done);
+});

data/webpack/scenes/AlternateContentSources/Create/__tests__/acsCreateData.fixtures.json

@@ -0,0 +1,3 @@
+{
+  "id": 22,
+}

data/webpack/scenes/AlternateContentSources/Create/__tests__/contentCredentials.fixtures.json

@@ -0,0 +1,69 @@
+{
+  "total": 2,
+  "subtotal": 2,
+  "selectable": 2,
+  "page": 1,
+  "per_page": 20,
+  "error": null,
+  "search": null,
+  "sort": {
+    "by": "name",
+    "order": "asc"
+  },
+  "results": [
+    {
+      "name": "test",
+      "content_type": "cert",
+      "content": "abcdef",
+      "id": 1,
+      "organization_id": 1,
+      "organization": {
+        "name": "Default Organization",
+        "label": "Default_Organization",
+        "id": 1
+      },
+      "created_at": "2022-05-02 16:21:58 -0400",
+      "updated_at": "2022-05-02 16:21:58 -0400",
+      "gpg_key_products": [],
+      "gpg_key_repos": [],
+      "ssl_ca_products": [],
+      "ssl_ca_root_repos": [],
+      "ssl_client_products": [],
+      "ssl_client_root_repos": [],
+      "ssl_key_products": [],
+      "ssl_key_root_repos": [],
+      "permissions": {
+        "view_content_credenials": true,
+        "edit_content_credenials": true,
+        "destroy_content_credenials": true
+      }
+    },
+    {
+      "name": "test1",
+      "content_type": "gpg_key",
+      "content": "abcdef",
+      "id": 2,
+      "organization_id": 1,
+      "organization": {
+        "name": "Default Organization",
+        "label": "Default_Organization",
+        "id": 1
+      },
+      "created_at": "2022-05-02 16:22:30 -0400",
+      "updated_at": "2022-05-02 16:22:30 -0400",
+      "gpg_key_products": [],
+      "gpg_key_repos": [],
+      "ssl_ca_products": [],
+      "ssl_ca_root_repos": [],
+      "ssl_client_products": [],
+      "ssl_client_root_repos": [],
+      "ssl_key_products": [],
+      "ssl_key_root_repos": [],
+      "permissions": {
+        "view_content_credenials": true,
+        "edit_content_credenials": true,
+        "destroy_content_credenials": true
+      }
+    }
+  ]
+}

data/webpack/scenes/AlternateContentSources/Create/__tests__/smartProxy.fixtures.json

@@ -0,0 +1,65 @@
+{
+  "total": 1,
+  "subtotal": 1,
+  "page": 1,
+  "per_page": 20,
+  "search": null,
+  "sort": {
+    "by": null,
+    "order": null
+  },
+  "results": [
+    {
+      "created_at": "2022-05-02 10:17:57 -0400",
+      "updated_at": "2022-05-02 10:24:21 -0400",
+      "hosts_count": 0,
+      "name": "centos7-katello-devel-stable.example.com",
+      "id": 1,
+      "url": "https://centos7-katello-devel-stable.example.com:9090",
+      "remote_execution_pubkey": "foreman-proxy@centos7-katello-devel-stable.example.com",
+      "download_policy": "on_demand",
+      "supported_pulp_types": [
+        "ansible_collection",
+        "deb",
+        "docker",
+        "file",
+        "python",
+        "yum"
+      ],
+      "features": [
+        {
+          "capabilities": [
+            "single",
+            "ssh"
+          ],
+          "name": "Dynflow",
+          "id": 17
+        },
+        {
+          "capabilities": [],
+          "name": "SSH",
+          "id": 18
+        },
+        {
+          "capabilities": [
+            "ansible",
+            "certguard",
+            "container",
+            "core",
+            "deb",
+            "file",
+            "python",
+            "rpm"
+          ],
+          "name": "Pulpcore",
+          "id": 3
+        },
+        {
+          "capabilities": [],
+          "name": "Logs",
+          "id": 13
+        }
+      ]
+    }
+  ]
+}

data/webpack/scenes/AlternateContentSources/MainTable/ACSTable.js

@@ -9,19 +9,22 @@ import {
   selectAlternateContentSourcesStatus,
 } from '../ACSSelectors';
 import { useTableSort } from '../../../components/Table/TableHooks';
-import getAlternateContentSources, { deleteACS } from '../ACSActions';
+import getAlternateContentSources, { deleteACS, refreshACS } from '../ACSActions';
+import ACSCreateWizard from '../Create/ACSCreateWizard';
+import LastSync from '../../ContentViews/Details/Repositories/LastSync';
 
 const ACSTable = () => {
   const response = useSelector(selectAlternateContentSources);
   const status = useSelector(selectAlternateContentSourcesStatus);
   const error = useSelector(selectAlternateContentSourcesError);
   const [searchQuery, updateSearchQuery] = useState('');
+  const [isCreateWizardOpen, setIsCreateWizardOpen] = useState(false);
   const dispatch = useDispatch();
   const { results, ...metadata } = response;
   const columnHeaders = [
     __('Name'),
     __('Type'),
-    __('Id'),
+    __('Last Refresh'),
   ];
 
   const COLUMNS_TO_SORT_PARAMS = {
@@ -47,37 +50,35 @@ const ACSTable = () => {
     [apiSortParams],
   );
 
-  // const createButtonOnclick = () => {
-  //   let params = {
-  //     name: `test_acs-${Math.random()}`,
-  //     label: `test_acs-${Math.random()}`,
-  //     base_url: "https://fixtures.pulpproject.org/",
-  //     subpaths: ["file/", "package/"],
-  //     smart_proxy_ids:[1],
-  //     content_type:"yum",
-  //     alternate_content_source_type:"custom"
-  //   };
-  //   dispatch(createACS(params));
-  // };
-
   const onDelete = (id) => {
     dispatch(deleteACS(id, () =>
       dispatch(getAlternateContentSources())));
   };
 
+  const onRefresh = (id) => {
+    dispatch(refreshACS(id, () =>
+      dispatch(getAlternateContentSources())));
+  };
+
   const createButtonOnclick = () => {
-    /* eslint-disable-next-line no-console */
-    console.log('Dispatch create!');
+    setIsCreateWizardOpen(true);
   };
 
   const rowDropdownItems = ({ id }) => [
     {
-      title: 'Delete',
+      title: __('Delete'),
       ouiaId: `remove-acs-${id}`,
       onClick: () => {
         onDelete(id);
       },
     },
+    {
+      title: __('Refresh'),
+      ouiaId: `remove-acs-${id}`,
+      onClick: () => {
+        onRefresh(id);
+      },
+    },
   ];
 
   const emptyContentTitle = __("You currently don't have any alternate content sources.");
@@ -104,9 +105,17 @@ const ACSTable = () => {
       additionalListeners={[activeSortColumn, activeSortDirection]}
       autocompleteEndpoint="/alternate_content_sources/auto_complete_search"
       actionButtons={
-        <Button ouiaId="create-acs" onClick={createButtonOnclick} variant="primary" aria-label="create_acs">
-          {__('Add source')}
-        </Button>
+        <>
+          <Button ouiaId="create-acs" onClick={createButtonOnclick} variant="primary" aria-label="create_acs">
+            {__('Add source')}
+          </Button>
+          {isCreateWizardOpen &&
+            <ACSCreateWizard
+              show={isCreateWizardOpen}
+              setIsOpen={setIsCreateWizardOpen}
+            />
+          }
+        </>
       }
     >
       <Thead>
@@ -124,15 +133,16 @@ const ACSTable = () => {
       <Tbody>
         {results?.map((acs, index) => {
           const {
-            id,
             name,
             alternate_content_source_type: acsType,
+            last_refresh: lastTask,
           } = acs;
+          const { last_refresh_words: lastRefreshWords, started_at: startedAt } = lastTask ?? {};
           return (
             <Tr key={index}>
               <Td>{name}</Td>
               <Td>{acsType}</Td>
-              <Td>{id}</Td>
+              <Td><LastSync startedAt={startedAt} lastSync={lastTask} lastSyncWords={lastRefreshWords} emptyMessage="N/A" /></Td>
               <Td
                 actions={{
                   items: rowDropdownItems(acs),

data/webpack/scenes/ContentCredentials/ContentCredentialSelectors.js

@@ -1,6 +1,8 @@
 import {
+  selectAPIStatus,
   selectAPIResponse,
 } from 'foremanReact/redux/API/APISelectors';
+import { STATUS } from 'foremanReact/constants';
 
 import { GET_CONTENT_CREDENTIALS_KEY } from './ContentCredentialConstants';
 
@@ -9,4 +11,5 @@ export const selectContentCredentials = (state) => {
   return response.results;
 };
 
-export default selectContentCredentials;
+export const selectContentCredentialsStatus = state =>
+  selectAPIStatus(state, GET_CONTENT_CREDENTIALS_KEY) || STATUS.PENDING;

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

@@ -115,7 +115,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
               aria-label="component_tile"
               icon={<ContentViewIcon composite={false} />}
               id="component"
-              title={__('Component content view')}
+              title={__('Content view')}
               onClick={() => { setComponent(true); setComposite(false); }}
               isSelected={component}
             >
@@ -133,7 +133,7 @@ const CreateContentViewForm = ({ setModalOpen }) => {
               onClick={() => { setComposite(true); setComponent(false); }}
               isSelected={composite}
             >
-              {__('Consisting of multiple component content views')}
+              {__('Consisting of multiple content views')}
             </Tile>
           </GridItem>
         </Grid>

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

@@ -68,7 +68,7 @@ test('Displays dependent fields correctly', () => {
   expect(getByText('Name')).toBeInTheDocument();
   expect(getByText('Label')).toBeInTheDocument();
   expect(getByText('Composite content view')).toBeInTheDocument();
-  expect(getByText('Component content view')).toBeInTheDocument();
+  expect(getByText('Content view')).toBeInTheDocument();
   expect(getByText('Solve dependencies')).toBeInTheDocument();
   expect(queryByText('Auto publish')).not.toBeInTheDocument();
   expect(getByText('Import only')).toBeInTheDocument();

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

@@ -87,7 +87,7 @@ const ComponentContentViewAddModal = ({
 
   return (
     <Modal
-      title={componentId ? __('Update version') : __('Add component')}
+      title={componentId ? __('Update version') : __('Add content view')}
       variant={ModalVariant.small}
       isOpen={show}
       description={__(`Select available version of ${cvName} to use`)}

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

@@ -51,10 +51,10 @@ const ComponentContentViewBulkAddModal = ({ cvId, rowsToAdd, onClose }) => {
 
   return (
     <Modal
-      title={__('Add component content views')}
+      title={__('Add content views')}
       variant={ModalVariant.large}
       isOpen
-      description={__('Select available version of components to use')}
+      description={__('Select available version of content views to use')}
       onClose={onClose}
       appendTo={document.body}
     >

data/webpack/scenes/ContentViews/Details/ComponentContentViews/__tests__/contentViewComponents.test.js

@@ -212,7 +212,7 @@ test('Can add published component views to content view with modal', async (done
   });
   fireEvent.click(getByText('Add'));
   await patientlyWaitFor(() => {
-    expect(getByText('Add component')).toBeInTheDocument();
+    expect(getByText('Add content view')).toBeInTheDocument();
   });
   fireEvent.click(getByLabelText('add_component'));
   await patientlyWaitFor(() => {
@@ -317,7 +317,7 @@ test('Can bulk add component views to content view with modal', async (done) =>
     .reply(200, {});
 
   const {
-    getByText, getByLabelText, queryByText,
+    getAllByText, getByLabelText, queryByText,
   } = renderWithRedux(
     <ContentViewComponents cvId={4} details={cvDetails} />,
     renderOptions,
@@ -333,14 +333,14 @@ test('Can bulk add component views to content view with modal', async (done) =>
   });
   fireEvent.click(getByLabelText('bulk_add_components'));
   await patientlyWaitFor(() => {
-    expect(getByText('Add component content views')).toBeInTheDocument();
+    expect(getAllByText('Add content views')[1]).toBeInTheDocument();
   });
   fireEvent.click(getByLabelText('version-select-cv-10'));
   fireEvent.click(getByLabelText('cv-10-3.0'));
 
   fireEvent.click(getByLabelText('add_components'));
   await patientlyWaitFor(() => {
-    expect(queryByText('Add component content views')).not.toBeInTheDocument();
+    expect(queryByText('Select available version of content views to use')).not.toBeInTheDocument();
     expect(getByLabelText('bulk_add_components')).toHaveAttribute('aria-disabled', 'false');
   });
 

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

@@ -71,7 +71,7 @@ const ContentViewInfo = ({ cvId, details }) => {
         <TextListItem component={TextListItemVariants.dd} className="foreman-spaced-list">
           <Flex>
             <FlexItem spacer={{ default: 'spacerXs' }}>
-              <ContentViewIcon composite={composite} description={composite ? __('Composite') : __('Component')} />
+              <ContentViewIcon composite={composite} description={composite ? __('Composite') : __('Content view')} />
             </FlexItem>
           </Flex>
         </TextListItem>

data/webpack/scenes/ContentViews/__tests__/contentViewPage.test.js

@@ -43,14 +43,14 @@ test('Can call API for CVs and show on screen on page load', async (done) => {
     .query(true)
     .reply(200, cvIndexData);
 
-  const { queryByText } = renderWithRedux(<ContentViewsPage />, renderOptions);
+  const { queryByText, queryAllByText } = renderWithRedux(<ContentViewsPage />, renderOptions);
 
   expect(queryByText(firstCV.name)).toBeNull();
 
   // Assert that the CV name is now showing on the screen, but wait for it to appear.
   await patientlyWaitFor(() => {
     expect(queryByText(firstCV.name)).toBeInTheDocument();
-    expect(queryByText('Component content views')).toBeInTheDocument();
+    expect(queryAllByText('Content views')[0]).toBeInTheDocument();
     expect(queryByText('Composite content views')).toBeInTheDocument();
   });
 
@@ -354,7 +354,7 @@ test('Displays Create Content View and opens modal with Form', async () => {
   expect(queryByText('Name')).not.toBeInTheDocument();
   expect(queryByText('Label')).not.toBeInTheDocument();
   expect(queryByText('Composite content view')).not.toBeInTheDocument();
-  expect(queryByText('Component content view')).not.toBeInTheDocument();
+  expect(queryByText('Content view')).not.toBeInTheDocument();
   expect(queryByText('Solve dependencies')).not.toBeInTheDocument();
   expect(queryByText('Auto publish')).not.toBeInTheDocument();
   expect(queryByText('Import only')).not.toBeInTheDocument();
@@ -365,7 +365,7 @@ test('Displays Create Content View and opens modal with Form', async () => {
   expect(getByText('Name')).toBeInTheDocument();
   expect(getByText('Label')).toBeInTheDocument();
   expect(getByText('Composite content view')).toBeInTheDocument();
-  expect(getByText('Component content view')).toBeInTheDocument();
+  expect(getByText('Content view')).toBeInTheDocument();
   expect(getByText('Solve dependencies')).toBeInTheDocument();
   expect(queryByText('Auto publish')).not.toBeInTheDocument();
   expect(getByText('Import only')).toBeInTheDocument();

data/webpack/scenes/ContentViews/components/ContentViewIcon.js

@@ -16,7 +16,7 @@ const ContentViewIcon = ({
       position="auto"
       enableFlip
       entryDelay={400}
-      content={composite ? __('Composite content view') : __('Component content view')}
+      content={composite ? __('Composite content view') : __('Content view')}
       {...toolTipProps}
     >
       {composite ? <RegistryIcon size="md" {...props} /> : <EnterpriseIcon size="sm" {...props} />}

data/webpack/scenes/ContentViews/components/ContentViewsCounter.js

@@ -18,7 +18,7 @@ const ContentViewsCounter = () => {
         <b>
           <Flex>
             <FlexItem spacer={{ default: 'spacerXs' }}>
-              <ContentViewIcon composite={false} description={__('Component content views')} count={(component || component === 0) ? component : <InProgressIcon />} />
+              <ContentViewIcon composite={false} description={__('Content views')} count={(component || component === 0) ? component : <InProgressIcon />} />
             </FlexItem>
             <FlexItem>
               <Tooltip

data/webpack/scenes/ContentViews/components/EnvironmentPaths/EnvironmentPaths.js

@@ -40,7 +40,7 @@ const EnvironmentPaths = ({
     <>
       <TextContent>{headerText}</TextContent>
       <div>
-        {results.map((path, index) => {
+        {results?.map((path, index) => {
           const {
             environments,
           } = path || {};

data/webpack/scenes/ContentViews/expansions/DetailsExpansion.js

@@ -14,14 +14,14 @@ const DetailsExpansion = ({
     if (cvComposite) {
       return (
         <>
-          {__('Related component cvs: ')}
+          {__('Related content views: ')}
           <RelatedContentViewComponentsModal key="cvId" {...{ cvName, cvId, relatedCVCount }} />
         </>
       );
     }
     return (
       <>
-        {__('Related composite cvs: ')}
+        {__('Related composite content views: ')}
         <RelatedCompositeContentViewsModal
           key={cvId}
           {...{

data/webpack/scenes/ContentViews/expansions/RelatedContentViewComponentsModal.js

@@ -29,7 +29,7 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
       <FlexItem>
         <RegistryIcon />
         <b>{` ${cvName}`}</b>
-        {__(' content view is used in listed component content views. For more information, ')}
+        {__(' content view is used in listed content views. For more information, ')}
         <Link to={urlBuilder(`content_views/${cvId}#/contentviews`, '')}>
           {__('view content view tabs.')}
         </Link>
@@ -49,7 +49,7 @@ const RelatedContentViewsModal = ({ cvName, cvId, relatedCVCount }) => {
       <Grid>
         <GridItem span={12}>
           <Modal
-            title={__('Related component content views')}
+            title={__('Related content views')}
             variant={ModalVariant.medium}
             isOpen={isOpen}
             description={description()}

data/webpack/scenes/ContentViews/expansions/__tests__/contentViewComponentsModal.test.js

@@ -30,7 +30,7 @@ test('Can call API and show Related Content Views Components Modal', async (done
 
   await patientlyWaitFor(() => expect(getByLabelText(`button_${cvId}`)).toBeInTheDocument());
   fireEvent.click(getByLabelText(`button_${cvId}`));
-  await patientlyWaitFor(() => expect(getByText('Related component content views')).toBeInTheDocument());
+  await patientlyWaitFor(() => expect(getByText('Related content views')).toBeInTheDocument());
 
   assertNockRequest(scope, done);
 });

data/webpack/scenes/RedHatRepositories/components/Search.js

@@ -2,7 +2,7 @@
 import React, { Component } from 'react';
 import { DropdownButton, MenuItem } from 'patternfly-react';
 import PropTypes from 'prop-types';
-
+import { translate as __ } from 'foremanReact/common/I18n';
 import '../index.scss';
 import Search from '../../../components/Search/index';
 import { orgId } from '../../../services/api';
@@ -14,17 +14,17 @@ class RepositorySearch extends Component {
       {
         key: 'available',
         endpoint: 'repository_sets',
-        title: 'Available',
+        title: __('Available'),
       },
       {
         key: 'enabled',
         endpoint: 'enabled_repositories',
-        title: 'Enabled',
+        title: __('Enabled'),
       },
       {
         key: 'both',
         endpoint: false,
-        title: 'Both',
+        title: __('Both'),
       },
     ];
     this.state = { searchList: this.dropDownItems[0] };