@ampath/esm-patient-registration-app 6.0.1-pre.17 → 6.0.1-pre.172

package/src/patient-registration/field/field.test.tsx

@@ -1,294 +0,0 @@
-import React from 'react';
-import { Form, Formik } from 'formik';
-import { render, screen } from '@testing-library/react';
-import { useConfig } from '@openmrs/esm-framework';
-import { Field } from './field.component';
-import type { AddressTemplate, FormValues } from '../patient-registration.types';
-import { type Resources, ResourcesContext } from '../../offline.resources';
-import { PatientRegistrationContext } from '../patient-registration-context';
-
-jest.mock('@openmrs/esm-framework', () => ({
-  ...jest.requireActual('@openmrs/esm-framework'),
-  useConfig: jest.fn(),
-}));
-
-const predefinedAddressTemplate = {
-  uuid: 'test-address-template-uuid',
-  property: 'layout.address.format',
-  description: 'Test Address Template',
-  display:
-    'Layout - Address Format = <org.openmrs.layout.address.AddressTemplate>\n     <nameMappings class="properties">\n       <property name="postalCode" value="Location.postalCode"/>\n       <property name="address2" value="Location.address2"/>\n       <property name="address1" value="Location.address1"/>\n       <property name="country" value="Location.country"/>\n       <property name="stateProvince" value="Location.stateProvince"/>\n       <property name="cityVillage" value="Location.cityVillage"/>\n     </nameMappings>\n     <sizeMappings class="properties">\n       <property name="postalCode" value="10"/>\n       <property name="address2" value="40"/>\n       <property name="address1" value="40"/>\n       <property name="country" value="10"/>\n       <property name="stateProvince" value="10"/>\n       <property name="cityVillage" value="10"/>\n     </sizeMappings>\n     <lineByLineFormat>\n       <string>address1</string>\n       <string>address2</string>\n       <string>cityVillage stateProvince country postalCode</string>\n     </lineByLineFormat>\n   </org.openmrs.layout.address.AddressTemplate>',
-  value:
-    '<org.openmrs.layout.address.AddressTemplate>\r\n     <nameMappings class="properties">\r\n       <property name="postalCode" value="Location.postalCode"/>\r\n       <property name="address2" value="Location.address2"/>\r\n       <property name="address1" value="Location.address1"/>\r\n       <property name="country" value="Location.country"/>\r\n       <property name="stateProvince" value="Location.stateProvince"/>\r\n       <property name="cityVillage" value="Location.cityVillage"/>\r\n     </nameMappings>\r\n     <sizeMappings class="properties">\r\n       <property name="postalCode" value="4"/>\r\n       <property name="address1" value="40"/>\r\n       <property name="address2" value="40"/>\r\n       <property name="country" value="10"/>\r\n       <property name="stateProvince" value="10"/>\r\n       <property name="cityVillage" value="10"/>\r\n       <asset name="cityVillage" value="10"/>\r\n     </sizeMappings>\r\n     <lineByLineFormat>\r\n       <string>address1 address2</string>\r\n       <string>cityVillage stateProvince postalCode</string>\r\n       <string>country</string>\r\n     </lineByLineFormat>\r\n     <elementDefaults class="properties">\r\n            <property name="country" value=""/>\r\n     </elementDefaults>\r\n     <elementRegex class="properties">\r\n            <property name="address1" value="[a-zA-Z]+$"/>\r\n     </elementRegex>\r\n     <elementRegexFormats class="properties">\r\n            <property name="address1" value="Countries can only be letters"/>\r\n     </elementRegexFormats>\r\n   </org.openmrs.layout.address.AddressTemplate>',
-};
-
-const mockedIdentifierTypes = [
-  {
-    fieldName: 'openMrsId',
-    format: '',
-    identifierSources: [
-      {
-        uuid: '8549f706-7e85-4c1d-9424-217d50a2988b',
-        name: 'Generator for OpenMRS ID',
-        description: 'Generator for OpenMRS ID',
-        baseCharacterSet: '0123456789ACDEFGHJKLMNPRTUVWXY',
-        prefix: '',
-      },
-    ],
-    isPrimary: true,
-    name: 'OpenMRS ID',
-    required: true,
-    uniquenessBehavior: 'UNIQUE' as const,
-    uuid: '05a29f94-c0ed-11e2-94be-8c13b969e334',
-  },
-  {
-    fieldName: 'idCard',
-    format: '',
-    identifierSources: [],
-    isPrimary: false,
-    name: 'ID Card',
-    required: false,
-    uniquenessBehavior: 'UNIQUE' as const,
-    uuid: 'b4143563-16cd-4439-b288-f83d61670fc8',
-  },
-  {
-    fieldName: 'legacyId',
-    format: '',
-    identifierSources: [],
-    isPrimary: false,
-    name: 'Legacy ID',
-    required: false,
-    uniquenessBehavior: null,
-    uuid: '22348099-3873-459e-a32e-d93b17eda533',
-  },
-  {
-    fieldName: 'oldIdentificationNumber',
-    format: '',
-    identifierSources: [],
-    isPrimary: false,
-    name: 'Old Identification Number',
-    required: false,
-    uniquenessBehavior: null,
-    uuid: '8d79403a-c2cc-11de-8d13-0010c6dffd0f',
-  },
-  {
-    fieldName: 'openMrsIdentificationNumber',
-    format: '',
-    identifierSources: [],
-    isPrimary: false,
-    name: 'OpenMRS Identification Number',
-    required: false,
-    uniquenessBehavior: null,
-    uuid: '8d793bee-c2cc-11de-8d13-0010c6dffd0f',
-  },
-];
-
-const mockResourcesContextValue: Resources = {
-  addressTemplate: predefinedAddressTemplate as unknown as AddressTemplate,
-  currentSession: {
-    authenticated: true,
-    sessionId: 'JSESSION',
-    currentProvider: { uuid: 'provider-uuid', identifier: 'PRO-123' },
-  },
-  relationshipTypes: [],
-  identifierTypes: [...mockedIdentifierTypes],
-};
-
-const initialContextValues = {
-  currentPhoto: 'data:image/png;base64,1234567890',
-  identifierTypes: [],
-  inEditMode: false,
-  initialFormValues: {} as FormValues,
-  isOffline: false,
-  setCapturePhotoProps: jest.fn(),
-  setFieldValue: jest.fn(),
-  setInitialFormValues: jest.fn(),
-  validationSchema: null,
-  values: {} as FormValues,
-};
-
-describe('Field', () => {
-  let ContextWrapper;
-
-  beforeEach(() => {
-    ContextWrapper = ({ children }) => (
-      <ResourcesContext.Provider value={mockResourcesContextValue}>
-        <Formik initialValues={{}} onSubmit={jest.fn()}>
-          <Form>
-            <PatientRegistrationContext.Provider value={initialContextValues}>
-              {children}
-            </PatientRegistrationContext.Provider>
-          </Form>
-        </Formik>
-      </ResourcesContext.Provider>
-    );
-  });
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('should render NameField component when name prop is "name"', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        name: {
-          displayMiddleName: true,
-          unidentifiedPatient: true,
-          defaultUnknownGivenName: 'UNKNOWN',
-          defaultUnknownFamilyName: 'UNKNOWN',
-        },
-      },
-    }));
-
-    render(<Field name="name" />, { wrapper: ContextWrapper });
-
-    expect(screen.getByText('Full Name')).toBeInTheDocument();
-  });
-
-  it('should render GenderField component when name prop is "gender"', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        gender: [
-          {
-            value: 'Male',
-            label: 'Male',
-            id: 'male',
-          },
-        ],
-      },
-    }));
-
-    render(<Field name="gender" />, { wrapper: ContextWrapper });
-
-    expect(screen.getByLabelText('Male')).toBeInTheDocument();
-  });
-
-  it('should render DobField component when name prop is "dob"', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        dob: {
-          minAgeLimit: 0,
-          maxAgeLimit: 120,
-        },
-      },
-    }));
-    render(<Field name="dob" />, { wrapper: ContextWrapper });
-    expect(screen.getByText('Birth')).toBeInTheDocument();
-  });
-
-  it('should render AddressComponent component when name prop is "address"', () => {
-    jest.mock('./address/address-hierarchy.resource', () => ({
-      ...(jest.requireActual('../address-hierarchy.resource') as jest.Mock),
-      useOrderedAddressHierarchyLevels: jest.fn(),
-    }));
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: false,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-
-    render(<Field name="address" />, { wrapper: ContextWrapper });
-
-    expect(screen.getByText('Address')).toBeInTheDocument();
-  });
-
-  it('should render Identifiers component when name prop is "id"', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      defaultPatientIdentifierTypes: ['OpenMRS ID'],
-    }));
-
-    const openmrsID = {
-      name: 'OpenMRS ID',
-      fieldName: 'openMrsId',
-      required: true,
-      uuid: '05a29f94-c0ed-11e2-94be-8c13b969e334',
-      format: null,
-      isPrimary: true,
-      identifierSources: [
-        {
-          uuid: '691eed12-c0f1-11e2-94be-8c13b969e334',
-          name: 'Generator 1 for OpenMRS ID',
-          autoGenerationOption: {
-            manualEntryEnabled: false,
-            automaticGenerationEnabled: true,
-          },
-        },
-        {
-          uuid: '01af8526-cea4-4175-aa90-340acb411771',
-          name: 'Generator 2 for OpenMRS ID',
-          autoGenerationOption: {
-            manualEntryEnabled: true,
-            automaticGenerationEnabled: true,
-          },
-        },
-      ],
-      identifierUuid: 'openmrs-identifier-uuid',
-      identifierTypeUuid: 'openmrs-id-identifier-type-uuid',
-      initialValue: '12345',
-      identifierValue: '12345',
-      identifierName: 'OpenMRS ID',
-      preferred: true,
-      selectedSource: {
-        uuid: 'openmrs-id-selected-source-uuid',
-        name: 'Generator 1 for OpenMRS ID',
-        autoGenerationOption: {
-          manualEntryEnabled: false,
-          automaticGenerationEnabled: true,
-        },
-      },
-      autoGenerationSource: null,
-    };
-
-    const updatedContextValues = {
-      currentPhoto: 'data:image/png;base64,1234567890',
-      identifierTypes: [],
-      inEditMode: false,
-      initialFormValues: { identifiers: { openmrsID } } as unknown as FormValues,
-      isOffline: false,
-      setCapturePhotoProps: jest.fn(),
-      setFieldValue: jest.fn(),
-      setInitialFormValues: jest.fn(),
-      validationSchema: null,
-      values: { identifiers: { openmrsID } } as unknown as FormValues,
-    };
-
-    render(
-      <ResourcesContext.Provider value={mockResourcesContextValue}>
-        <Formik initialValues={{}} onSubmit={jest.fn()}>
-          <Form>
-            <PatientRegistrationContext.Provider value={updatedContextValues}>
-              <Field name="id" />
-            </PatientRegistrationContext.Provider>
-          </Form>
-        </Formik>
-      </ResourcesContext.Provider>,
-    );
-    expect(screen.getByText('Identifiers')).toBeInTheDocument();
-  });
-
-  it('should return null and report an error for an invalid field name', () => {
-    const consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
-
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldDefinitions: [{ id: 'weight' }],
-    }));
-    let error = null;
-
-    try {
-      render(<Field name="invalidField" />);
-    } catch (err) {
-      error = err;
-    }
-
-    expect(error).toMatch(/Invalid field name 'invalidField'. Valid options are /);
-    expect(screen.queryByTestId('invalid-field')).not.toBeInTheDocument();
-
-    consoleError.mockRestore();
-  });
-});

