UIIN-2669: Jest/RTL: Cover ModalContent components with unit tests

CHANGELOG.md

@@ -16,6 +16,7 @@
 * Jest/RTL: Cover ImportRecord component with unit test. Refs UIIN-2667.
 * Jest/RTL: Cover MoveHoldingContext component with unit tests. Refs UIIN-2664.
 * Use consolidated locations endpoint to fetch all locations when in central tenant context. Refs UIIN-2811.
+* Jest/RTL: Cover ModalContent components with unit tests. Refs UIIN-2669.
 
 ## [11.0.4](https://github.com/folio-org/ui-inventory/tree/v11.0.4) (2024-04-30)
 [Full Changelog](https://github.com/folio-org/ui-inventory/compare/v11.0.3...v11.0.4)

src/components/ModalContent/ModalContent.test.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { fireEvent } from '@folio/jest-config-stripes/testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import ModalContent from './ModalContent';
+import { renderWithIntl } from '../../../test/jest/helpers';
+import '../../../test/jest/__mock__';
+
+const stripesMock = {
+  hasPerm: jest.fn().mockReturnValue(true),
+};
+
+const itemMock = {
+  title: 'Sample Title',
+  barcode: '123456789',
+  materialType: {
+    name: 'Book',
+  },
+};
+
+describe('ModalContent', () => {
+  it('renders with correct props and messages', () => {
+    const onCancelMock = jest.fn();
+    const onConfirmMock = jest.fn();
+    const requestsUrl = '/requests';
+    const itemRequestCount = 2;
+    const status = 'Available';
+
+    const { getByText, getByRole } = renderWithIntl(
+      <MemoryRouter>
+        <ModalContent
+          stripes={stripesMock}
+          item={itemMock}
+          status={status}
+          requestsUrl={requestsUrl}
+          onCancel={onCancelMock}
+          onConfirm={onConfirmMock}
+          itemRequestCount={itemRequestCount}
+        />
+      </MemoryRouter>
+    );
+
+    expect(getByText(/confirmModal.message/)).toBeInTheDocument();
+    expect(getByText(/confirmModal.requestMessage/)).toBeInTheDocument();
+
+    const cancelButton = getByRole('button', { name: /cancel/i });
+    const confirmButton = getByRole('button', { name: /confirm/i });
+
+    fireEvent.click(cancelButton);
+    expect(onCancelMock).toHaveBeenCalledTimes(1);
+
+    fireEvent.click(confirmButton);
+    expect(onConfirmMock).toHaveBeenCalledTimes(1);
+  });
+});