katello 4.17.1 → 4.18.0.rc2

data/webpack/scenes/FlatpakRemotes/Details/Mirror/__tests__/mirrorRepositoryModal.test.js

@@ -0,0 +1,167 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import { fireEvent } from '@testing-library/react';
+import { nockInstance, assertNockRequest } from '../../../../../test-utils/nockWrapper';
+import api from '../../../../../services/api';
+import FlatpakRemoteDetails from '../../FlatpakRemoteDetails';
+import FLATPAK_REMOTES_KEY from '../../../FlatpakRemotesConstants';
+import frDetailData from '../../__tests__/flatpakRemoteDetails.fixtures.json';
+
+jest.mock('react-intl', () => ({ addLocaleData: () => { }, FormattedDate: () => 'mocked' }));
+
+const withFRRoute = component => <Route path="/flatpak_remotes/:id([0-9]+)">{component}</Route>;
+
+const renderOptions = {
+  apiNamespace: `${FLATPAK_REMOTES_KEY}_1`,
+  routerParams: {
+    initialEntries: [{ pathname: '/flatpak_remotes/1' }],
+    initialIndex: 1,
+  },
+};
+
+const frDetailsPath = api.getApiUrl('/flatpak_remotes/1');
+const repoApiUrl = api.getApiUrl('/flatpak_remotes/1/flatpak_remote_repositories');
+
+test('Can open mirror repository modal', async () => {
+  const frDetailsScope = nockInstance
+    .get(frDetailsPath)
+    .query(true)
+    .reply(200, frDetailData);
+
+  const scopeRepos = nockInstance
+    .get(repoApiUrl)
+    .query(true)
+    .times(2)
+    .reply(200, {
+      results: frDetailData.repositories,
+      subtotal: frDetailData.repositories.length,
+      page: 1,
+      per_page: 20,
+    });
+
+  const productAutocompleteScope = nockInstance
+    .get(api.getApiUrl('/products/auto_complete_name'))
+    .query(true)
+    .reply(200, ['Product1', 'Product2', 'Product3']);
+
+  const flatpakRepoAutocompleteScope = nockInstance
+    .get(api.getApiUrl('/flatpak_remote_repositories/auto_complete_search'))
+    .query(true)
+    .reply(200, []);
+
+  const { getByText, getByRole } = renderWithRedux(
+    withFRRoute(<FlatpakRemoteDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByText(frDetailData.repositories[0].name)).toBeInTheDocument();
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Mirror', {
+      selector: '[data-ouia-component-id="mirror-button-1"]',
+    })).toBeInTheDocument();
+  });
+
+  getByText('Mirror', {
+    selector: '[data-ouia-component-id="mirror-button-1"]',
+  }).click();
+
+  await patientlyWaitFor(() => {
+    expect(getByRole('textbox')).toBeInTheDocument();
+    expect(getByText('Mirror', {
+      selector: '[data-ouia-component-id="confirm-mirror-btn"]',
+    })).toBeInTheDocument();
+  });
+
+  assertNockRequest(frDetailsScope);
+  assertNockRequest(scopeRepos);
+  assertNockRequest(productAutocompleteScope);
+  assertNockRequest(flatpakRepoAutocompleteScope);
+});
+
+test('Can successfully mirror a repository', async () => {
+  const selectedRepo = frDetailData.repositories[0];
+  const productName = 'Product1';
+
+  const frDetailsScope = nockInstance
+    .get(frDetailsPath)
+    .query(true)
+    .reply(200, frDetailData);
+
+  const scopeRepos = nockInstance
+    .get(repoApiUrl)
+    .query(true)
+    .times(3)
+    .reply(200, {
+      results: frDetailData.repositories,
+      subtotal: frDetailData.repositories.length,
+      page: 1,
+      per_page: 20,
+    });
+
+  const productAutocompleteScope = nockInstance
+    .get(api.getApiUrl('/products/auto_complete_name'))
+    .query(true)
+    .reply(200, ['Product1', 'Product2', 'Product3']);
+
+  const flatpakRepoAutocompleteScope = nockInstance
+    .get(api.getApiUrl('/flatpak_remote_repositories/auto_complete_search'))
+    .query(true)
+    .reply(200, []);
+
+  const mirrorScope = nockInstance
+    .post(api.getApiUrl(`/flatpak_remote_repositories/${selectedRepo.id}/mirror`), {
+      product_name: productName,
+      organization_id: 1,
+    })
+    .reply(200, { task_id: 'mirror-task-123' });
+
+  const { getByText, getByRole } = renderWithRedux(
+    withFRRoute(<FlatpakRemoteDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByText(selectedRepo.name)).toBeInTheDocument();
+  });
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Mirror', {
+      selector: '[data-ouia-component-id="mirror-button-1"]',
+    })).toBeInTheDocument();
+  });
+
+
+  getByText('Mirror', {
+    selector: '[data-ouia-component-id="mirror-button-1"]',
+  }).click();
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Mirror Repository')).toBeInTheDocument();
+  });
+
+  const productInput = getByRole('textbox');
+  fireEvent.change(productInput, { target: { value: productName } });
+
+  await patientlyWaitFor(() => {
+    expect(getByText('Mirror', {
+      selector: '[data-ouia-component-id="confirm-mirror-btn"]',
+    })).toBeInTheDocument();
+  });
+
+  getByText('Mirror', {
+    selector: '[data-ouia-component-id="confirm-mirror-btn"]',
+  }).click();
+
+  await patientlyWaitFor(() => {
+    assertNockRequest(mirrorScope);
+  });
+
+  assertNockRequest(frDetailsScope);
+  assertNockRequest(scopeRepos);
+  assertNockRequest(productAutocompleteScope);
+  assertNockRequest(flatpakRepoAutocompleteScope);
+});

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

