foreman_leapp 3.0.0 → 3.2.0

data/locale/ko/foreman_leapp.po

@@ -8,10 +8,9 @@
 # Bryan Kearney <bryan.kearney@gmail.com>, 2022
 # Ewoud Kohl van Wijngaarden <ewoud+transifex@kohlvanwijngaarden.nl>, 2025
 #
-#, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: foreman_leapp 1.0.0\n"
+"Project-Id-Version: foreman_leapp 3.0.0\n"
 "Report-Msgid-Bugs-To: \n"
 "PO-Revision-Date: 2022-10-12 12:00+0000\n"
 "Last-Translator: Ewoud Kohl van Wijngaarden <ewoud+transifex@kohlvanwijngaarde"
@@ -107,6 +106,9 @@ msgstr "사전 업그레이드 보고서가 없습니다"
 msgid "Preupgrade check with Leapp"
 msgstr "Leapp으로 업그레이드 전 확인"
 
+msgid "Preupgrade job"
+msgstr ""
+
 msgid "Remediation plan"
 msgstr "수정 계획"
 

data/locale/zh_CN/foreman_leapp.po

@@ -8,7 +8,6 @@
 # Amit Upadhye <aupadhye@redhat.com>, 2023
 # Ewoud Kohl van Wijngaarden <ewoud+transifex@kohlvanwijngaarden.nl>, 2023
 #
-#, fuzzy
 msgid ""
 msgstr ""
 "Project-Id-Version: foreman_leapp 2.0.3\n"
@@ -108,6 +107,9 @@ msgstr "没有可用的预升级报告"
 msgid "Preupgrade check with Leapp"
 msgstr "使用 Leapp 的预升级检查"
 
+msgid "Preupgrade job"
+msgstr ""
+
 msgid "Remediation plan"
 msgstr "补救计划"
 

data/webpack/components/PreupgradeReports/PreupgradeReports.js

