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

package/src/patient-registration/field/address/tests/address-hierarchy.test.tsx

@@ -1,214 +0,0 @@
-import React from 'react';
-import { cleanup, render, screen } from '@testing-library/react';
-import { AddressComponent } from '../address-field.component';
-import { Formik, Form } from 'formik';
-import { type Resources, ResourcesContext } from '../../../../offline.resources';
-import { PatientRegistrationContext } from '../../../patient-registration-context';
-import { useConfig } from '@openmrs/esm-framework';
-import { useOrderedAddressHierarchyLevels } from '../address-hierarchy.resource';
-import { mockedAddressTemplate, mockedOrderedFields } from '__mocks__';
-
-// Mocking the AddressSearchComponent
-jest.mock('../address-search.component', () => jest.fn(() => <div data-testid="address-search-bar" />));
-// Mocking the AddressHierarchyLevels
-jest.mock('../address-hierarchy-levels.component', () => jest.fn(() => <div data-testid="address-hierarchy-levels" />));
-// Mocking the SkeletonText
-jest.mock('@carbon/react', () => ({
-  ...jest.requireActual('@carbon/react'),
-  SkeletonText: jest.fn(() => <div data-testid="skeleton-text" />),
-  InlineNotification: jest.fn(() => <div data-testid="inline-notification" />),
-}));
-
-jest.mock('@openmrs/esm-framework', () => ({
-  ...jest.requireActual('@openmrs/esm-framework'),
-  useConfig: jest.fn(),
-}));
-
-jest.mock('../address-hierarchy.resource', () => ({
-  ...(jest.requireActual('../address-hierarchy.resource') as jest.Mock),
-  useOrderedAddressHierarchyLevels: jest.fn(),
-}));
-
-async function renderAddressHierarchy(addressTemplate = mockedAddressTemplate) {
-  await render(
-    <ResourcesContext.Provider value={{ addressTemplate } as unknown as Resources}>
-      <Formik initialValues={{}} onSubmit={null}>
-        <Form>
-          <PatientRegistrationContext.Provider value={{ setFieldValue: jest.fn() } as any}>
-            <AddressComponent />
-          </PatientRegistrationContext.Provider>
-        </Form>
-      </Formik>
-    </ResourcesContext.Provider>,
-  );
-}
-
-describe('Testing address hierarchy', () => {
-  beforeEach(cleanup);
-
-  it('should render skeleton when address template is loading', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: false,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    // @ts-ignore
-    renderAddressHierarchy(null);
-    const skeletonText = screen.getByTestId('skeleton-text');
-    expect(skeletonText).toBeInTheDocument();
-  });
-
-  it('should render skeleton when address hierarchy is enabled and addresshierarchy order is loading', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: true,
-      errorFetchingFieldOrder: null,
-    }));
-    renderAddressHierarchy();
-    const skeletonText = screen.getByTestId('skeleton-text');
-    expect(skeletonText).toBeInTheDocument();
-  });
-
-  it('should render skeleton when address hierarchy is enabled and addresshierarchy order is loading', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: true,
-    }));
-    renderAddressHierarchy();
-    const inlineNotification = screen.getByTestId('inline-notification');
-    expect(inlineNotification).toBeInTheDocument();
-  });
-
-  it('should render the address component with address hierarchy disabled', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: false,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    renderAddressHierarchy();
-    const allFields = mockedAddressTemplate.lines.flat().filter(({ isToken }) => isToken === 'IS_ADDR_TOKEN');
-    allFields.forEach((field) => {
-      const textFieldInput = screen.getByLabelText(`${field.displayText} (optional)`);
-      expect(textFieldInput).toBeInTheDocument();
-    });
-  });
-
-  it('should render the fields in order if the address hierarcy is enabled', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: false,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    renderAddressHierarchy();
-    const allFields = mockedAddressTemplate.lines.flat().filter(({ isToken }) => isToken === 'IS_ADDR_TOKEN');
-    const orderMap = Object.fromEntries(mockedOrderedFields.map((field, indx) => [field, indx]));
-    allFields.sort(
-      (existingField1, existingField2) =>
-        orderMap[existingField1.codeName ?? 0] - orderMap[existingField2.codeName ?? 0],
-    );
-    allFields.forEach((field) => {
-      const textFieldInput = screen.getByLabelText(`${field.displayText} (optional)`);
-      expect(textFieldInput).toBeInTheDocument();
-    });
-  });
-
-  it('should render quick search bar on above the fields when address hierarchy is enabled and quicksearch is set to true', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: true,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    renderAddressHierarchy();
-    const addressSearchBar = screen.getByTestId('address-search-bar');
-    expect(addressSearchBar).toBeInTheDocument();
-  });
-
-  it('should render combo boxes fields when address hierarchy is enabled and searchAddressByLevel is set to true', () => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: false,
-            searchAddressByLevel: true,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: [],
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    renderAddressHierarchy();
-    const addressHierarchyLevels = screen.getByTestId('address-hierarchy-levels');
-    expect(addressHierarchyLevels).toBeInTheDocument();
-  });
-});

