katello 4.15.0 → 4.16.0.rc1

data/webpack/global_index.js

@@ -19,6 +19,7 @@ import ErrataOverviewCard from './components/extensions/HostDetails/Cards/Errata
 import InstalledProductsCard from './components/extensions/HostDetails/DetailsTabCards/InstalledProductsCard';
 import RegistrationCard from './components/extensions/HostDetails/DetailsTabCards/RegistrationCard';
 import HwPropertiesCard from './components/extensions/HostDetails/DetailsTabCards/HwPropertiesCard';
+import ImageModeCard from './components/extensions/HostDetails/DetailsTabCards/ImageModeCard';
 
 import TracesTab from './components/extensions/HostDetails/Tabs/TracesTab/TracesTab.js';
 import extendReducer from './components/extensions/reducers';
@@ -71,6 +72,8 @@ addGlobalFill('recent-communication-card-item', 'Recent communication', <RecentC
 // Details tab cards & card extensions
 addGlobalFill('host-tab-details-cards', 'Installed products', <InstalledProductsCard key="installed-products" />, 100);
 addGlobalFill('host-tab-details-cards', 'Registration details', <RegistrationCard key="registration-details" />, 200);
+addGlobalFill('host-tab-details-cards', 'HW properties', <HwPropertiesCard key="hw-properties" />, 200);
+addGlobalFill('host-tab-details-cards', 'Image mode details', <ImageModeCard key="image-mode-details" />, 3000);
 addGlobalFill('host-details-tab-properties-1', 'Subscription UUID', <SystemPropertiesCardSubscription key="subscription-uuid" />);
 addGlobalFill('host-details-tab-properties-2', 'Tracer', <SystemPropertiesCardTracer key="tracer-status" />);
 addGlobalFill('host-details-tab-properties-3', 'Virtualization', <SystemPropertiesCardVirtualization key="virtualization" />);
@@ -89,7 +92,6 @@ addGlobalFill(
   100,
 );
 
-addGlobalFill('host-tab-details-cards', 'HW properties', <HwPropertiesCard key="hw-properties" />, 200);
 
 // Hosts Index page extensions
 addGlobalFill('_all-hosts-modals', 'BulkChangeHostCVModal', <BulkChangeHostCVModal key="bulk-change-host-cv-modal" />, 100);

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

@@ -10,6 +10,14 @@ const repoTypeSearchQueryMap = {
 };
 
 const recommendedRepositoriesRHEL = [
+  'rhel-10-for-x86_64-baseos-rpms',
+  'rhel-10-for-x86_64-baseos-kickstart',
+  'rhel-10-for-x86_64-baseos-rpms',
+  'rhel-10-for-x86_64-baseos-kickstart',
+  'rhel-10-for-x86_64-appstream-rpms',
+  'rhel-10-for-x86_64-appstream-kickstart',
+  'rhel-10-for-x86_64-baseos-eus-rpms',
+  'rhel-10-for-x86_64-appstream-eus-rpms',
   'rhel-9-for-x86_64-baseos-rpms',
   'rhel-9-for-x86_64-baseos-kickstart',
   'rhel-9-for-x86_64-appstream-rpms',
@@ -27,6 +35,7 @@ const recommendedRepositoriesRHEL = [
 ];
 
 const recommendedRepositoriesSatTools = [
+  'satellite-client-6-for-rhel-10-x86_64-rpms',
   'satellite-client-6-for-rhel-9-x86_64-rpms',
   'satellite-client-6-for-rhel-8-x86_64-rpms',
   'rhel-7-server-els-satellite-client-6-rpms',

data/webpack/scenes/BootedContainerImages/BootedContainerImagesConstants.js

@@ -0,0 +1,5 @@
+import { foremanApi } from '../../services/api';
+
+const BOOTED_CONTAINER_IMAGES_KEY = 'BOOTED_CONTAINER_IMAGES';
+export const BOOTED_CONTAINER_IMAGES_API_PATH = foremanApi.getApiUrl('/hosts/bootc_images');
+export default BOOTED_CONTAINER_IMAGES_KEY;

data/webpack/scenes/BootedContainerImages/BootedContainerImagesPage.js

@@ -0,0 +1,242 @@
+import React from 'react';
+import { TableComposable, Thead, Th, Tbody, Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
+import TableIndexPage from 'foremanReact/components/PF4/TableIndexPage/TableIndexPage';
+import {
+  useSetParamsAndApiAndSearch,
+  useTableIndexAPIResponse,
+} from 'foremanReact/components/PF4/TableIndexPage/Table/TableIndexHooks';
+import {
+  useUrlParams,
+  useSet,
+} from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
+import {
+  getColumnHelpers,
+} from 'foremanReact/components/PF4/TableIndexPage/Table/helpers';
+import {
+  useTableSort,
+} from 'foremanReact/components/PF4/Helpers/useTableSort';
+import Pagination from 'foremanReact/components/Pagination';
+import EmptyPage from 'foremanReact/routes/common/EmptyPage';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { useForemanHostsPageUrl } from 'foremanReact/Root/Context/ForemanContext';
+import BOOTED_CONTAINER_IMAGES_KEY, { BOOTED_CONTAINER_IMAGES_API_PATH } from './BootedContainerImagesConstants';
+
+const BootedContainerImagesPage = () => {
+  const foremanHostsPageUrl = useForemanHostsPageUrl();
+  const columns = {
+    bootc_booted_image: {
+      title: __('Image name'),
+      isSorted: true,
+    },
+    digest: {
+      title: __('Image digests'),
+      wrapper: ({ digests }) => digests.length,
+    },
+    hosts: {
+      title: __('Hosts'),
+      wrapper: ({ bootc_booted_image: bootcBootedImage, digests }) => (
+        <a href={`${foremanHostsPageUrl}?search=bootc_booted_image%20=%20${bootcBootedImage}`}>{digests.reduce((total, digest) => total + digest.host_count, 0)}</a>
+      ),
+    },
+  };
+
+  const {
+    searchParam: urlSearchQuery = '',
+    page: urlPage,
+    per_page: urlPerPage,
+  } = useUrlParams();
+  const defaultParams = { search: urlSearchQuery };
+  if (urlPage) defaultParams.page = Number(urlPage);
+  if (urlPerPage) defaultParams.per_page = Number(urlPerPage);
+  const apiOptions = { key: BOOTED_CONTAINER_IMAGES_KEY };
+
+  const response = useTableIndexAPIResponse({
+    apiUrl: BOOTED_CONTAINER_IMAGES_API_PATH,
+    apiOptions,
+    defaultParams,
+  });
+  const columnsToSortParams = {};
+  Object.keys(columns).forEach((key) => {
+    if (columns[key].isSorted) {
+      columnsToSortParams[columns[key].title] = key;
+    }
+  });
+  const { setParamsAndAPI, params } = useSetParamsAndApiAndSearch({
+    defaultParams,
+    apiOptions,
+    setAPIOptions: response.setAPIOptions,
+  });
+  const onSort = (_event, index, direction) => {
+    setParamsAndAPI({
+      ...params,
+      order: `${Object.keys(columns)[index]} ${direction}`,
+    });
+  };
+  const { pfSortParams } = useTableSort({
+    allColumns: Object.keys(columns).map(k => columns[k].title),
+    columnsToSortParams,
+    onSort,
+  });
+  const expandedImages = useSet([]);
+  const imageIsExpanded = bootcBootedImage => expandedImages.has(bootcBootedImage);
+  const STATUS = {
+    PENDING: 'PENDING',
+    RESOLVED: 'RESOLVED',
+    ERROR: 'ERROR',
+  };
+
+  const {
+    response: {
+      results = [],
+      subtotal,
+      message: errorMessage,
+    },
+    status = STATUS.PENDING,
+  } = response;
+
+  const [columnNamesKeys, keysToColumnNames] = getColumnHelpers(columns);
+  const onPagination = (newPagination) => {
+    setParamsAndAPI({ ...params, ...newPagination });
+  };
+  const getColumnWidth = (key) => {
+    if (key === 'bootc_booted_image') return 40;
+    if (key === 'digest') return 15;
+    return 45;
+  };
+
+  return (
+    <TableIndexPage
+      apiUrl={BOOTED_CONTAINER_IMAGES_API_PATH}
+      apiOptions={apiOptions}
+      header={__('Booted container images')}
+      createable={false}
+      isDeleteable={false}
+      controller="/katello/api/v2/host_bootc_images"
+    >
+      <>
+        <TableComposable variant="compact" ouiaId="booted-containers-table" isStriped>
+          <Thead>
+            <Tr ouiaId="table-header">
+              <>
+                <Th />
+                {columnNamesKeys.map(k => (
+                  <Th
+                    width={getColumnWidth(k)}
+                    key={k}
+                    sort={
+                      Object.values(columnsToSortParams).includes(k) &&
+                      pfSortParams(keysToColumnNames[k])
+                    }
+                  >
+                    {keysToColumnNames[k]}
+                  </Th>
+                ))}
+              </>
+            </Tr>
+          </Thead>
+          <Tbody>
+            {status === STATUS.PENDING && results.length === 0 && (
+              <Tr ouiaId="table-loading">
+                <Td colSpan={100}>
+                  <EmptyPage
+                    message={{
+                      type: 'loading',
+                      text: __('Loading...'),
+                    }}
+                  />
+                </Td>
+              </Tr>
+            )}
+            {!(status === STATUS.PENDING) &&
+              results.length === 0 &&
+              !errorMessage && (
+                <Tr ouiaId="table-empty">
+                  <Td colSpan={100}>
+                    <EmptyPage
+                      message={{
+                        type: 'empty',
+                      }}
+                    />
+                  </Td>
+                </Tr>
+            )}
+            {errorMessage && (
+              <Tr ouiaId="table-error">
+                <Td colSpan={100}>
+                  <EmptyPage message={{ type: 'error', text: errorMessage }} />
+                </Td>
+              </Tr>
+            )}
+          </Tbody>
+          {results?.map((result, rowIndex) => {
+            const { bootc_booted_image: bootcBootedImage, digests } = result;
+            const isExpanded = imageIsExpanded(bootcBootedImage);
+            return (
+              <Tbody key={`bootable-container-images-body-${bootcBootedImage}`} isExpanded={isExpanded}>
+                <Tr key={bootcBootedImage} ouiaId={`table-row-${rowIndex}`}>
+                  <>
+                    <Td
+                      expand={digests.length > 0 && {
+                        rowIndex,
+                        isExpanded,
+                        onToggle: (_event, _rInx, isOpen) =>
+                          expandedImages.onToggle(isOpen, bootcBootedImage),
+                        expandId: `booted-containers-expander-${bootcBootedImage}`,
+                      }}
+                    />
+                    {columnNamesKeys.map(k => (
+                      <Td
+                        key={`${bootcBootedImage}-${keysToColumnNames[k]}`}
+                        dataLabel={keysToColumnNames[k]}
+                      >
+                        {columns[k].wrapper ? columns[k].wrapper(result) : result[k]}
+                      </Td>
+                    ))}
+                  </>
+                </Tr>
+                {digests ?
+                  <Tr isExpanded={isExpanded} ouiaId={`table-row-outer-expandable-${rowIndex}`}>
+                    <Td />
+                    <Td colSpan={3}>
+                      <ExpandableRowContent>
+                        <TableComposable variant="compact" isStriped ouiaId={`table-composable-expanded-${rowIndex}`}>
+                          <Thead>
+                            <Tr ouiaId={`table-row-inner-expandable-${rowIndex}`}>
+                              <Th width={55}>{__('Image digest')}</Th>
+                              <Th width={45}>{__('Hosts')}</Th>
+                            </Tr>
+                          </Thead>
+                          <Tbody>
+                            {digests.map((digest, index) => (
+                              <Tr key={digest.bootc_booted_digest} ouiaId={`table-row-expandable-content-${index}`}>
+                                <Td>{digest.bootc_booted_digest}</Td>
+                                <Td>
+                                  <a href={`${foremanHostsPageUrl}?search=bootc_booted_digest%20=%20${digest.bootc_booted_digest}`}>{digest.host_count}</a>
+                                </Td>
+                              </Tr>
+                            ))}
+                          </Tbody>
+                        </TableComposable>
+                      </ExpandableRowContent>
+                    </Td>
+                  </Tr> : null}
+              </Tbody>
+            );
+          })}
+        </TableComposable>
+        {results.length > 0 && !errorMessage &&
+          <Pagination
+            key="table-bottom-pagination"
+            page={params.page}
+            perPage={params.perPage}
+            itemCount={subtotal}
+            onChange={onPagination}
+            updateParamsByUrl
+          />
+        }
+      </>
+    </TableIndexPage>
+  );
+};
+
+export default BootedContainerImagesPage;

data/webpack/scenes/BootedContainerImages/__tests__/bootedContainerImages.fixtures.js

@@ -0,0 +1,42 @@
+import Immutable from 'seamless-immutable';
+
+const bootedContainerImagesResponse = Immutable({
+  total: 2,
+  page: 1,
+  per_page: 20,
+  subtotal: 2,
+  results: [
+    {
+      bootc_booted_image: 'quay.io/centos-bootc/centos-bootc:stream10',
+      digests: [
+        {
+          bootc_booted_digest: 'sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd572',
+          host_count: 1,
+        },
+        {
+          bootc_booted_digest: 'sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd573',
+          host_count: 2,
+        },
+        {
+          bootc_booted_digest: 'sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd574',
+          host_count: 3,
+        },
+        {
+          bootc_booted_digest: 'sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd575',
+          host_count: 4,
+        },
+      ],
+    },
+    {
+      bootc_booted_image: 'quay.io/centos-bootc/centos-bootc:stream9',
+      digests: [
+        {
+          bootc_booted_digest: 'sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd576',
+          host_count: 6,
+        },
+      ],
+    },
+  ],
+});
+
+export default bootedContainerImagesResponse;

data/webpack/scenes/BootedContainerImages/__tests__/bootedContainerImagesPage.test.js

@@ -0,0 +1,233 @@
+import React from 'react';
+import { renderWithRedux, patientlyWaitFor, act } from 'react-testing-lib-wrapper';
+import { nockInstance, assertNockRequest, mockAutocomplete } from '../../../test-utils/nockWrapper';
+import BootedContainerImagesPage from '../BootedContainerImagesPage';
+import bootcImagesData from './bootedContainerImages.fixtures';
+
+const bootcImagesUrl = '/api/v2/hosts/bootc_images';
+const autocompleteUrl = '/host_bootc_images/auto_complete_search';
+const autocompleteQuery = {
+  search: '',
+};
+
+const buildBootedImage = id => ({
+  bootc_booted_image: `quay.io/centos-bootc/centos-bootc:stream${id}`,
+  digests: [
+    {
+      bootc_booted_digest: `sha256:54256a998f0c62e16f3927c82b570f90bd8449a52e03daabd5fd16d6419fd57${id}`,
+      host_count: 1,
+    },
+  ],
+});
+
+const createBootedImages = (amount) => {
+  const response = {
+    total: amount,
+    subtotal: amount,
+    page: 1,
+    per_page: 20,
+    error: null,
+    search: null,
+    sort: {
+      by: 'bootc_booted_image',
+      order: 'asc',
+    },
+    results: [],
+  };
+
+  [...Array(amount).keys()].forEach((_, i) => response.results.push(buildBootedImage(i + 1)));
+
+  return response;
+};
+
+let centos10Image;
+let centos9Image;
+let stream10Digest1;
+let stream10Digest2;
+let stream10Digest3;
+let stream10Digest4;
+let stream9Digest;
+beforeEach(() => {
+  const { results } = bootcImagesData;
+  [centos10Image, centos9Image] = results;
+  [stream10Digest1, stream10Digest2, stream10Digest3, stream10Digest4] =
+    centos10Image.digests.map(digest => digest.bootc_booted_digest);
+  stream9Digest = centos9Image.digests[0].bootc_booted_digest;
+});
+
+test('BootedContainerImagesPage renders correctly expanded', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+  const scope = nockInstance
+    .get(bootcImagesUrl)
+    .query(true)
+    // Why does the page load twice?
+    .times(2)
+    .reply(200, bootcImagesData);
+
+  const {
+    queryByText, queryAllByText, queryAllByRole,
+  } = renderWithRedux(<BootedContainerImagesPage />);
+
+  expect(queryByText(centos10Image.bootc_booted_image)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    // Expand the rows
+    queryAllByRole('button').find(btn => btn.getAttribute('aria-labelledby') ===
+      'simple-node1 booted-containers-expander-quay.io/centos-bootc/centos-bootc:stream91').click();
+    queryAllByRole('button').find(btn => btn.getAttribute('aria-labelledby') ===
+      'simple-node0 booted-containers-expander-quay.io/centos-bootc/centos-bootc:stream100').click();
+
+    // Check that the digest host count links appear
+    expect(queryAllByText('1').find(link => String(link.getAttribute('href')).includes(stream10Digest1))).toBeVisible();
+    expect(queryAllByText('2').find(link => String(link.getAttribute('href')).includes(stream10Digest2))).toBeVisible();
+    expect(queryAllByText('3').find(link => String(link.getAttribute('href')).includes(stream10Digest3))).toBeVisible();
+    expect(queryAllByText('4').find(link => String(link.getAttribute('href')).includes(stream10Digest4))).toBeVisible();
+    expect(queryAllByText('6').find(link => String(link.getAttribute('href')).includes(stream9Digest))).toBeVisible();
+
+    // Check that the image host count links appear
+    const links = queryAllByRole('link');
+    const stream10Link = links.find(link => link.getAttribute('href') === `/new/hosts?search=bootc_booted_image%20=%20${centos10Image.bootc_booted_image}`);
+    const stream9Link = links.find(link => link.getAttribute('href') === `/new/hosts?search=bootc_booted_image%20=%20${centos9Image.bootc_booted_image}`);
+    expect(stream10Link).toBeVisible();
+    expect(stream9Link).toBeVisible();
+
+    // Check that the image names appear
+    expect(queryByText(centos10Image.bootc_booted_image)).toBeVisible();
+    expect(queryByText(centos9Image.bootc_booted_image)).toBeVisible();
+
+    // Check that the digest counts appear
+    // console.log(queryAllByText('4')[0].closest('td'));
+    expect(queryAllByText('4')[0].closest('td')).toBeVisible();
+    expect(queryAllByText('1')[1].closest('td')).toBeVisible();
+
+    // Check that the digest names appear
+    expect(queryByText(stream10Digest1).closest('td')).toBeVisible();
+    expect(queryByText(stream10Digest2).closest('td')).toBeVisible();
+    expect(queryByText(stream10Digest3).closest('td')).toBeVisible();
+    expect(queryByText(stream10Digest4).closest('td')).toBeVisible();
+    expect(queryByText(stream9Digest).closest('td')).toBeVisible();
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope, done);
+  act(done);
+});
+
+test('BootedContainerImagesPage renders correctly unexpanded', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+  const scope = nockInstance
+    .get(bootcImagesUrl)
+    .query(true)
+    // Why does the page load twice?
+    .times(2)
+    .reply(200, bootcImagesData);
+
+  const {
+    queryByText, queryAllByText, queryAllByRole,
+  } = renderWithRedux(<BootedContainerImagesPage />);
+
+  expect(queryByText(centos10Image.bootc_booted_image)).toBeNull();
+
+  await patientlyWaitFor(() => {
+    // Check that the digest host count links don't appear
+    expect(queryAllByText('1').find(link => String(link.getAttribute('href')).includes(stream10Digest1))).not.toBeVisible();
+    expect(queryAllByText('2').find(link => String(link.getAttribute('href')).includes(stream10Digest2))).not.toBeVisible();
+    expect(queryAllByText('3').find(link => String(link.getAttribute('href')).includes(stream10Digest3))).not.toBeVisible();
+    expect(queryAllByText('4').find(link => String(link.getAttribute('href')).includes(stream10Digest4))).not.toBeVisible();
+    expect(queryAllByText('6').find(link => String(link.getAttribute('href')).includes(stream9Digest))).not.toBeVisible();
+
+    // Check that the image host count links appear
+    const links = queryAllByRole('link');
+    const stream10Link = links.find(link => link.getAttribute('href') === `/new/hosts?search=bootc_booted_image%20=%20${centos10Image.bootc_booted_image}`);
+    const stream9Link = links.find(link => link.getAttribute('href') === `/new/hosts?search=bootc_booted_image%20=%20${centos9Image.bootc_booted_image}`);
+    expect(stream10Link).toBeVisible();
+    expect(stream9Link).toBeVisible();
+
+    // Check that the image names appear
+    expect(queryByText(centos10Image.bootc_booted_image)).toBeVisible();
+    expect(queryByText(centos9Image.bootc_booted_image)).toBeVisible();
+
+    // Check that the digest counts appear
+    expect(queryAllByText('4')[0].closest('td')).toBeVisible();
+    expect(queryAllByText('1')[1].closest('td')).toBeVisible();
+
+    // Check that the digest names don't appear
+    expect(queryByText(stream10Digest1).closest('td')).not.toBeVisible();
+    expect(queryByText(stream10Digest2).closest('td')).not.toBeVisible();
+    expect(queryByText(stream10Digest3).closest('td')).not.toBeVisible();
+    expect(queryByText(stream10Digest4).closest('td')).not.toBeVisible();
+    expect(queryByText(stream9Digest).closest('td')).not.toBeVisible();
+  });
+
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope, done);
+  act(done);
+});
+
+test('Can handle no booted images being present', async (done) => {
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+  const noResults = {
+    total: 0,
+    subtotal: 0,
+    page: 1,
+    per_page: 20,
+    results: [],
+  };
+  const scope = nockInstance
+    .get(bootcImagesUrl)
+    .query(true)
+    // Why does the page load twice?
+    .times(2)
+    .reply(200, noResults);
+  const { queryByText } = renderWithRedux(<BootedContainerImagesPage />);
+
+  expect(queryByText(centos10Image.bootc_booted_image)).toBeNull();
+  await patientlyWaitFor(() => expect(queryByText('No Results')).toBeInTheDocument());
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(scope, done);
+});
+
+test('Can handle pagination', async (done) => {
+  const largeBootcData = createBootedImages(100);
+  const { results } = largeBootcData;
+  const bootcFirstPage = { ...largeBootcData, ...{ results: results.slice(0, 20) } };
+  const bootcSecondPage = { ...largeBootcData, page: 2, results: results.slice(20, 40) };
+  const autocompleteScope = mockAutocomplete(nockInstance, autocompleteUrl, autocompleteQuery);
+
+  // Match first page API request
+  const firstPageScope = nockInstance
+    .get(bootcImagesUrl)
+    .query(true)
+    .times(2)
+    .reply(200, bootcFirstPage);
+
+  // Match second page API request
+  const secondPageScope = nockInstance
+    .get(bootcImagesUrl)
+    // Using a custom query params matcher because parameters can be strings
+    .query(actualQueryObject => (parseInt(actualQueryObject.page, 10) === 2))
+    .reply(200, bootcSecondPage);
+  const { queryByText, getAllByLabelText } = renderWithRedux(<BootedContainerImagesPage />);
+  // Wait for first paginated page to load and assert only the first page of results are present
+  await patientlyWaitFor(() => {
+    expect(queryByText(results[0].bootc_booted_image)).toBeInTheDocument();
+    expect(queryByText(results[19].bootc_booted_image)).toBeInTheDocument();
+    expect(queryByText(results[21].bootc_booted_image)).not.toBeInTheDocument();
+  });
+
+  // Label comes from patternfly, if this test fails, check if patternfly updated the label.
+  const [top, bottom] = getAllByLabelText('Go to next page');
+  expect(top).toBeInTheDocument();
+  expect(bottom).toBeInTheDocument();
+  bottom.click();
+  // Wait for second paginated page to load and assert only the second page of results are present
+  await patientlyWaitFor(() => {
+    expect(queryByText(results[20].bootc_booted_image)).toBeInTheDocument();
+    expect(queryByText(results[39].bootc_booted_image)).toBeInTheDocument();
+    expect(queryByText(results[41].bootc_booted_image)).not.toBeInTheDocument();
+  });
+  assertNockRequest(autocompleteScope);
+  assertNockRequest(firstPageScope);
+  assertNockRequest(secondPageScope, done);
+  act(done);
+});

data/webpack/scenes/BootedContainerImages/index.js

@@ -0,0 +1,4 @@
+import { withRouter } from 'react-router-dom';
+import BootedContainerImagesPage from './BootedContainerImagesPage';
+
+export default withRouter(BootedContainerImagesPage);

data/webpack/scenes/ContentViews/Delete/__tests__/affectedHosts.fixtures.json

@@ -134,8 +134,7 @@
         "purpose_role": "",
         "purpose_usage": "",
         "hypervisor": false,
-        "user": null,
-        "purpose_addons": []
+        "user": null
       }
     }
   ]