package/src/patient-registration/field/id/id-field.test.tsx

@@ -1,107 +0,0 @@
-import React from 'react';
-import userEvent from '@testing-library/user-event';
-import { render, screen } from '@testing-library/react';
-import { Identifiers } from './id-field.component';
-import { type Resources, ResourcesContext } from '../../../offline.resources';
-import { Form, Formik } from 'formik';
-import { PatientRegistrationContext } from '../../patient-registration-context';
-import { openmrsID, mockedIdentifierTypes } from '__mocks__';
-
-jest.mock('@openmrs/esm-framework', () => ({
-  ...jest.requireActual('@openmrs/esm-framework'),
-  useConfig: jest.fn().mockImplementation(() => ({
-    defaultPatientIdentifierTypes: ['OpenMRS ID'],
-  })),
-}));
-
-describe('Identifiers', () => {
-  const mockResourcesContextValue = {
-    addressTemplate: {},
-    currentSession: {
-      authenticated: true,
-      sessionId: 'JSESSION',
-      currentProvider: { uuid: 'provider-uuid', identifier: 'PRO-123' },
-    },
-    relationshipTypes: [],
-    identifierTypes: [...mockedIdentifierTypes],
-  } as Resources;
-
-  it('should render loading skeleton when identifier types are loading', () => {
-    render(
-      <ResourcesContext.Provider value={[]}>
-        <Formik initialValues={{}} onSubmit={null}>
-          <Form>
-            <PatientRegistrationContext.Provider
-              value={{
-                setFieldValue: jest.fn(),
-                initialFormValues: { identifiers: { ...mockedIdentifierTypes[0] } },
-                setInitialFormValues: jest.fn(),
-                values: {
-                  identifiers: { openmrsID },
-                },
-              }}>
-              <Identifiers />
-            </PatientRegistrationContext.Provider>
-          </Form>
-        </Formik>
-      </ResourcesContext.Provider>,
-    );
-    expect(screen.getByTestId('loading-skeleton')).toBeInTheDocument();
-  });
-
-  it('should render identifier inputs when identifier types are loaded', () => {
-    render(
-      <ResourcesContext.Provider value={mockResourcesContextValue}>
-        <Formik initialValues={{}} onSubmit={null}>
-          <Form>
-            <PatientRegistrationContext.Provider
-              value={{
-                setFieldValue: jest.fn(),
-                initialFormValues: { identifiers: { ...mockedIdentifierTypes[0] } },
-                setInitialFormValues: jest.fn(),
-                values: {
-                  identifiers: { openmrsID },
-                },
-              }}>
-              <Identifiers />
-            </PatientRegistrationContext.Provider>
-          </Form>
-        </Formik>
-      </ResourcesContext.Provider>,
-    );
-
-    expect(screen.getByText('Identifiers')).toBeInTheDocument();
-    const configureButton = screen.getByRole('button', { name: 'Configure' });
-    expect(configureButton).toBeInTheDocument();
-    expect(configureButton).toBeEnabled();
-  });
-
-  it('should open identifier selection overlay when "Configure" button is clicked', async () => {
-    const user = userEvent.setup();
-
-    render(
-      <ResourcesContext.Provider value={mockResourcesContextValue}>
-        <Formik initialValues={{}} onSubmit={null}>
-          <Form>
-            <PatientRegistrationContext.Provider
-              value={{
-                setFieldValue: jest.fn(),
-                initialFormValues: { identifiers: { ...mockedIdentifierTypes[0] } },
-                setInitialFormValues: jest.fn(),
-                values: {
-                  identifiers: { openmrsID },
-                },
-              }}>
-              <Identifiers />
-            </PatientRegistrationContext.Provider>
-          </Form>
-        </Formik>
-      </ResourcesContext.Provider>,
-    );
-
-    const configureButton = screen.getByRole('button', { name: 'Configure' });
-    await user.click(configureButton);
-
-    expect(screen.getByRole('button', { name: 'Close overlay' })).toBeInTheDocument();
-  });
-});