@@ -0,0 +1,171 @@
+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';
+
+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,
+    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);
+  };
+
+  const closeMirrorModal = () => {
+    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
+          />
+        )}
+
+        {selectedRepo && (
+          <MirrorRepositoryModal
+            frId={frId}
+            repo={selectedRepo}
+            closeModal={closeMirrorModal}
+          />
+        )}
+      </>
+    </TableIndexPage>
+  );
+};
+
+RemoteRepositoriesTable.propTypes = {
+  frId: PropTypes.number.isRequired,
+  canMirror: PropTypes.bool.isRequired,
+};
+
+export default RemoteRepositoriesTable;

data/webpack/scenes/FlatpakRemotes/Details/__tests__/flatpakRemoteDetails.fixtures.json

@@ -0,0 +1,58 @@
+{
+  "id": 1,
+  "name": "Test Flatpak Remote",
+  "url": "https://registry.example.com/flatpak",
+  "organization_id": 8,
+  "organization": {
+    "name": "Enterprise",
+    "label": "Enterprise",
+    "id": 8
+  },
+  "can_view": true,
+  "can_edit": true,
+  "can_mirror": true,
+  "repositories": [
+    {
+      "id": 1,
+      "name": "libreoffice-flatpak",
+      "label": "rhel9_libreoffice-flatpak",
+      "flatpak_remote_id": 1,
+      "manifest_count": 4,
+      "tag_count": 1,
+      "last_mirrored": {
+        "mirror_id": "4e7b7c81-9100-4ca0-a5b2-915ca97b7652",
+        "result": "success",
+        "started_at": "2025-06-18 15:10:05 -0400",
+        "last_mirror_words": "2 days"
+      }
+    },
+    {
+      "id": 2,
+      "name": "firefox-flatpak",
+      "label": "rhel9_firefox-flatpak",
+      "flatpak_remote_id": 1,
+      "manifest_count": 3,
+      "tag_count": 1,
+      "last_mirrored": {
+        "mirror_id": "2f3c7a91-5ab2-4db0-967a-1a2bbcdfb123",
+        "result": "success",
+        "started_at": "2025-06-19 12:34:56 -0400",
+        "last_mirror_words": "1 day"
+      }
+    },
+    {
+      "id": 3,
+      "name": "gimp-flatpak",
+      "label": "rhel9_gimp-flatpak",
+      "flatpak_remote_id": 1,
+      "manifest_count": 2,
+      "tag_count": 1,
+      "last_mirrored": {
+        "mirror_id": "d9b8c61f-77b4-4abc-bb20-cdef98765432",
+        "result": "success",
+        "started_at": "2025-06-20 08:00:00 -0400",
+        "last_mirror_words": "3 hours"
+      }
+    }
+  ]
+}