package/src/patient-registration/field/address/tests/address-search-component.test.tsx

@@ -1,135 +0,0 @@
-import React from 'react';
-import userEvent from '@testing-library/user-event';
-import { render, screen } from '@testing-library/react';
-import { Formik, Form, useFormikContext } from 'formik';
-import { type Resources, ResourcesContext } from '../../../../offline.resources';
-import { PatientRegistrationContext } from '../../../patient-registration-context';
-import { useConfig } from '@openmrs/esm-framework';
-import { useAddressHierarchy, useOrderedAddressHierarchyLevels } from '../address-hierarchy.resource';
-import { mockedAddressTemplate, mockedAddressOptions, mockedOrderedFields } from '__mocks__';
-import AddressSearchComponent from '../address-search.component';
-
-useAddressHierarchy;
-jest.mock('@openmrs/esm-framework', () => ({
-  ...jest.requireActual('@openmrs/esm-framework'),
-  useConfig: jest.fn(),
-}));
-
-jest.mock('../address-hierarchy.resource', () => ({
-  ...(jest.requireActual('../address-hierarchy.resource') as jest.Mock),
-  useOrderedAddressHierarchyLevels: jest.fn(),
-  useAddressHierarchy: jest.fn(),
-}));
-
-jest.mock('../../../patient-registration.resource', () => ({
-  ...(jest.requireActual('../../../../patient-registration.resource') as jest.Mock),
-  useAddressHierarchy: jest.fn(),
-}));
-
-jest.mock('formik', () => ({
-  ...(jest.requireActual('formik') as jest.Mock),
-  useFormikContext: jest.fn(() => ({})),
-}));
-
-const allFields = mockedAddressTemplate.lines
-  .flat()
-  .filter((field) => field.isToken === 'IS_ADDR_TOKEN')
-  .map(({ codeName, displayText }) => ({
-    id: codeName,
-    name: codeName,
-    label: displayText,
-  }));
-const orderMap = Object.fromEntries(mockedOrderedFields.map((field, indx) => [field, indx]));
-allFields.sort((existingField1, existingField2) => orderMap[existingField1.name] - orderMap[existingField2.name]);
-
-async function renderAddressHierarchy(addressTemplate = mockedAddressTemplate) {
-  await render(
-    <ResourcesContext.Provider value={{ addressTemplate } as Resources}>
-      <Formik initialValues={{}} onSubmit={null}>
-        <Form>
-          <PatientRegistrationContext.Provider value={{ setFieldValue: jest.fn() } as any}>
-            <AddressSearchComponent addressLayout={allFields} />
-          </PatientRegistrationContext.Provider>
-        </Form>
-      </Formik>
-    </ResourcesContext.Provider>,
-  );
-}
-
-const setFieldValue = jest.fn();
-
-describe('Testing address search bar', () => {
-  beforeEach(() => {
-    (useConfig as jest.Mock).mockImplementation(() => ({
-      fieldConfigurations: {
-        address: {
-          useAddressHierarchy: {
-            enabled: true,
-            useQuickSearch: true,
-            searchAddressByLevel: false,
-          },
-        },
-      },
-    }));
-    (useOrderedAddressHierarchyLevels as jest.Mock).mockImplementation(() => ({
-      orderedFields: mockedOrderedFields,
-      isLoadingFieldOrder: false,
-      errorFetchingFieldOrder: null,
-    }));
-    (useFormikContext as jest.Mock).mockImplementation(() => ({
-      setFieldValue,
-    }));
-  });
-
-  it('should render the search bar', () => {
-    (useAddressHierarchy as jest.Mock).mockImplementation(() => ({
-      addresses: [],
-      error: null,
-      isLoading: false,
-    }));
-
-    renderAddressHierarchy();
-
-    const searchbox = screen.getByRole('searchbox');
-    expect(searchbox).toBeInTheDocument();
-
-    const ul = screen.queryByRole('list');
-    expect(ul).not.toBeInTheDocument();
-  });
-
-  it("should render only the results for the search term matched address' parents", async () => {
-    const user = userEvent.setup();
-
-    (useAddressHierarchy as jest.Mock).mockImplementation(() => ({
-      addresses: mockedAddressOptions,
-      error: null,
-      isLoading: false,
-    }));
-
-    renderAddressHierarchy();
-
-    const searchString = 'nea';
-    const separator = ' > ';
-    const options: Set<string> = new Set();
-
-    mockedAddressOptions.forEach((address) => {
-      const values = address.split(separator);
-      values.forEach((val, index) => {
-        if (val.toLowerCase().includes(searchString.toLowerCase())) {
-          options.add(values.slice(0, index + 1).join(separator));
-        }
-      });
-    });
-
-    const addressOptions = [...options];
-    addressOptions.forEach(async (address) => {
-      const optionElement = screen.getByText(address);
-      expect(optionElement).toBeInTheDocument();
-      await user.click(optionElement);
-      const values = address.split(separator);
-      allFields.map(({ name }, index) => {
-        expect(setFieldValue).toHaveBeenCalledWith(`address.${name}`, values?.[index]);
-      });
-    });
-  });
-});

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