package/src/patient-registration/field/person-attributes/coded-attributes.component.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Layer, Select, SelectItem } from '@carbon/react';
-import { useConfig } from '@openmrs/esm-framework';
-import { Input } from '../../input/basic-input/input/input.component';
-import { type CodedPersonAttributeConfig } from '../../patient-registration.types';
-import { useConceptAnswers } from '../field.resource';
-import { usePersonAttributeType } from './person-attributes.resource';
-import styles from './../field.scss';
-
-export interface CodedAttributesFieldProps {}
-
-export const CodedAttributesField: React.FC<CodedAttributesFieldProps> = () => {
-  const { codedPersonAttributes } = useConfig();
-
-  return codedPersonAttributes?.length ? (
-    <div>
-      {codedPersonAttributes.map((personAttributeType: CodedPersonAttributeConfig, ind) => (
-        <PersonAttributeField
-          key={ind}
-          personAttributeTypeUuid={personAttributeType.personAttributeUuid}
-          conceptUuid={personAttributeType.conceptUuid}
-        />
-      ))}
-    </div>
-  ) : null;
-};
-
-interface PersonAttributeFieldProps {
-  personAttributeTypeUuid: string;
-  conceptUuid: string;
-}
-
-const PersonAttributeField: React.FC<PersonAttributeFieldProps> = ({ personAttributeTypeUuid, conceptUuid }) => {
-  const { data: personAttributeType, isLoading } = usePersonAttributeType(personAttributeTypeUuid);
-  const { data: conceptAnswers, isLoading: isLoadingConceptAnswers } = useConceptAnswers(conceptUuid);
-
-  return !isLoading ? (
-    <div className={classNames(styles.attributeField, styles.halfWidthInDesktopView)}>
-      {!isLoadingConceptAnswers && conceptAnswers?.length ? (
-        <Layer>
-          <Select
-            id={`person-attribute-${personAttributeTypeUuid}`}
-            name={`attributes.${personAttributeTypeUuid}`}
-            labelText={personAttributeType?.display}>
-            {conceptAnswers.map((answer) => (
-              <SelectItem key={answer.uuid} value={answer.uuid} text={answer.display} />
-            ))}
-          </Select>
-        </Layer>
-      ) : (
-        <Input
-          id={`person-attribute-${personAttributeTypeUuid}`}
-          labelText={personAttributeType?.display}
-          name={`attributes.${personAttributeTypeUuid}`}
-        />
-      )}
-    </div>
-  ) : null;
-};