data/webpack/scenes/FlatpakRemotes/Details/__tests__/flatpakRemoteDetails.test.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+import { renderWithRedux, patientlyWaitFor } from 'react-testing-lib-wrapper';
+import { nockInstance, assertNockRequest } from '../../../../test-utils/nockWrapper';
+import api from '../../../../services/api';
+import FlatpakRemoteDetails from '../FlatpakRemoteDetails';
+import FLATPAK_REMOTES_KEY from '../../FlatpakRemotesConstants';
+import frDetailData from './flatpakRemoteDetails.fixtures.json';
+
+jest.mock('react-intl', () => ({ addLocaleData: () => { }, FormattedDate: () => 'mocked' }));
+
+const withFRRoute = component => <Route path="/flatpak_remotes/:id([0-9]+)">{component}</Route>;
+
+const renderOptions = {
+  apiNamespace: `${FLATPAK_REMOTES_KEY}_1`,
+  routerParams: {
+    initialEntries: [{ pathname: '/flatpak_remotes/1' }],
+    initialIndex: 1,
+  },
+};
+
+const frDetailsPath = api.getApiUrl('/flatpak_remotes/1');
+const repoApiUrl = api.getApiUrl('/flatpak_remotes/1/flatpak_remote_repositories');
+const autocompleteApiUrl = api.getApiUrl('/flatpak_remote_repositories/auto_complete_search');
+
+const mockAutocomplete = () =>
+  nockInstance
+    .get(autocompleteApiUrl)
+    .query({ search: '' })
+    .reply(200, []);
+
+test('Can call API and display details on load', async () => {
+  const scopeDetails = nockInstance
+    .get(frDetailsPath)
+    .query(true)
+    .reply(200, frDetailData);
+
+  const scopeRepos = nockInstance
+    .get(repoApiUrl)
+    .query(true)
+    .times(2)
+    .reply(200, {
+      results: frDetailData.repositories,
+      subtotal: frDetailData.repositories.length,
+      page: 1,
+      per_page: 20,
+    });
+
+  const scopeAutocomplete = mockAutocomplete();
+
+  const { getByText } = renderWithRedux(
+    withFRRoute(<FlatpakRemoteDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByText(frDetailData.url)).toBeInTheDocument();
+  });
+
+  assertNockRequest(scopeDetails);
+  assertNockRequest(scopeRepos);
+  assertNockRequest(scopeAutocomplete);
+});
+
+test('Displays empty state when repository list is empty', async () => {
+  nockInstance
+    .get(frDetailsPath)
+    .query(true)
+    .reply(200, frDetailData);
+
+  nockInstance
+    .get(repoApiUrl)
+    .query(true)
+    .times(2)
+    .reply(200, {
+      results: [],
+      subtotal: 0,
+      page: 1,
+      per_page: 20,
+    });
+
+  mockAutocomplete();
+
+  const { findByText } = renderWithRedux(
+    withFRRoute(<FlatpakRemoteDetails />),
+    renderOptions,
+  );
+
+  expect(await findByText(/no results/i)).toBeInTheDocument();
+});

data/webpack/scenes/FlatpakRemotes/Details/index.js

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

data/webpack/scenes/FlatpakRemotes/FlatpakRemotesActions.js

@@ -0,0 +1,26 @@
+import { translate as __ } from 'foremanReact/common/I18n';
+import { API_OPERATIONS, post } from 'foremanReact/redux/API';
+import api, { orgId } from '../../services/api';
+import { CREATE_FLATPAK_REMOTES_KEY }
+  from './FlatpakRemotesConstants';
+import { getResponseErrorMsgs } from '../../utils/helpers';
+
+export const createParamsWithOrg = params => ({
+  organization_id: orgId(),
+  ...params,
+});
+const flatpakCreateSuccessToast = (response) => {
+  const { data: { name } } = response;
+  return __(`Flatpak Remote ${name} created`);
+};
+
+export const flatpakCreateErrorToast = error => getResponseErrorMsgs(error.response);
+
+export const createFlatpakRemote = params => post({
+  type: API_OPERATIONS.POST,
+  key: CREATE_FLATPAK_REMOTES_KEY,
+  url: api.getApiUrl('/flatpak_remotes'),
+  params: createParamsWithOrg(params),
+  successToast: response => flatpakCreateSuccessToast(response),
+  errorToast: error => flatpakCreateErrorToast(error),
+});

data/webpack/scenes/FlatpakRemotes/FlatpakRemotesConstants.js

@@ -0,0 +1,15 @@
+const FLATPAK_REMOTES_KEY = 'FLATPAK_REMOTES';
+export const CREATE_FLATPAK_REMOTES_KEY = 'CREATE_FLATPAK_REMOTES_KEY';
+export const DELETE_FLATPAK_REMOTE_KEY = 'DELETE_FLATPAK_REMOTE_KEY';
+export const FLATPAK_CREATE_MODAL_ID = 'FLATPAK_CREATE_MODAL_ID';
+
+export const UPDATE_FLATPAK_REMOTE = 'UPDATE_FLATPAK_REMOTE';
+export const UPDATE_FLATPAK_REMOTE_SUCCESS = 'UPDATE_FLATPAK_REMOTE_SUCCESS';
+export const UPDATE_FLATPAK_REMOTE_FAILURE = 'UPDATE_FLATPAK_REMOTE_FAILURE';
+
+export const SCAN_FLATPAK_REMOTE_KEY = 'SCAN_FLATPAK_REMOTE_KEY';
+
+export const flatpakRemoteDetailsKey = id => `${FLATPAK_REMOTES_KEY}/DETAILS/${id}`;
+export const flatpakRemoteRepositoriesKey = id => `${FLATPAK_REMOTES_KEY}/REPOSITORIES/${id}`;
+
+export default FLATPAK_REMOTES_KEY;