@@ -1,75 +0,0 @@
-import React from 'react';
-import { Formik, Form } from 'formik';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { DobField } from './dob.component';
-import { PatientRegistrationContext } from '../../patient-registration-context';
-import { initialFormValues } from '../../patient-registration.component';
-import { type FormValues } from '../../patient-registration.types';
-
-jest.mock('@openmrs/esm-framework', () => {
-  const originalModule = jest.requireActual('@openmrs/esm-framework');
-  return {
-    ...originalModule,
-    useConfig: jest.fn().mockImplementation(() => ({
-      fieldConfigurations: {
-        dateOfBirth: {
-          allowEstimatedDateOfBirth: true,
-          useEstimatedDateOfBirth: { enabled: true, dayOfMonth: 0, month: 0 },
-        },
-      },
-    })),
-  };
-});
-
-describe('Dob', () => {
-  it('renders the fields in the birth section of the registration form', async () => {
-    renderDob();
-
-    expect(screen.getByRole('heading', { name: /birth/i })).toBeInTheDocument();
-    expect(screen.getByText(/date of birth known?/i)).toBeInTheDocument();
-    expect(screen.getByRole('tab', { name: /no/i })).toBeInTheDocument();
-    expect(screen.getByRole('tab', { name: /yes/i })).toBeInTheDocument();
-    expect(screen.getByRole('tab', { name: /yes/i })).toHaveAttribute('aria-selected', 'true');
-    expect(screen.getByRole('tab', { name: /no/i })).toHaveAttribute('aria-selected', 'false');
-    expect(screen.getByRole('textbox', { name: /date of birth/i })).toBeInTheDocument();
-  });
-
-  it('typing in the date picker input sets the date of birth', async () => {
-    const user = userEvent.setup();
-
-    renderDob();
-
-    const dateInput = screen.getByRole('textbox', { name: /date of birth/i });
-    expect(dateInput).toBeInTheDocument();
-
-    await user.type(dateInput, '10/10/2022');
-
-    expect(screen.getByPlaceholderText('dd/mm/YYYY')).toHaveValue('10/10/2022');
-  });
-});
-
-function renderDob() {
-  let formValues: FormValues = initialFormValues;
-
-  render(
-    <Formik initialValues={{ birthdate: '' }} onSubmit={() => {}}>
-      <Form>
-        <PatientRegistrationContext.Provider
-          value={{
-            identifierTypes: [],
-            values: formValues,
-            validationSchema: null,
-            inEditMode: false,
-            setFieldValue: () => {},
-            setCapturePhotoProps: (value) => {},
-            currentPhoto: '',
-            isOffline: false,
-            initialFormValues: formValues,
-          }}>
-          <DobField />
-        </PatientRegistrationContext.Provider>
-      </Form>
-    </Formik>,
-  );
-}