katello 4.7.4 → 4.8.0.rc1

data/webpack/scenes/ContentViews/Details/Filters/__tests__/ContentViewPackageGroupFilter.test.js

@@ -7,6 +7,7 @@ import { ADDED, cvFilterDetailsKey, NOT_ADDED } from '../../../ContentViewsConst
 import {
   nockInstance,
   assertNockRequest,
+  mockAutocomplete,
 } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 
@@ -27,6 +28,13 @@ const cvBulkRemoveFilterRulesPath = api.getApiUrl('/content_view_filters/1/remov
 const cvBulkAddFilterRulesPath = api.getApiUrl('/content_view_filters/1/add_filter_rules');
 const cvGetAllReposPath = api.getApiUrl('/content_views/1/repositories');
 
+const autocompleteUrl = '/package_groups/auto_complete_search';
+const autocompleteQuery = {
+  filterid: 1,
+  organization_id: 1,
+  search: '',
+};
+
 const packageGroupsPath = api.getApiUrl('/package_groups');
 const renderOptions = {
   apiNamespace: cvFilterDetailsKey(1, 1),
@@ -41,6 +49,7 @@ const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filter
 jest.mock('../../../../../components/Search', () => () => 'mocked!');
 
 test('Can enable and disable add filter button', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { name: cvFilterName } = cvFilterDetails;
   const cvFilterScope = nockInstance
     .get(cvFilterDetailsPath)
@@ -74,12 +83,14 @@ test('Can enable and disable add filter button', async (done) => {
     expect(getByLabelText('add_filter_rule')).toHaveAttribute('aria-disabled', 'false');
   });
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(packageGroupsScope, done);
 });
 
 test('Can remove a filter rule', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
 
@@ -126,6 +137,7 @@ test('Can remove a filter rule', async (done) => {
   fireEvent.click(getByText('Remove'));
 
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFiltersRuleScope);
@@ -135,6 +147,7 @@ test('Can remove a filter rule', async (done) => {
 });
 
 test('Can add a filter rule', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
 
@@ -183,6 +196,7 @@ test('Can add a filter rule', async (done) => {
   fireEvent.click(getByText('Add'));
 
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFiltersRuleScope);
@@ -192,6 +206,7 @@ test('Can add a filter rule', async (done) => {
 });
 
 test('Can bulk remove filter rules', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
 
@@ -243,6 +258,7 @@ test('Can bulk remove filter rules', async (done) => {
   expect(getByLabelText('bulk_remove')).toBeInTheDocument();
   fireEvent.click(getByLabelText('bulk_remove'));
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFiltersRuleBulkDeleteScope);
@@ -252,6 +268,7 @@ test('Can bulk remove filter rules', async (done) => {
 });
 
 test('Can bulk add filter rules', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
 
@@ -300,6 +317,7 @@ test('Can bulk add filter rules', async (done) => {
   expect(getByLabelText('add_filter_rule')).toBeInTheDocument();
   fireEvent.click(getByLabelText('add_filter_rule'));
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvFiltersRuleBulkAddScope);
@@ -308,6 +326,26 @@ test('Can bulk add filter rules', async (done) => {
 });
 
 test('Can show affected repository tab on dropdown selection and add repos', async (done) => {
+  const autocompleteScope = mockAutocomplete(
+    nockInstance,
+    autocompleteUrl,
+    autocompleteQuery,
+    [],
+    2,
+  );
+  const autocompleteUrlRepo = '/repositories/auto_complete_search';
+  const autocompleteQueryRepo = {
+    organization_id: 1,
+    search: '',
+  };
+  const autocompleteScopeRepo = mockAutocomplete(
+    nockInstance,
+    autocompleteUrlRepo,
+    autocompleteQueryRepo,
+    [],
+    2,
+  );
+
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
   const { results } = cvAllRepos;
@@ -380,10 +418,31 @@ test('Can show affected repository tab on dropdown selection and add repos', asy
   assertNockRequest(bulkAddReposScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvAllReposScope);
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(autocompleteScopeRepo);
   assertNockRequest(packageGroupsScope, done);
 });
 
 test('Can show affected repository tab and remove affected repos', async (done) => {
+  const autocompleteScope = mockAutocomplete(
+    nockInstance,
+    autocompleteUrl,
+    autocompleteQuery,
+    [],
+    2,
+  );
+  const autocompleteUrlRepo = '/repositories/auto_complete_search';
+  const autocompleteQueryRepo = {
+    organization_id: 1,
+    search: '',
+  };
+  const autocompleteScopeRepo = mockAutocomplete(
+    nockInstance,
+    autocompleteUrlRepo,
+    autocompleteQueryRepo,
+    [],
+    2,
+  );
   const { rules } = cvFilterDetailsAffectedRepos;
   const { name } = rules[0];
   const { results } = cvAllRepos;
@@ -444,6 +503,9 @@ test('Can show affected repository tab and remove affected repos', async (done)
   fireEvent.click(getAllByLabelText('bulk_actions')[1]);
   expect(getByLabelText('bulk_remove')).toHaveAttribute('aria-disabled', 'false');
   fireEvent.click(getByLabelText('bulk_remove'));
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(autocompleteScopeRepo);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(cvAllReposScope);
@@ -454,6 +516,7 @@ test('Can show affected repository tab and remove affected repos', async (done)
 });
 
 test('Can filter by added/not added rules', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { rules } = cvFilterDetails;
   const { name } = rules[0];
 
@@ -505,6 +568,7 @@ test('Can filter by added/not added rules', async (done) => {
     getByLabelText(NOT_ADDED).click();
   });
 
+  assertNockRequest(autocompleteScope);
   assertNockRequest(cvFilterScope);
   assertNockRequest(cvFiltersScope);
   assertNockRequest(packageGroupsScope, done);

data/webpack/scenes/ContentViews/Details/Filters/__tests__/contentViewFilterDetails.test.js

@@ -8,7 +8,6 @@ import {
   nockInstance,
   assertNockRequest,
   mockAutocomplete,
-  mockSetting,
 } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import allPackageGroups from './allFilterPackageGroups.fixtures.json';
@@ -27,21 +26,14 @@ const renderOptions = {
     initialIndex: 1,
   },
 };
+const autocompleteQuery = {
+  filterid: 1,
+  organization_id: 1,
+  search: '',
+};
 
 const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filters/:filterId([0-9]+)">{component}</Route>;
 
-let searchDelayScope;
-let autoSearchScope;
-beforeEach(() => {
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
-});
-
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
-});
-
 test('Can show filter details and package groups on page load', async (done) => {
   const { name: cvFilterName } = cvFilterDetails;
   const cvFilterScope = nockInstance
@@ -56,7 +48,7 @@ test('Can show filter details and package groups on page load', async (done) =>
     .get(packageGroupsPath)
     .query(true)
     .reply(200, allPackageGroups);
-  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
   const { getByText, queryByText } =
     renderWithRedux(withCVRoute(<ContentViewFilterDetails
       cvId={1}
@@ -83,7 +75,25 @@ test('Can search for package groups in package group filter', async (done) => {
   const { name: cvFilterName } = cvFilterDetails;
   const { name: firstPackageGroupName } = firstPackageGroup;
   const { name: lastPackageGroupName } = lastPackageGroup;
-  const searchQueryMatcher = actualParams => actualParams?.search?.includes(lastPackageGroupName);
+  const searchQueryMatcher = {
+    filterid: 1,
+    organization_id: 1,
+    search: `name = ${lastPackageGroupName}`,
+  };
+  const searchResults = [
+    {
+      completed: `name = ${lastPackageGroupName}`,
+      part: 'and',
+      label: `name = ${lastPackageGroupName} and`,
+      category: 'Operators',
+    },
+    {
+      completed: `name = ${lastPackageGroupName}`,
+      part: 'or',
+      label: `name = ${lastPackageGroupName} or`,
+      category: 'Operators',
+    },
+  ];
 
   const cvFilterScope = nockInstance
     .get(cvFilterDetailsPath)
@@ -103,8 +113,13 @@ test('Can search for package groups in package group filter', async (done) => {
     .reply(200, { results: [lastPackageGroup] });
 
   const autocompleteScope =
-    mockAutocomplete(nockInstance, autocompleteUrl);
-  const withSearchScope = mockAutocomplete(nockInstance, autocompleteUrl, searchQueryMatcher);
+    mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+  const withSearchScope = mockAutocomplete(
+    nockInstance,
+    autocompleteUrl,
+    searchQueryMatcher,
+    searchResults,
+  );
   const { getByText, queryByText, getByLabelText } =
     renderWithRedux(withCVRoute(<ContentViewFilterDetails
       cvId={1}
@@ -118,10 +133,11 @@ test('Can search for package groups in package group filter', async (done) => {
   });
 
   // Search and only searched result shows
-  fireEvent.change(getByLabelText(/text input for search/i), { target: { value: `name = ${lastPackageGroupName}` } });
+  getByLabelText('Search input').focus();
+  fireEvent.change(getByLabelText('Search input'), { target: { value: `name = ${lastPackageGroupName}` } });
   await patientlyWaitFor(() => {
-    expect(getByText(lastPackageGroupName)).toBeInTheDocument();
-    expect(queryByText(firstPackageGroupName)).not.toBeInTheDocument();
+    expect(getByText(`name = ${lastPackageGroupName} and`)).toBeInTheDocument();
+    expect(queryByText(`name = ${firstPackageGroupName} and`)).not.toBeInTheDocument();
   });
 
   assertNockRequest(autocompleteScope);

data/webpack/scenes/ContentViews/Details/Filters/__tests__/contentViewFilters.test.js

@@ -3,7 +3,7 @@ import { renderWithRedux, patientlyWaitFor, fireEvent } from 'react-testing-lib-
 import { Route } from 'react-router-dom';
 
 import api from '../../../../../services/api';
-import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete } from '../../../../../test-utils/nockWrapper';
 import ContentViewFilters from '../ContentViewFilters';
 import CONTENT_VIEWS_KEY from '../../../ContentViewsConstants';
 import cvFilterFixtures from './contentViewFilters.fixtures.json';
@@ -27,19 +27,10 @@ const autocompleteUrl = '/content_view_filters/auto_complete_search';
 
 let firstFilter;
 let lastFilter;
-let searchDelayScope;
-let autoSearchScope;
 beforeEach(() => {
   const { results } = cvFilterFixtures;
   [firstFilter] = results;
   [lastFilter] = results.slice(-1);
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
-});
-
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
 });
 
 test('Can call API and show filters on page load', async (done) => {
@@ -68,17 +59,39 @@ test('Can call API and show filters on page load', async (done) => {
 
 test('Can search for filter', async (done) => {
   const { name, description } = firstFilter;
-  const searchQueryMatcher = actualParams => actualParams?.search?.includes(name);
-  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl);
-  const withSearchScope = mockAutocomplete(nockInstance, autocompleteUrl, searchQueryMatcher);
+  const autocompleteQuery = {
+    organization_id: 1,
+    search: '',
+  };
+  const searchQueryMatcher = {
+    organization_id: 1,
+    search: 'name = f5',
+  };
+  const searchResults = [
+    {
+      completed: 'name = f5',
+      part: 'and',
+      label: 'name = f5 and',
+      category: 'Operators',
+    },
+    {
+      completed: 'name = f5',
+      part: 'or',
+      label: 'name = f5 or',
+      category: 'Operators',
+    },
+  ];
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+  const withSearchScope = mockAutocomplete(
+    nockInstance,
+    autocompleteUrl,
+    searchQueryMatcher,
+    searchResults,
+  );
   const initialScope = nockInstance
     .get(cvFilters)
     .query(true)
     .reply(200, cvFilterFixtures);
-  const searchResultScope = nockInstance
-    .get(cvFilters)
-    .query(searchQueryMatcher)
-    .reply(200, { results: [firstFilter] });
 
   const { queryByText, getByLabelText, getByText } = renderWithRedux(
     withCVRoute(<ContentViewFilters cvId={1} details={details} />),
@@ -86,19 +99,23 @@ test('Can search for filter', async (done) => {
   );
 
   // Looking for description because the name is in the search bar and could match
-  await patientlyWaitFor(() => expect(getByText(description)).toBeInTheDocument());
+  await patientlyWaitFor(() => {
+    expect(getByText(description)).toBeInTheDocument();
+    expect(getByText(name)).toBeInTheDocument();
+    expect(getByText('f5')).toBeInTheDocument();
+  });
   // Search for a filter by name
-  fireEvent.change(getByLabelText(/text input for search/i), { target: { value: `name = ${name}` } });
+  getByLabelText('Search input').focus();
+  fireEvent.change(getByLabelText('Search input'), { target: { value: `name = ${lastFilter.name}` } });
   // Only the first filter should be showing, not the last one
   await patientlyWaitFor(() => {
-    expect(getByText(description)).toBeInTheDocument();
-    expect(queryByText(lastFilter.name)).not.toBeInTheDocument();
+    expect(getByText(`name = ${lastFilter.name} and`)).toBeInTheDocument();
+    expect(queryByText(`name = ${name} and`)).not.toBeInTheDocument();
   });
 
   assertNockRequest(autocompleteScope);
-  assertNockRequest(withSearchScope);
   assertNockRequest(initialScope);
-  assertNockRequest(searchResultScope, done);
+  assertNockRequest(withSearchScope, done);
 });
 
 test('Can remove a filter', async (done) => {

data/webpack/scenes/ContentViews/Details/Filters/__tests__/cvErrataIDFilter.test.js

@@ -8,7 +8,6 @@ import {
   nockInstance,
   assertNockRequest,
   mockAutocomplete,
-  mockSetting,
 } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import allErrata from './allFilterErrata.fixtures.json';
@@ -37,18 +36,6 @@ const renderOptions = {
 
 const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filters/:filterId([0-9]+)">{component}</Route>;
 
-let searchDelayScope;
-let autoSearchScope;
-beforeEach(() => {
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
-});
-
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
-});
-
 test('Can enable and disable add filter button', async (done) => {
   const { name: cvFilterName } = cvFilterDetails;
   const cvFilterScope = nockInstance

data/webpack/scenes/ContentViews/Details/Filters/__tests__/cvModuleStreamFilter.test.js

@@ -8,7 +8,6 @@ import {
   nockInstance,
   assertNockRequest,
   mockAutocomplete,
-  mockSetting,
 } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import allModuleStreams from './allFilterModulesStreams.fixtures.json';
@@ -37,18 +36,6 @@ const renderOptions = {
 
 const withCVRoute = component => <Route path="/content_views/:id([0-9]+)#/filters/:filterId([0-9]+)">{component}</Route>;
 
-let searchDelayScope;
-let autoSearchScope;
-beforeEach(() => {
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
-});
-
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
-});
-
 test('Can enable and disable add filter button', async (done) => {
   const { name: cvFilterName } = cvFilterDetails;
   const cvFilterScope = nockInstance

data/webpack/scenes/ContentViews/Details/Histories/ContentViewHistories.js

@@ -83,7 +83,8 @@ const ContentViewHistories = ({ cvId }) => {
       }}
       ouiaId="content-view-history-table"
       variant={TableVariant.compact}
-      autocompleteEndpoint={`/content_views/${cvId}/history/auto_complete_search`}
+      autocompleteEndpoint={`/katello/api/v2/content_views/${cvId}/history`}
+      bookmarkController="katello_content_view_histories"
       fetchItems={useCallback(params => getContentViewHistories(cvId, params), [cvId])}
     >
       <Thead>

data/webpack/scenes/ContentViews/Details/Histories/__tests__/contentViewHistory.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
 
-import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import CONTENT_VIEWS_KEY from '../../../ContentViewsConstants';
 import ContentViewHistories from '../ContentViewHistories';
@@ -12,19 +12,10 @@ const cvHistories = api.getApiUrl('/content_views/1/history');
 const autocompleteUrl = '/content_views/1/history/auto_complete_search';
 
 let firstHistory;
-let searchDelayScope;
-let autoSearchScope;
 
 beforeEach(() => {
   const { results } = historyData;
   [firstHistory] = results;
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
-});
-
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
 });
 
 test('Can call API and show history on page load', async (done) => {

data/webpack/scenes/ContentViews/Details/Repositories/ContentViewRepositories.js

@@ -251,7 +251,8 @@ const ContentViewRepositories = ({ cvId, details }) => {
       ouiaId="content-view-repositories-table"
       {...selectAll}
       variant={TableVariant.compact}
-      autocompleteEndpoint="/repositories/auto_complete_search"
+      autocompleteEndpoint="/katello/api/v2/repositories"
+      bookmarkController="katello_content_view_repositories"
       fetchItems={useCallback(params => getCVReposWithOptions(params), [getCVReposWithOptions])}
       additionalListeners={[typeSelected, statusSelected]}
       displaySelectAllCheckbox={hasPermission(permissions, 'edit_content_views')}

data/webpack/scenes/ContentViews/Details/Repositories/__tests__/contentViewAddRemove.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { renderWithRedux, patientlyWaitFor, act } from 'react-testing-lib-wrapper';
 
-import { nockInstance, assertNockRequest, mockAutocomplete, mockSetting } from '../../../../../test-utils/nockWrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete } from '../../../../../test-utils/nockWrapper';
 import api from '../../../../../services/api';
 import CONTENT_VIEWS_KEY from '../../../ContentViewsConstants';
 import ContentViewRepositories from '../ContentViewRepositories';
@@ -17,14 +17,10 @@ const repoTypesResponse = [{ name: 'deb' }, { name: 'docker' }, { name: 'file' }
 const cvDetailsPath = api.getApiUrl('/content_views/1');
 
 let firstRepo;
-let searchDelayScope;
-let autoSearchScope;
 
 beforeEach(() => {
   const { results } = repoData;
   [firstRepo] = results;
-  searchDelayScope = mockSetting(nockInstance, 'autosearch_delay', 0);
-  autoSearchScope = mockSetting(nockInstance, 'autosearch_while_typing');
   nockInstance
     .persist() // match any query to this endpoint, gets cleaned up by `nock.cleanAll()`
     .get(api.getApiUrl('/repositories/repository_types'))
@@ -32,11 +28,6 @@ beforeEach(() => {
     .reply(200, repoTypesResponse);
 });
 
-afterEach(() => {
-  assertNockRequest(searchDelayScope);
-  assertNockRequest(autoSearchScope);
-});
-
 jest.mock('react-intl', () => ({ addLocaleData: () => { }, FormattedDate: () => 'mocked' }));
 
 test('Can enable and disable add repositories button', async (done) => {

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

@@ -47,6 +47,8 @@ export const TableType = PropTypes.shape({
   responseSelector: PropTypes.func,
   statusSelector: PropTypes.func,
   autocompleteEndpoint: PropTypes.string,
+  autocompleteQueryParams: PropTypes.shape({}),
+  bookmarkController: PropTypes.string,
   fetchItems: PropTypes.func,
   columnHeaders:
     PropTypes.arrayOf(PropTypes.shape({
@@ -90,7 +92,9 @@ export default ({
         selectRepositoriesComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectRepositoriesComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/repositories/auto_complete_search?archived=true',
+      autocompleteEndpoint: '/katello/api/v2/repositories',
+      autocompleteQueryParams: { archived: true },
+      bookmarkController: 'katello_content_view_repositories',
       fetchItems: params => getRepositoriesComparison(
         versionOneId,
         versionTwoId,
@@ -133,7 +137,8 @@ export default ({
         selectRPMPackagesComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectRPMPackagesComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/packages/auto_complete_search',
+      autocompleteEndpoint: 'katello/api/v2/packages',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getRPMPackagesComparison(
         versionOneId,
         versionTwoId,
@@ -170,7 +175,8 @@ export default ({
         selectPackageGroupsComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectPackageGroupsComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/package_groups/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/package_groups',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getPackageGroupsComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         { title: __('Name'), getProperty: item => item?.name },
@@ -189,7 +195,8 @@ export default ({
       responseSelector: state => selectFilesComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectFilesComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/files/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/files',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getFilesComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         {
@@ -214,7 +221,8 @@ export default ({
       responseSelector: state => selectErrataComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectErrataComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/errata/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/errata',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getErrataComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         {
@@ -277,7 +285,8 @@ export default ({
         selectModuleStreamsComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectModuleStreamsComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/module_streams/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/module_streams',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getModuleStreamsComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         {
@@ -310,7 +319,8 @@ export default ({
         selectDebPackagesComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectDebPackagesComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/debs/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/debs',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getDebPackagesComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         {
@@ -339,7 +349,8 @@ export default ({
         selectDockerTagsComparison(state, versionOneId, versionTwoId, viewBy),
       statusSelector: state =>
         selectDockerTagsComparisonStatus(state, versionOneId, versionTwoId, viewBy),
-      autocompleteEndpoint: '/docker_tags/auto_complete_search',
+      autocompleteEndpoint: '/katello/api/v2/docker_tags',
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params => getDockerTagsComparison(versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [
         {
@@ -381,7 +392,8 @@ export default ({
           pluralLabel,
           viewBy,
         ),
-      autocompleteEndpoint: `/${pluralLabel}/auto_complete_search`,
+      autocompleteEndpoint: `/katello/api/v2/${pluralLabel}`,
+      bookmarkController: 'katello_content_view_components',
       fetchItems: params =>
         getGenericContentComparison(pluralLabel, versionOneId, versionTwoId, viewBy, params),
       columnHeaders: [

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

@@ -16,6 +16,8 @@ const CVVersionCompareTable = ({
     responseSelector,
     statusSelector,
     autocompleteEndpoint,
+    autocompleteQueryParams,
+    bookmarkController,
     fetchItems: fetchItemsSorted,
     columnHeaders,
     hideSearch,
@@ -48,6 +50,8 @@ const CVVersionCompareTable = ({
         updateSearchQuery,
         status,
         autocompleteEndpoint,
+        autocompleteQueryParams,
+        bookmarkController,
         hideSearch,
       }}
       key={`cvv-comparison-table-${name}`}