katello 4.18.1 → 4.19.0.rc2

data/webpack/scenes/FlatpakRemotes/Details/RemoteRepositories/RemoteRepositoriesTable.js

@@ -1,72 +1,27 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { Table, Thead, Th, Tbody, Tr, Td } from '@patternfly/react-table';
 import { Button } from '@patternfly/react-core';
 import TableIndexPage from 'foremanReact/components/PF4/TableIndexPage/TableIndexPage';
-import Pagination from 'foremanReact/components/Pagination';
-import EmptyPage from 'foremanReact/routes/common/EmptyPage';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { STATUS } from 'foremanReact/constants';
-import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
 import {
-  useSetParamsAndApiAndSearch,
   useTableIndexAPIResponse,
 } from 'foremanReact/components/PF4/TableIndexPage/Table/TableIndexHooks';
 import LastSync from '../../../ContentViews/Details/Repositories/LastSync';
 import { flatpakRemoteRepositoriesKey } from '../../FlatpakRemotesConstants';
 import MirrorRepositoryModal from '../Mirror/MirrorRepositoryModal';
+import './RemoteRepositoriesTable.css';
 
 const RemoteRepositoriesTable = ({ frId, canMirror }) => {
   const [selectedRepo, setSelectedRepo] = useState(null);
 
-  const columnHeaders = [__('Name'), __('ID'), __('Application name'), __('Last mirrored'), __('Mirror')];
-
-  const COLUMNS_TO_SORT_PARAMS = {
-    [columnHeaders[0]]: 'name',
-    [columnHeaders[1]]: 'id',
-  };
-
   const apiUrl = `/katello/api/v2/flatpak_remotes/${frId}/flatpak_remote_repositories`;
   const apiOptions = { key: flatpakRemoteRepositoriesKey(frId) };
 
-  const defaultParams = { page: 1, per_page: 20 };
-
-  const {
-    response: {
-      results = [],
-      subtotal,
-      page,
-      per_page: perPage,
-      message: error,
-    } = {},
-    status,
-    setAPIOptions,
-  } = useTableIndexAPIResponse({ apiUrl, apiOptions, defaultParams });
-
-  const { setParamsAndAPI, params } = useSetParamsAndApiAndSearch({
-    defaultParams,
+  useTableIndexAPIResponse({
+    apiUrl,
     apiOptions,
-    setAPIOptions,
-  });
-
-  const onSort = (_event, index, direction) => {
-    const sortBy = Object.values(COLUMNS_TO_SORT_PARAMS)[index];
-    setParamsAndAPI({
-      ...params,
-      order: `${sortBy} ${direction}`,
-    });
-  };
-
-  const { pfSortParams } = useTableSort({
-    allColumns: columnHeaders,
-    columnsToSortParams: COLUMNS_TO_SORT_PARAMS,
-    onSort,
   });
 
-  const onPaginationChange = (newPagination) => {
-    setParamsAndAPI({ ...params, ...newPagination });
-  };
-
   const openMirrorModal = (repo) => {
     setSelectedRepo(repo);
   };
@@ -75,91 +30,67 @@ const RemoteRepositoriesTable = ({ frId, canMirror }) => {
     setSelectedRepo(null);
   };
 
-  return (
-    <TableIndexPage
-      apiUrl={apiUrl}
-      apiOptions={apiOptions}
-      creatable={false}
-      controller="/katello/api/v2/flatpak_remote_repositories"
-    >
-      <>
-        {results.length === 0 && !error && status === STATUS.PENDING && (
-          <EmptyPage message={{ type: 'loading', text: __('Loading...') }} />
-        )}
-        {results.length === 0 && !error && status === STATUS.RESOLVED && (
-          <EmptyPage message={{ type: 'empty' }} />
-        )}
-        {error && <EmptyPage message={{ type: 'error', text: error }} />}
-
-        {results.length > 0 && (
-          <Table variant="compact" ouiaId="remote-repos-table" isStriped>
-            <Thead>
-              <Tr ouiaId="remoteReposTableHeaderRow">
-                {columnHeaders.map(col => (
-                  <Th
-                    key={col}
-                    {...(COLUMNS_TO_SORT_PARAMS[col] ? { sort: pfSortParams(col) } : {})}
-                  >
-                    {col}
-                  </Th>
-                ))}
-              </Tr>
-            </Thead>
-            <Tbody>
-              {results.map(repo => (
-                <Tr key={repo.id} ouiaId={`remote-repo-row-${repo.id}`}>
-                  <Td>{repo.name}</Td>
-                  <Td>{repo.id}</Td>
-                  <Td>{repo.application_name}</Td>
-                  <Td>
-                    <LastSync
-                      lastSyncWords={repo.last_mirrored?.last_mirror_words}
-                      lastSync={{
-                        id: repo.last_mirrored?.mirror_id,
-                        result: repo.last_mirrored?.result,
-                      }}
-                      startedAt={repo.last_mirrored?.started_at}
-                      emptyMessage={__('Never')}
-                    />
-                  </Td>
-                  {canMirror &&
-                  <Td>
-                    <Button
-                      variant="link"
-                      isInline
-                      ouiaId={`mirror-button-${repo.id}`}
-                      onClick={() => openMirrorModal(repo)}
-                    >
-                      {__('Mirror')}
-                    </Button>
-                  </Td>
-                  }
-                </Tr>
-              ))}
-            </Tbody>
-          </Table>
-        )}
-
-        {results.length > 0 && (
-          <Pagination
-            key="remote-repos-pagination"
-            page={page}
-            perPage={perPage}
-            itemCount={subtotal}
-            onChange={onPaginationChange}
-            updateParamsByUrl
-          />
-        )}
+  const columns = {
+    name: {
+      title: __('Name'),
+      isSorted: true,
+    },
+    id: {
+      title: __('ID'),
+      isSorted: true,
+    },
+    application_name: {
+      title: __('Application name'),
+    },
+    last_mirrored: {
+      title: __('Last mirrored'),
+      wrapper: rowData => (
+        <LastSync
+          lastSyncWords={rowData.last_mirrored?.last_mirror_words}
+          lastSync={{
+            id: rowData.last_mirrored?.mirror_id,
+            result: rowData.last_mirrored?.result,
+          }}
+          startedAt={rowData.last_mirrored?.started_at}
+          emptyMessage={__('Never')}
+        />
+      ),
+    },
+    ...(canMirror && {
+      mirror: {
+        title: __('Mirror'),
+        wrapper: rowData => (
+          <Button
+            variant="link"
+            isInline
+            ouiaId={`mirror-button-${rowData.id}`}
+            onClick={() => openMirrorModal(rowData)}
+          >
+            {__('Mirror')}
+          </Button>
+        ),
+      },
+    }),
+  };
 
-        {selectedRepo && (
-          <MirrorRepositoryModal
-            frId={frId}
-            repo={selectedRepo}
-            closeModal={closeMirrorModal}
-          />
-        )}
-      </>
-    </TableIndexPage>
+  return (
+    <>
+      <TableIndexPage
+        apiUrl={apiUrl}
+        apiOptions={apiOptions}
+        columns={columns}
+        creatable={false}
+        controller="/katello/api/v2/flatpak_remote_repositories"
+        ouiaId="remote-repos-table"
+      />
+      {selectedRepo && (
+        <MirrorRepositoryModal
+          frId={frId}
+          repo={selectedRepo}
+          closeModal={closeMirrorModal}
+        />
+      )}
+    </>
   );
 };
 

data/webpack/scenes/FlatpakRemotes/FlatpakRemotesPage.js

@@ -1,106 +1,83 @@
 import React, { useState } from 'react';
 import { translate as __ } from 'foremanReact/common/I18n';
-import { useDispatch, useSelector } from 'react-redux';
-import { Table, Thead, Th, Tbody, Tr, Td } from '@patternfly/react-table';
+import { useDispatch } from 'react-redux';
 import TableIndexPage from 'foremanReact/components/PF4/TableIndexPage/TableIndexPage';
 import {
   useSetParamsAndApiAndSearch,
   useTableIndexAPIResponse,
 } from 'foremanReact/components/PF4/TableIndexPage/Table/TableIndexHooks';
-import { useTableSort } from 'foremanReact/components/PF4/Helpers/useTableSort';
-import EmptyPage from 'foremanReact/routes/common/EmptyPage';
-import Pagination from 'foremanReact/components/Pagination';
 import { urlBuilder } from 'foremanReact/common/urlHelpers';
-import { STATUS } from 'foremanReact/constants';
-import { selectFlatpakRemotes, selectFlatpakRemotesError, selectFlatpakRemotesStatus } from './FlatpakRemotesSelectors';
-import { getResponseErrorMsgs, truncate } from '../../utils/helpers';
+import { truncate } from '../../utils/helpers';
 import CreateFlatpakModal from './CreateEdit/CreateFlatpakRemoteModal';
 import EditFlatpakModal from './CreateEdit/EditFlatpakRemotesModal';
 import { scanFlatpakRemote } from './Details/FlatpakRemoteDetailActions';
 import DeleteFlatpakModal from './Delete/DeleteFlatpakModal';
 
 const FlatpakRemotesPage = () => {
-  const response = useSelector(selectFlatpakRemotes);
-  const error = useSelector(selectFlatpakRemotesError);
-  const status = useSelector(selectFlatpakRemotesStatus);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [isEditModalOpen, setEditModalOpen] = useState(false);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+  const [isEditModalOpen, setIsEditModalOpen] = useState(false);
   const [editingRemoteData, setEditingRemoteData] = useState(null);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [remoteIdToDelete, setRemoteIdToDelete] = useState('');
   const dispatch = useDispatch();
-  const {
-    results = [],
-    subtotal,
-    page,
-    perPage,
-    can_edit: canEdit = false,
-    can_delete: canDelete = false,
-    can_create: canCreate = false,
-  } = response || {};
-
-  const columnHeaders = [__('Name'), __('URL')];
-  const COLUMNS_TO_SORT_PARAMS = {
-    [columnHeaders[0]]: 'name',
-    [columnHeaders[1]]: 'url',
-  };
 
   const apiOptions = {
     key: 'FLATPAK_REMOTES',
   };
 
-  const defaultParams = {
-    page: page || 1,
-    per_page: perPage || 20,
-  };
-
   const apiUrl = '/katello/api/v2/flatpak_remotes';
 
   const apiResponse = useTableIndexAPIResponse({
     apiUrl,
     apiOptions,
-    defaultParams,
   });
 
-  const {
-    setParamsAndAPI,
-    params,
-  } = useSetParamsAndApiAndSearch({
-    defaultParams,
+  useSetParamsAndApiAndSearch({
     apiOptions,
     setAPIOptions: apiResponse.setAPIOptions,
   });
 
-  const onSort = (_event, index, direction) => {
-    const sortBy = Object.values(COLUMNS_TO_SORT_PARAMS)[index];
-    setParamsAndAPI({
-      ...params,
-      order: `${sortBy} ${direction}`,
-    });
-  };
-
-  const onPaginationChange = (newPagination) => {
-    setParamsAndAPI({
-      ...params,
-      ...newPagination,
-    });
-  };
+  const {
+    can_edit: canEdit = false,
+    can_delete: canDelete = false,
+    can_create: canCreate = false,
+    has_redhat_flatpak_remote: hasRedhatRemote = false,
+  } = apiResponse.response || {};
 
-  const { pfSortParams } = useTableSort({
-    allColumns: columnHeaders,
-    columnsToSortParams: COLUMNS_TO_SORT_PARAMS,
-    onSort,
-  });
+  const openCreateModal = () => setIsCreateModalOpen(true);
 
-  const openCreateModal = () => setIsModalOpen(true);
+  const columns = {
+    name: {
+      title: __('Name'),
+      isSorted: true,
+      wrapper: rowData => (
+        <a href={`${urlBuilder('flatpak_remotes', '')}${rowData.id}`}>
+          {truncate(rowData.name)}
+        </a>
+      ),
+    },
+    url: {
+      title: __('URL'),
+      isSorted: true,
+      wrapper: rowData => (
+        <a href={rowData.url} target="_blank" rel="noopener noreferrer">
+          {truncate(rowData.url)}
+        </a>
+      ),
+    },
+  };
 
-  const actionsWithPermissions = remote => [
-    { title: __('Scan'), isDisabled: !canEdit, onClick: () => { dispatch(scanFlatpakRemote(remote.id)); } },
+  const rowKebabItems = remote => [
+    {
+      title: __('Scan'),
+      isDisabled: !canEdit,
+      onClick: () => { dispatch(scanFlatpakRemote(remote.id)); },
+    },
     {
       title: __('Edit'),
       isDisabled: !canEdit,
       onClick: () => {
-        setEditModalOpen(!isEditModalOpen);
+        setIsEditModalOpen(true);
         setEditingRemoteData(remote);
       },
     },
@@ -115,87 +92,34 @@ const FlatpakRemotesPage = () => {
   ];
 
   return (
-    <TableIndexPage
-      apiUrl={apiUrl}
-      apiOptions={apiOptions}
-      header={__('Flatpak Remotes')}
-      creatable={canCreate}
-      customCreateAction={() => openCreateModal}
-      controller="/katello/api/v2/flatpak_remotes"
-    >
-      <>
-        {results.length === 0 && !error && status === STATUS.PENDING && (
-          <EmptyPage
-            message={{
-              type: 'loading',
-              text: __('Loading...'),
-            }}
-          />
-        )}
-        {results.length === 0 && !error && status === STATUS.RESOLVED && (
-          <EmptyPage message={{ type: 'empty' }} />
-        )}
-        {error && (
-          <EmptyPage message={{ type: 'error', text: getResponseErrorMsgs(error?.response) }} />
-        )}
-        {results.length > 0 && (
-          <Table variant="compact" ouiaId="flatpak-remotes-table" isStriped>
-            <Thead>
-              <Tr ouiaId="fltpakRemotesTableHeaderRow">
-                {columnHeaders.map(col => (
-                  <Th key={col} sort={pfSortParams(col)}>
-                    {col}
-                  </Th>
-                ))}
-                <Th key="action-menu" aria-label="action menu table header" />
-              </Tr>
-            </Thead>
-            <Tbody>
-              {results.map((remote) => {
-                const {
-                  id, name, url,
-                } = remote;
-                return (
-                  <Tr key={id} ouiaId={`flatpak-remote-row-${id}`}>
-                    <Td><a href={`${urlBuilder('flatpak_remotes', '')}${id}`}>{truncate(name)}</a></Td>
-                    <Td>
-                      <a href={url} target="_blank" rel="noopener noreferrer">
-                        {truncate(url)}
-                      </a>
-                    </Td>
-                    <Td actions={{ items: actionsWithPermissions(remote) }} />
-                  </Tr>
-                );
-              })}
-            </Tbody>
-          </Table>
-        )}
-        {results.length > 0 && (
-          <Pagination
-            key="table-bottom-pagination"
-            page={page}
-            perPage={perPage}
-            itemCount={subtotal}
-            onChange={onPaginationChange}
-            updateParamsByUrl
-          />
-        )}
-        <CreateFlatpakModal
-          show={isModalOpen}
-          setIsOpen={setIsModalOpen}
-        />
-        <EditFlatpakModal
-          show={isEditModalOpen}
-          setIsOpen={setEditModalOpen}
-          remoteData={editingRemoteData}
-        />
-        <DeleteFlatpakModal
-          isModalOpen={isDeleteModalOpen}
-          handleModalToggle={() => setIsDeleteModalOpen(!isDeleteModalOpen)}
-          remoteId={remoteIdToDelete}
-        />
-      </>
-    </TableIndexPage>
+    <>
+      <TableIndexPage
+        apiUrl={apiUrl}
+        apiOptions={apiOptions}
+        header={__('Flatpak Remotes')}
+        columns={columns}
+        rowKebabItems={rowKebabItems}
+        creatable={canCreate}
+        customCreateAction={() => openCreateModal}
+        controller="/katello/api/v2/flatpak_remotes"
+        ouiaId="flatpak-remotes-table"
+      />
+      <CreateFlatpakModal
+        show={isCreateModalOpen}
+        setIsOpen={setIsCreateModalOpen}
+        hasRedhatRemote={hasRedhatRemote}
+      />
+      <EditFlatpakModal
+        show={isEditModalOpen}
+        setIsOpen={setIsEditModalOpen}
+        remoteData={editingRemoteData}
+      />
+      <DeleteFlatpakModal
+        isModalOpen={isDeleteModalOpen}
+        handleModalToggle={() => setIsDeleteModalOpen(!isDeleteModalOpen)}
+        remoteId={remoteIdToDelete}
+      />
+    </>
   );
 };
 

data/webpack/scenes/SmartProxy/ExpandableCvDetails.js

@@ -9,7 +9,7 @@ import { urlBuilder } from 'foremanReact/common/urlHelpers';
 import { useSet } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
 import ContentViewIcon from '../ContentViews/components/ContentViewIcon';
 import ExpandedSmartProxyRepositories from './ExpandedSmartProxyRepositories';
-import { updateSmartProxyContentCounts } from './SmartProxyContentActions';
+import { updateSmartProxyContentCounts, repairSmartProxyContent } from './SmartProxyContentActions';
 
 const ExpandableCvDetails = ({
   smartProxyId, contentViews, contentCounts, envId,
@@ -31,6 +31,14 @@ const ExpandableCvDetails = ({
       }));
     },
   });
+  const repairContentAction = cvId => ({
+    title: __('Verify Content Checksum'),
+    onClick: () => {
+      dispatch(repairSmartProxyContent(smartProxyId, {
+        environment_id: envId, content_view_id: cvId,
+      }));
+    },
+  });
 
   const anyRepoInEnv = (repositories) => {
     if (repositories && Object.values(repositories)) {
@@ -103,7 +111,7 @@ const ExpandableCvDetails = ({
               <Td
                 key={`rowActions-${id}`}
                 actions={{
-                  items: [refreshCountAction(id)],
+                  items: [refreshCountAction(id), repairContentAction(id)],
                 }}
               />
             </Tr>

data/webpack/scenes/SmartProxy/SmartProxyContentActions.js

@@ -1,7 +1,7 @@
 import { API_OPERATIONS, get, post } from 'foremanReact/redux/API';
 import { translate as __ } from 'foremanReact/common/I18n';
 import api, { foremanApi, orgId } from '../../services/api';
-import SMART_PROXY_CONTENT_KEY, { SMART_PROXY_COUNTS_UPDATE_KEY, SMART_PROXY_KEY } from './SmartProxyContentConstants';
+import SMART_PROXY_CONTENT_KEY, { SMART_PROXY_COUNTS_UPDATE_KEY, SMART_PROXY_REPAIR_CONTENT_KEY, SMART_PROXY_KEY } from './SmartProxyContentConstants';
 import { renderTaskStartedToast } from '../Tasks/helpers';
 import { getResponseErrorMsgs } from '../../utils/helpers';
 
@@ -26,7 +26,18 @@ export const updateSmartProxyContentCounts = (smartProxyId, params) => post({
   handleSuccess: (response) => {
     renderTaskStartedToast(response?.data, __('Smart proxy content count refresh has started in the background'));
   },
-  errorToast: error => __(`Something went wrong while refreshing content counts: ${getResponseErrorMsgs(error.response)}`),
+  errorToast: error => __(`Something went wrong while refreshing content counts: ${getResponseErrorMsgs(error?.response)}`),
+});
+
+export const repairSmartProxyContent = (smartProxyId, params) => post({
+  type: API_OPERATIONS.POST,
+  key: SMART_PROXY_REPAIR_CONTENT_KEY,
+  url: api.getApiUrl(`/capsules/${smartProxyId}/content/verify_checksum`),
+  params,
+  handleSuccess: (response) => {
+    renderTaskStartedToast(response?.data, __('Smart proxy verify content checksum has started in the background'));
+  },
+  errorToast: error => __(`Something went wrong while verifying content checksums: ${getResponseErrorMsgs(error?.response)}`),
 });
 
 export default getSmartProxyContent;

data/webpack/scenes/SmartProxy/SmartProxyContentConstants.js

@@ -1,4 +1,5 @@
 const SMART_PROXY_CONTENT_KEY = 'SMART_PROXY_CONTENT';
 export const SMART_PROXY_KEY = 'SMART_PROXY';
 export const SMART_PROXY_COUNTS_UPDATE_KEY = 'SMART_PROXY_COUNTS_UPDATE_KEY';
+export const SMART_PROXY_REPAIR_CONTENT_KEY = 'SMART_PROXY_REPAIR_CONTENT_KEY';
 export default SMART_PROXY_CONTENT_KEY;

data/webpack/scenes/SmartProxy/SmartProxyExpandableTable.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { translate as __ } from 'foremanReact/common/I18n';
 import { Thead, Tbody, Th, Tr, Td } from '@patternfly/react-table';
 import { useSet } from 'foremanReact/components/PF4/TableIndexPage/Table/TableHooks';
-import getSmartProxyContent, { updateSmartProxyContentCounts } from './SmartProxyContentActions';
+import getSmartProxyContent, { updateSmartProxyContentCounts, repairSmartProxyContent } from './SmartProxyContentActions';
 import {
   selectSmartProxyContent,
   selectSmartProxyContentStatus,
@@ -41,6 +41,12 @@ const SmartProxyExpandableTable = ({ smartProxyId, organizationId }) => {
       dispatch(updateSmartProxyContentCounts(smartProxyId, { environment_id: envId }));
     },
   });
+  const repairContentAction = envId => ({
+    title: __('Verify Content Checksum'),
+    onClick: () => {
+      dispatch(repairSmartProxyContent(smartProxyId, { environment_id: envId }));
+    },
+  });
 
   const fetchItems = useCallback(
     () => getSmartProxyContent({ smartProxyId, organizationId }),
@@ -110,7 +116,7 @@ const SmartProxyExpandableTable = ({ smartProxyId, organizationId }) => {
                   <Td
                     key={`rowActions-${id}`}
                     actions={{
-                      items: [refreshCountAction(id)],
+                      items: [refreshCountAction(id), repairContentAction(id)],
                     }}
                   />
                 </Tr>

data/webpack/scenes/SmartProxy/__tests__/SmartProxyContentTest.js

@@ -9,6 +9,7 @@ const smartProxyContentData = require('./SmartProxyContentTest.fixtures.json');
 
 const smartProxyContentPath = api.getApiUrl('/capsules/1/content/sync');
 const smartProxyRefreshCountPath = api.getApiUrl('/capsules/1/content/update_counts');
+const smartProxyRepairContentPath = api.getApiUrl('/capsules/1/content/verify_checksum');
 
 const smartProxyContent = { ...smartProxyContentData };
 
@@ -129,7 +130,6 @@ test('Can call content count refresh for content view', async (done) => {
     })
     .reply(202);
 
-
   const {
     getByText, getAllByText, getByLabelText, getAllByLabelText,
   } = renderWithRedux(contentTable);
@@ -153,3 +153,69 @@ test('Can call content count refresh for content view', async (done) => {
   assertNockRequest(countsCVRefreshScope, done);
   act(done);
 });
+
+test('Can call content repair for environment', async (done) => {
+  const detailsScope = nockInstance
+    .get(smartProxyContentPath)
+    .query(true)
+    .reply(200, smartProxyContent);
+
+  const contentEnvRepairScope = nockInstance
+    .post(smartProxyRepairContentPath, {
+      environment_id: 1,
+    })
+    .reply(202);
+
+  const {
+    getByText, getAllByLabelText,
+  } = renderWithRedux(contentTable);
+  await patientlyWaitFor(() => expect(getByText('Environment')).toBeInTheDocument());
+  expect(getAllByLabelText('Kebab toggle')[0]).toHaveAttribute('aria-expanded', 'false');
+  fireEvent.click(getAllByLabelText('Kebab toggle')[0]);
+  expect(getAllByLabelText('Kebab toggle')[0]).toHaveAttribute('aria-expanded', 'true');
+
+  await patientlyWaitFor(() => expect(getByText('Verify Content Checksum')).toBeInTheDocument());
+  const verifyEnv = getByText('Verify Content Checksum');
+  verifyEnv.click();
+
+  assertNockRequest(detailsScope);
+  assertNockRequest(contentEnvRepairScope, done);
+  act(done);
+});
+
+test('Can call content repair for content view', async (done) => {
+  const detailsScope = nockInstance
+    .get(smartProxyContentPath)
+    .query(true)
+    .reply(200, smartProxyContent);
+
+  const contentCVRepairScope = nockInstance
+    .post(smartProxyRepairContentPath, {
+      content_view_id: 1,
+      environment_id: 1,
+    })
+    .reply(202);
+
+  const {
+    getByText, getAllByText, getByLabelText, getAllByLabelText,
+  } = renderWithRedux(contentTable);
+  await patientlyWaitFor(() => expect(getByText('Environment')).toBeInTheDocument());
+  const tdEnvExpand = getByLabelText('expand-env-1');
+  const envExpansion = within(tdEnvExpand).getByLabelText('Details');
+  envExpansion.click();
+  await patientlyWaitFor(() => expect(getAllByText('Content view')[0]).toBeInTheDocument());
+  expect(getAllByText('Last published')[0]).toBeInTheDocument();
+  expect(getAllByText('Repository')[0]).toBeInTheDocument();
+  expect(getAllByText('Synced')[0]).toBeInTheDocument();
+  expect(getAllByLabelText('Kebab toggle')[1]).toHaveAttribute('aria-expanded', 'false');
+  fireEvent.click(getAllByLabelText('Kebab toggle')[1]);
+  expect(getAllByLabelText('Kebab toggle')[1]).toHaveAttribute('aria-expanded', 'true');
+
+  await patientlyWaitFor(() => expect(getByText('Verify Content Checksum')).toBeInTheDocument());
+  const repairCv = getByText('Verify Content Checksum');
+  repairCv.click();
+
+  assertNockRequest(detailsScope);
+  assertNockRequest(contentCVRepairScope, done);
+  act(done);
+});