@@ -119,7 +119,7 @@ const withLoadingState = Component => componentProps => {
       <MessageBox
         key="preupgrade-reports-error"
         icontype="error-circle-o"
-        msg={sprintf(__('Could not retrieve data: %(status) - %(msg)'), {
+        msg={sprintf(__('Could not retrieve data: %(status)s - %(msg)s'), {
           status: error.statusText,
           msg: error.errorMsg,
         })}

data/webpack/components/PreupgradeReports/PreupgradeReportsHelpers.js

@@ -57,9 +57,9 @@ export const idsForInvocationFromReports = reports =>
   idsForInvocationFromEntries(flattenEntries(reports));
 
 export const entriesPage = (entries, pagination) => {
-  const offset = (pagination.page - 1) * pagination.per_page;
+  const offset = (pagination.page - 1) * pagination.perPage;
 
-  return entries.slice(offset, offset + pagination.per_page);
+  return entries.slice(offset, offset + pagination.perPage);
 };
 
 export const filterEntries = (attribute, value, entries) => {

data/webpack/components/PreupgradeReports/__tests__/__snapshots__/PreupgradeReports.test.js.snap

@@ -4,7 +4,7 @@ exports[`PreupgradeReports should render error 1`] = `
 <MessageBox
   icontype="error-circle-o"
   key="preupgrade-reports-error"
-  msg="Could not retrieve data: %(status) - %(msg)"
+  msg="Could not retrieve data: Internal server error - Well, this is embarassing"
 />
 `;
 

data/webpack/components/PreupgradeReports/__tests__/__snapshots__/PreupgradeReportsHelpers.test.js.snap

@@ -131,7 +131,31 @@ Array [
 ]
 `;
 
-exports[`PreupgradeReportsHelpers should return entries page 1`] = `Array []`;
+exports[`PreupgradeReportsHelpers should return entries page 1`] = `
+Array [
+  Object {
+    "flags": Array [],
+    "hostname": "foo.example.com",
+    "id": 45,
+    "severity": "low",
+    "title": "Not enough credits",
+  },
+  Object {
+    "flags": Array [],
+    "hostname": "foo.example.com",
+    "id": 46,
+    "severity": "medium",
+    "title": "SELinux is turned off",
+  },
+  Object {
+    "flags": Array [],
+    "hostname": "foo.example.com",
+    "id": 47,
+    "severity": "medium",
+    "title": "Root password is too short",
+  },
+]
+`;
 
 exports[`PreupgradeReportsHelpers should return fixable entries 1`] = `
 Array [

data/webpack/components/PreupgradeReports/components/__snapshots__/NoReports.test.js.snap

@@ -2,18 +2,24 @@
 
 exports[`NoReports should render when reports expected 1`] = `
 <EmptyStatePattern
+  action={null}
   description="The preupgrade report could not be generated, check the job details for the reason"
+  documentation={null}
   header="No Preupgrade Report Available"
   icon="warning-triangle-o"
   iconType="pf"
+  secondaryActions={Array []}
 />
 `;
 
 exports[`NoReports should render when reports not expected 1`] = `
 <EmptyStatePattern
+  action={null}
   description="The preupgrade report will be available after the job finishes"
+  documentation={null}
   header="No Preupgrade Report Available"
   icon="in-progress"
   iconType="pf"
+  secondaryActions={Array []}
 />
 `;

data/webpack/components/PreupgradeReportsList/__tests__/PreupgradeReportsList.test.js

@@ -1,40 +1,124 @@
-import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
 
 import PreupgradeReportsList from '../index';
 
-const allEntries = [
-  { title: 'Fix me!', severity: 'Too severe to talk about' },
-  { title: 'I am broken too', severity: 'medium' },
-  { title: 'Octocat is not happy', severity: 'high' },
-  { title: 'Not enough credits', severity: 'low' },
-];
-
-const isSelected = () => false;
-const toggleSelected = () => {};
-const sort = { attribute: '', order: 'asc' };
-const changeSort = () => {};
-const toggleSelectAll = () => {};
-
-const fixtures = {
-  'should render': {
-    allEntries,
-    fixAllWorking: false,
-    isSelected,
-    toggleSelected,
-    sort,
-    changeSort,
-    toggleSelectAll,
-  },
-  'should render when working': {
-    allEntries,
-    fixAllWorking: true,
-    isSelected,
-    toggleSelected,
-    sort,
-    changeSort,
-    toggleSelectAll,
-  },
+jest.mock('foremanReact/components/Pagination', () => {
+  const MockPagination = () => <div data-testid="pagination">Pagination</div>;
+  return MockPagination;
+});
+
+jest.mock('../components/images/i_severity-high.svg', () => 'severity-high.svg');
+jest.mock('../components/images/i_severity-med.svg', () => 'severity-med.svg');
+jest.mock('../components/images/i_severity-low.svg', () => 'severity-low.svg');
+
+const createMockEntries = count =>
+  Array.from({ length: count }, (_, i) => ({
+    id: i + 1,
+    preupgradeReportId: 100,
+    title: `Entry ${i + 1}`,
+    hostname: `host${i + 1}.example.com`,
+    severity: i % 3 === 0 ? 'high' : i % 3 === 1 ? 'medium' : 'low',
+    flags: i === 0 ? ['inhibitor'] : [],
+    detail: {
+      remediations:
+        i < 2
+          ? [{ type: 'command', context: ['echo', 'fix', 'command'] }]
+          : [],
+    },
+  }));
+
+const defaultProps = {
+  allEntries: createMockEntries(4),
+  isSelected: () => false,
+  toggleSelected: jest.fn(),
+  sort: { attribute: '', order: 'asc' },
+  changeSort: jest.fn(),
+  toggleSelectAll: jest.fn(),
 };
 
-describe('PreupgradeReportsList', () =>
-  testComponentSnapshotsWithFixtures(PreupgradeReportsList, fixtures));
+const renderComponent = (props = {}) =>
+  render(<PreupgradeReportsList {...defaultProps} {...props} />);
+
+describe('PreupgradeReportsList', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders the list header', () => {
+    renderComponent();
+
+    expect(screen.getByText('Title')).toBeInTheDocument();
+    expect(screen.getByText('Host')).toBeInTheDocument();
+    expect(screen.getByText('Risk Factor')).toBeInTheDocument();
+    expect(screen.getByText('Has Remediation?')).toBeInTheDocument();
+    expect(screen.getByText('Inhibitor?')).toBeInTheDocument();
+  });
+
+  it('renders entry titles', () => {
+    renderComponent();
+
+    expect(screen.getByText('Entry 1')).toBeInTheDocument();
+    expect(screen.getByText('Entry 2')).toBeInTheDocument();
+    expect(screen.getByText('Entry 3')).toBeInTheDocument();
+    expect(screen.getByText('Entry 4')).toBeInTheDocument();
+  });
+
+  it('renders entry hostnames', () => {
+    renderComponent();
+
+    expect(screen.getByText('host1.example.com')).toBeInTheDocument();
+    expect(screen.getByText('host2.example.com')).toBeInTheDocument();
+  });
+
+  it('renders checkboxes for entries', () => {
+    renderComponent();
+
+    const checkboxes = screen.getAllByRole('checkbox');
+    expect(checkboxes.length).toBeGreaterThan(0);
+  });
+
+  it('calls toggleSelectAll when header checkbox is clicked', () => {
+    const toggleSelectAll = jest.fn();
+    renderComponent({ toggleSelectAll });
+
+    const checkboxes = screen.getAllByRole('checkbox');
+    fireEvent.click(checkboxes[0]);
+
+    expect(toggleSelectAll).toHaveBeenCalled();
+  });
+
+  it('renders with empty entries array', () => {
+    renderComponent({ allEntries: [] });
+
+    expect(screen.getByText('Title')).toBeInTheDocument();
+    expect(screen.queryByText('Entry 1')).not.toBeInTheDocument();
+  });
+
+  it('renders entries with selected state', () => {
+    const isSelected = entry => entry.id === 1;
+    renderComponent({ isSelected });
+
+    const checkboxes = screen.getAllByRole('checkbox');
+    const entryCheckboxes = checkboxes.slice(1);
+    expect(entryCheckboxes[0]).toBeChecked();
+    expect(entryCheckboxes[1]).not.toBeChecked();
+  });
+
+  it('calls toggleSelected when entry checkbox is clicked', () => {
+    const toggleSelected = jest.fn();
+    renderComponent({ toggleSelected });
+
+    const checkboxes = screen.getAllByRole('checkbox');
+    fireEvent.click(checkboxes[1]);
+
+    expect(toggleSelected).toHaveBeenCalled();
+  });
+
+  it('renders pagination component', () => {
+    renderComponent();
+
+    expect(screen.getByTestId('pagination')).toBeInTheDocument();
+  });
+});

data/webpack/components/PreupgradeReportsList/index.js

@@ -19,11 +19,10 @@ const PreupgradeReportsList = ({
   changeSort,
   toggleSelectAll,
 }) => {
-  const { perPage, perPageOptions } = useForemanSettings();
+  const { perPage } = useForemanSettings();
   const [pagination, setPagination] = useState({
     page: 1,
-    per_page: perPage,
-    perPageOptions,
+    perPage,
   });
 
   return (

data/webpack/components/PreupgradeReportsTable/__tests__/PreupgradeReportsTable.test.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import { render, screen, waitFor, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-redux';
+import configureMockStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import { APIActions } from 'foremanReact/redux/API';
+import PreupgradeReportsTable from '../index';
+
+jest.mock('foremanReact/redux/API');
+
+const mockStore = configureMockStore([thunk]);
+
+const mockJobId = 42;
+const mockReportId = 999;
+const mockJobData = {
+  id: mockJobId,
+  template_name: 'Run preupgrade via Leapp',
+};
+
+const mockEntries = Array.from({ length: 12 }, (_, i) => ({
+  id: i + 1,
+  title: `Report Entry ${i + 1}`,
+  hostname: 'example.com',
+  severity: i === 0 ? 'high' : 'low',
+  flags: i === 0 ? ['inhibitor'] : [],
+  detail: { remediations: i === 0 ? [{ type: 'cmd' }] : [] },
+}));
+
+describe('PreupgradeReportsTable', () => {
+  let store;
+
+  beforeEach(() => {
+    store = mockStore({ API: {} });
+    jest.clearAllMocks();
+
+    APIActions.get.mockImplementation(({ key, handleSuccess }) => {
+      return dispatch => {
+        if (key.includes('GET_LEAPP_REPORT_LIST'))
+          handleSuccess({ results: [{ id: mockReportId }] });
+        if (key.includes('GET_LEAPP_REPORT_DETAIL'))
+          handleSuccess({
+            id: mockReportId,
+            preupgrade_report_entries: mockEntries,
+          });
+        return { type: 'MOCK_API_SUCCESS' };
+      };
+    });
+  });
+
+  const renderComponent = () =>
+    render(
+      <Provider store={store}>
+        <PreupgradeReportsTable data={mockJobData} />
+      </Provider>
+    );
+
+  const expandSection = () => {
+    fireEvent.click(screen.getByText('Leapp preupgrade report'));
+  };
+
+  it('renders data', async () => {
+    renderComponent();
+    expandSection();
+
+    await waitFor(() => screen.getByText('Report Entry 1'));
+
+    expect(screen.getByText('Report Entry 1')).toBeInTheDocument();
+    expect(screen.getByText('Report Entry 5')).toBeInTheDocument();
+    expect(screen.queryByText('Report Entry 6')).not.toBeInTheDocument();
+  });
+
+  it('paginates to the next page', async () => {
+    renderComponent();
+    expandSection();
+    await waitFor(() => screen.getByText('Report Entry 1'));
+
+    fireEvent.click(screen.getAllByLabelText('Go to next page')[0]);
+
+    await waitFor(() => screen.getByText('Report Entry 6'));
+    expect(screen.getByText('Report Entry 10')).toBeInTheDocument();
+    expect(screen.queryByText('Report Entry 1')).not.toBeInTheDocument();
+  });
+
+  it('changes perPage limit to 10', async () => {
+    renderComponent();
+    expandSection();
+    await waitFor(() => screen.getByText('Report Entry 1'));
+
+    fireEvent.click(screen.getAllByLabelText('Items per page')[0]);
+    fireEvent.click(screen.getAllByText('10 per page')[0]);
+
+    await waitFor(() => {
+      expect(screen.getByText('Report Entry 10')).toBeInTheDocument();
+      expect(screen.queryByText('Report Entry 11')).not.toBeInTheDocument();
+    });
+  });
+
+  it('renders empty state message when no issues found', async () => {
+    APIActions.get.mockImplementation(({ key, handleSuccess }) => {
+      return () => {
+        if (key.includes('GET_LEAPP_REPORT_LIST'))
+          handleSuccess({ results: [{ id: mockReportId }] });
+        if (key.includes('GET_LEAPP_REPORT_DETAIL'))
+          handleSuccess({ id: mockReportId, preupgrade_report_entries: [] });
+        return { type: 'EMPTY' };
+      };
+    });
+
+    renderComponent();
+    expandSection();
+
+    await waitFor(() => {
+      expect(screen.getByText('The preupgrade report shows no issues.')).toBeInTheDocument();
+    });
+  });
+});

data/webpack/components/PreupgradeReportsTable/index.js

@@ -0,0 +1,180 @@
+import PropTypes from 'prop-types';
+import React, { useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { ExpandableSection, Label, Tooltip } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { Table } from 'foremanReact/components/PF4/TableIndexPage/Table/Table';
+import { APIActions } from 'foremanReact/redux/API';
+import { STATUS } from 'foremanReact/constants';
+
+import { entriesPage } from '../PreupgradeReports/PreupgradeReportsHelpers';
+
+const renderSeverityLabel = severity => {
+  switch (severity) {
+    case 'high':
+      return <Label color="red">{__('High')}</Label>;
+    case 'medium':
+      return <Label color="orange">{__('Medium')}</Label>;
+    case 'low':
+      return <Label color="blue">{__('Low')}</Label>;
+    case 'info':
+      return <Label color="grey">{__('Info')}</Label>;
+    default:
+      return <Label color="grey">{severity || __('Info')}</Label>;
+  }
+};
+
+const PreupgradeReportsTable = ({ data = {} }) => {
+  const [error, setError] = useState(null);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [pagination, setPagination] = useState({ page: 1, perPage: 5 });
+  const [reportData, setReportData] = useState(null);
+  const [status, setStatus] = useState(STATUS.RESOLVED);
+  const dispatch = useDispatch();
+  // eslint-disable-next-line camelcase
+  const isLeappJob = data?.template_name?.includes('Run preupgrade via Leapp');
+
+  const columns = {
+    title: {
+      title: __('Title'),
+    },
+    host: {
+      title: __('Host'),
+      wrapper: entry =>
+        entry.hostname || (reportData && reportData.hostname) || '-',
+    },
+    risk_factor: {
+      title: __('Risk Factor'),
+      wrapper: ({ severity }) => renderSeverityLabel(severity),
+    },
+    has_remediation: {
+      title: __('Has Remediation?'),
+      wrapper: entry =>
+        entry.detail && entry.detail.remediations ? __('Yes') : __('No'),
+    },
+    inhibitor: {
+      title: __('Inhibitor?'),
+      wrapper: entry =>
+        entry.flags && entry.flags.some(flag => flag === 'inhibitor') ? (
+          <Tooltip content={__('This issue inhibits the upgrade.')}>
+            <span>{__('Yes')}</span>
+          </Tooltip>
+        ) : (
+          __('No')
+        ),
+    },
+  };
+
+  useEffect(() => {
+    let isMounted = true;
+    if (!isLeappJob || !isExpanded || reportData) {
+      return undefined;
+    }
+    setStatus(STATUS.PENDING);
+
+    dispatch(
+      APIActions.get({
+        key: `GET_LEAPP_REPORT_LIST_${data.id}`,
+        url: `/api/job_invocations/${data.id}/preupgrade_reports`,
+        handleSuccess: listResponse => {
+          if (!isMounted) return;
+          const listPayload = listResponse.data || listResponse;
+          const summary = listPayload.results?.[0];
+          if (summary?.id) {
+            dispatch(
+              APIActions.get({
+                key: `GET_LEAPP_REPORT_DETAIL_${summary.id}`,
+                url: `/api/preupgrade_reports/${summary.id}`,
+                handleSuccess: detailResponse => {
+                  if (isMounted) {
+                    const detailPayload = detailResponse.data || detailResponse;
+                    setReportData(detailPayload);
+                    setStatus(STATUS.RESOLVED);
+                  }
+                },
+                handleError: err => {
+                  if (isMounted) {
+                    setError(err);
+                    setStatus(STATUS.ERROR);
+                  }
+                },
+              })
+            );
+          } else if (isMounted) {
+            setReportData({});
+            setStatus(STATUS.RESOLVED);
+          }
+        },
+        handleError: err => {
+          if (isMounted) {
+            setError(err);
+            setStatus(STATUS.ERROR);
+          }
+        },
+      })
+    );
+
+    return () => {
+      isMounted = false;
+    };
+  }, [isExpanded, data.id, isLeappJob, reportData, dispatch]);
+
+  // eslint-disable-next-line camelcase
+  const entries = reportData?.preupgrade_report_entries || [];
+  const pagedEntries = entriesPage(entries, pagination);
+
+  const handleParamsChange = newParams => {
+    setPagination(prev => ({
+      ...prev,
+      page: newParams.page || prev.page,
+      perPage: newParams.per_page || prev.perPage,
+    }));
+  };
+
+  if (!isLeappJob) return null;
+
+  return (
+    <ExpandableSection
+      className="leapp-report-section"
+      isExpanded={isExpanded}
+      onToggle={(_event, val) => setIsExpanded(val)}
+      toggleText={__('Leapp preupgrade report')}
+    >
+      <Table
+        ouiaId="leapp-report-table"
+        columns={columns}
+        isEmbedded
+        params={{
+          page: pagination.page,
+          perPage: pagination.perPage,
+          order: '',
+        }}
+        results={pagedEntries}
+        itemCount={entries.length}
+        url=""
+        isPending={status === STATUS.PENDING}
+        errorMessage={
+          status === STATUS.ERROR && error?.message ? error.message : null
+        }
+        showCheckboxes={false}
+        refreshData={() => {}}
+        isDeleteable={false}
+        emptyMessage={__('The preupgrade report shows no issues.')}
+        setParams={handleParamsChange}
+      />
+    </ExpandableSection>
+  );
+};
+
+PreupgradeReportsTable.propTypes = {
+  data: PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    template_name: PropTypes.string,
+  }),
+};
+
+PreupgradeReportsTable.defaultProps = {
+  data: {},
+};
+
+export default PreupgradeReportsTable;

data/webpack/global_index.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { addGlobalFill } from 'foremanReact/components/common/Fill/GlobalFill';
+import PreupgradeReportsTable from './components/PreupgradeReportsTable';
+
+addGlobalFill(
+  'job-invocation-additional-info',
+  'leapp-preupgrade-report-fill',
+  <PreupgradeReportsTable key="leapp-report-fill" />,
+  100
+);

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: foreman_leapp
 version: !ruby/object:Gem::Version
-  version: 3.0.0
+  version: 3.2.0
 platform: ruby
 authors:
 - Foreman Leapp team
 bindir: bin
 cert_chain: []
-date: 2025-07-28 00:00:00.000000000 Z
+date: 2026-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foreman_remote_execution
@@ -130,10 +130,6 @@ files:
 - test/unit/actions/preupgrade_job_test.rb
 - test/unit/helpers/job_helper_test.rb
 - webpack/__mocks__/foremanReact/Root/Context/ForemanContext.js
-- webpack/__mocks__/foremanReact/common/I18n.js
-- webpack/__mocks__/foremanReact/components/Pagination.js
-- webpack/__mocks__/foremanReact/components/common/EmptyState.js
-- webpack/__mocks__/foremanReact/components/common/MessageBox.js
 - webpack/components/PreupgradeReports/PreupgradeReports.js
 - webpack/components/PreupgradeReports/PreupgradeReportsActions.js
 - webpack/components/PreupgradeReports/PreupgradeReportsHelpers.js
@@ -164,7 +160,6 @@ files:
 - webpack/components/PreupgradeReports/index.js
 - webpack/components/PreupgradeReportsList/PreupgradeReportList.scss
 - webpack/components/PreupgradeReportsList/__tests__/PreupgradeReportsList.test.js
-- webpack/components/PreupgradeReportsList/__tests__/__snapshots__/PreupgradeReportsList.test.js.snap
 - webpack/components/PreupgradeReportsList/components/EmptyInfoItem.js
 - webpack/components/PreupgradeReportsList/components/InfoItem.js
 - webpack/components/PreupgradeReportsList/components/InhibitorInfoItem.js
@@ -191,8 +186,11 @@ files:
 - webpack/components/PreupgradeReportsList/components/images/i_severity-low.svg
 - webpack/components/PreupgradeReportsList/components/images/i_severity-med.svg
 - webpack/components/PreupgradeReportsList/index.js
+- webpack/components/PreupgradeReportsTable/__tests__/PreupgradeReportsTable.test.js
+- webpack/components/PreupgradeReportsTable/index.js
 - webpack/consts.js
 - webpack/csrf.js
+- webpack/global_index.js
 - webpack/index.js
 - webpack/reducer.js
 - webpack/testSetup.js
@@ -214,7 +212,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.3
 specification_version: 4
 summary: A Foreman plugin for Leapp utility.
 test_files:

data/webpack/__mocks__/foremanReact/common/I18n.js

@@ -1,2 +0,0 @@
-export const translate = val => val;
-export const sprintf = val => val;

data/webpack/__mocks__/foremanReact/components/Pagination.js

@@ -1,2 +0,0 @@
-const Pagination = () => jest.fn();
-export default Pagination;