package/src/patient-registration/field/person-attributes/coded-person-attribute-field.test.tsx

@@ -1,127 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { useConceptAnswers } from '../field.resource';
-import { CodedPersonAttributeField } from './coded-person-attribute-field.component';
-import { Form, Formik } from 'formik';
-
-jest.mock('formik', () => ({
-  ...jest.requireActual('formik'),
-}));
-
-jest.mock('../field.resource'); // Mock the useConceptAnswers hook
-
-const mockedUseConceptAnswers = useConceptAnswers as jest.Mock;
-
-describe('CodedPersonAttributeField', () => {
-  const conceptAnswers = [
-    { uuid: '1', display: 'Option 1' },
-    { uuid: '2', display: 'Option 2' },
-  ];
-  const personAttributeType = {
-    format: 'org.openmrs.Concept',
-    display: 'Referred by',
-    uuid: '4dd56a75-14ab-4148-8700-1f4f704dc5b0',
-    name: '',
-    description: '',
-  };
-  const answerConceptSetUuid = '6682d17f-0777-45e4-a39b-93f77eb3531c';
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-    mockedUseConceptAnswers.mockReturnValue({
-      data: conceptAnswers,
-      isLoading: false,
-    });
-  });
-
-  it('shows error if there is no concept answer set provided', () => {
-    expect(() => {
-      render(
-        <Formik initialValues={{}} onSubmit={() => {}}>
-          <Form>
-            <CodedPersonAttributeField
-              id="attributeId"
-              personAttributeType={personAttributeType}
-              answerConceptSetUuid={null}
-              label={personAttributeType.display}
-              customConceptAnswers={[]}
-            />
-          </Form>
-        </Formik>,
-      );
-    }).toThrow(expect.stringMatching(/has been defined without an answer concept set UUID/i));
-  });
-
-  it('shows error if the concept answer set does not have any concept answers', () => {
-    mockedUseConceptAnswers.mockReturnValue({
-      data: [],
-      isLoading: false,
-    });
-    expect(() => {
-      render(
-        <Formik initialValues={{}} onSubmit={() => {}}>
-          <Form>
-            <CodedPersonAttributeField
-              id="attributeId"
-              personAttributeType={personAttributeType}
-              answerConceptSetUuid={answerConceptSetUuid}
-              label={personAttributeType.display}
-              customConceptAnswers={[]}
-            />
-          </Form>
-        </Formik>,
-      );
-    }).toThrow(expect.stringMatching(/does not have any concept answers/i));
-  });
-
-  it('renders the conceptAnswers as select options', () => {
-    render(
-      <Formik initialValues={{}} onSubmit={() => {}}>
-        <Form>
-          <CodedPersonAttributeField
-            id="attributeId"
-            personAttributeType={personAttributeType}
-            answerConceptSetUuid={answerConceptSetUuid}
-            label={personAttributeType.display}
-            customConceptAnswers={[]}
-          />
-        </Form>
-      </Formik>,
-    );
-
-    expect(screen.getByLabelText(/Referred by/i)).toBeInTheDocument();
-    expect(screen.getByText(/Option 1/i)).toBeInTheDocument();
-    expect(screen.getByText(/Option 2/i)).toBeInTheDocument();
-  });
-
-  it('renders customConceptAnswers as select options when they are provided', () => {
-    render(
-      <Formik initialValues={{}} onSubmit={() => {}}>
-        <Form>
-          <CodedPersonAttributeField
-            id="attributeId"
-            personAttributeType={personAttributeType}
-            answerConceptSetUuid={answerConceptSetUuid}
-            label={personAttributeType.display}
-            customConceptAnswers={[
-              {
-                uuid: 'A',
-                label: 'Special Option A',
-              },
-              {
-                uuid: 'B',
-                label: 'Special Option B',
-              },
-            ]}
-          />
-        </Form>
-      </Formik>,
-    );
-
-    expect(screen.getByLabelText(/Referred by/i)).toBeInTheDocument();
-    expect(screen.getByText(/Special Option A/i)).toBeInTheDocument();
-    expect(screen.getByText(/Special Option B/i)).toBeInTheDocument();
-    expect(screen.queryByText(/Option 1/i)).not.toBeInTheDocument();
-    expect(screen.queryByText(/Option 2/i)).not.toBeInTheDocument();
-  });
-});