(test) O3-2227 & O3-2228: Add Test for display-photo.component.tsx and edit-patient-details-button.component

packages/esm-patient-registration-app/src/widgets/display-photo.test.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import DisplayPatientPhoto from './display-photo.component';
+import { mockPatient } from '../../../../__mocks__/appointments.mock';
+
+jest.mock('../patient-registration/patient-registration.resource', () => ({
+  usePatientPhoto: jest.fn().mockReturnValue({ data: { imageSrc: 'test-image-src' } }),
+}));
+
+jest.mock('geopattern', () => ({
+  generate: jest.fn().mockReturnValue({
+    toDataUri: jest.fn().mockReturnValue('test-pattern-url'),
+  }),
+}));
+
+const patientUuid = mockPatient.uuid;
+const patientName = mockPatient.name;
+
+describe('DisplayPatientPhoto Component', () => {
+  it('should render the component with the patient photo and size should not be small', () => {
+    render(<DisplayPatientPhoto patientUuid={patientUuid} patientName={patientName} />);
+
+    const avatarImage = screen.getByTitle(`${patientName}`);
+
+    expect(avatarImage).toBeInTheDocument();
+    expect(avatarImage).toHaveAttribute('style', expect.stringContaining('width: 80px; height: 80px'));
+  });
+
+  it('should render the component with the patient photo and size should be small i.e. 48px', () => {
+    render(<DisplayPatientPhoto patientUuid={patientUuid} patientName={patientName} size="small" />);
+
+    const avatarImage = screen.getByTitle(`${patientName}`);
+
+    expect(avatarImage).toBeInTheDocument();
+    expect(avatarImage).toHaveAttribute('style', expect.stringContaining('width: 48px; height: 48px'));
+  });
+});

packages/esm-patient-registration-app/src/widgets/edit-patient-details-button.test.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import EditPatientDetailsButton from './edit-patient-details-button.component';
+import { navigate } from '@openmrs/esm-framework';
+import { mockPatient } from '../../../../__mocks__/appointments.mock';
+
+describe('EditPatientDetailsButton', () => {
+  const patientUuid = mockPatient.uuid;
+  it('should navigate to the edit page when clicked', () => {
+    const mockNavigate = navigate as jest.Mock;
+
+    jest.mock('@openmrs/esm-framework', () => {
+      const originalModule = jest.requireActual('@openmrs/esm-framework');
+      return {
+        ...originalModule,
+      };
+    });
+
+    render(<EditPatientDetailsButton patientUuid={patientUuid} />);
+
+    const button = screen.getByRole('menuitem');
+    fireEvent.click(button);
+
+    expect(mockNavigate).toHaveBeenCalledWith({ to: expect.stringContaining(`/patient/${patientUuid}/edit`) });
+  });
+
+  it('should call the onTransition function when provided', () => {
+    const onTransitionMock = jest.fn();
+    render(<EditPatientDetailsButton patientUuid={patientUuid} onTransition={onTransitionMock} />);
+
+    const button = screen.getByRole('menuitem');
+    fireEvent.click(button);
+
+    expect(onTransitionMock).toHaveBeenCalled();
+  });
+});