Test updates

source/frontend/src/features/mapSideBar/compensation/detail/CompensationRequisitionDetailContainer.test.tsx

@@ -1,68 +1,68 @@
+import { useGenerateH120 } from '@/features/mapSideBar/acquisition/common/GenerateForm/hooks/useGenerateH120';
 import { useApiContacts } from '@/hooks/pims-api/useApiContacts';
-import {
-  mockAcquisitionFileResponse,
-  mockApiAcquisitionFileTeamOrganization,
-  mockApiAcquisitionFileTeamPerson,
-} from '@/mocks/acquisitionFiles.mock';
+import { useCompensationRequisitionRepository } from '@/hooks/repositories/useRequisitionCompensationRepository';
+import { mockAcquisitionFileResponse } from '@/mocks/acquisitionFiles.mock';
 import {
   getMockApiDefaultCompensation,
   getMockCompensationPropertiesReq,
 } from '@/mocks/compensations.mock';
-import { getEmptyPerson } from '@/mocks/contacts.mock';
-import { emptyApiInterestHolder } from '@/mocks/interestHolder.mock';
-import { getEmptyOrganization, getMockOrganization } from '@/mocks/organization.mock';
-import { ApiGen_Concepts_InterestHolder } from '@/models/api/generated/ApiGen_Concepts_InterestHolder';
+import { getMockOrganization } from '@/mocks/organization.mock';
+import { ApiGen_CodeTypes_FileTypes } from '@/models/api/generated/ApiGen_CodeTypes_FileTypes';
 import { ApiGen_Concepts_Person } from '@/models/api/generated/ApiGen_Concepts_Person';
-import { getMockRepositoryObj, render, RenderOptions, waitForEffects } from '@/utils/test-utils';
+import {
+  act,
+  getMockRepositoryObj,
+  render,
+  RenderOptions,
+  waitForEffects,
+} from '@/utils/test-utils';
 
 import {
   CompensationRequisitionDetailContainer,
   CompensationRequisitionDetailContainerProps,
 } from './CompensationRequisitionDetailContainer';
 import { CompensationRequisitionDetailViewProps } from './CompensationRequisitionDetailView';
-import { ApiGen_CodeTypes_FileTypes } from '@/models/api/generated/ApiGen_CodeTypes_FileTypes';
 
 vi.mock('@/hooks/pims-api/useApiContacts');
 vi.mock('@/hooks/repositories/useRequisitionCompensationRepository');
+vi.mock('@/features/mapSideBar/acquisition/common/GenerateForm/hooks/useGenerateH120');
 
 const getPersonConceptFn = vi.fn();
 const getOrganizationConceptFn = vi.fn();
 const setEditMode = vi.fn();
+const onGenerate = vi.fn();
 
 const mockGetCompReqPropertiesApi = getMockRepositoryObj();
-const mockPutCompReqPropertiesApi = getMockRepositoryObj();
+const mockGetCompReqPayeesApi = getMockRepositoryObj([]);
 
-vi.mock('@/hooks/repositories/useRequisitionCompensationRepository', () => ({
-  useCompensationRequisitionRepository: () => {
-    return {
-      getCompensationRequisitionProperties: mockGetCompReqPropertiesApi,
-      getCompensationRequisitionPayees: mockGetCompReqPropertiesApi,
-    };
-  },
-}));
-
-vi.mocked(useApiContacts).mockImplementation(
-  () =>
-    ({
-      getPersonConcept: getPersonConceptFn,
-      getOrganizationConcept: getOrganizationConceptFn,
-    } as unknown as ReturnType<typeof useApiContacts>),
-);
-
-let viewProps: CompensationRequisitionDetailViewProps;
-const CompensationViewComponent = (props: CompensationRequisitionDetailViewProps) => {
+vi.mocked(useCompensationRequisitionRepository, { partial: true }).mockReturnValue({
+  getCompensationRequisitionProperties: mockGetCompReqPropertiesApi,
+  getCompensationRequisitionPayees: mockGetCompReqPayeesApi,
+});
+
+vi.mocked(useApiContacts, { partial: true }).mockReturnValue({
+  getPersonConcept: getPersonConceptFn,
+  getOrganizationConcept: getOrganizationConceptFn,
+});
+
+vi.mocked(useGenerateH120).mockReturnValue(onGenerate);
+
+let viewProps: CompensationRequisitionDetailViewProps | undefined;
+
+const TestView = (props: CompensationRequisitionDetailViewProps) => {
   viewProps = props;
-  return <></>;
+  return <>Content Rendered</>;
 };
 
 describe('Compensation Detail View container', () => {
-  const setup = (
-    renderOptions: RenderOptions & { props?: Partial<CompensationRequisitionDetailContainerProps> },
+  const setup = async (
+    renderOptions: RenderOptions & {
+      props?: Partial<CompensationRequisitionDetailContainerProps>;
+    } = {},
   ) => {
     const utils = render(
       <CompensationRequisitionDetailContainer
-        View={CompensationViewComponent}
-        {...renderOptions.props}
+        View={TestView}
         loading={renderOptions.props?.loading ?? false}
         setEditMode={setEditMode}
         compensation={renderOptions.props?.compensation ?? getMockApiDefaultCompensation()}
@@ -76,12 +76,17 @@ describe('Compensation Detail View container', () => {
       },
     );
 
+    // wait for useEffect to complete
+    await waitForEffects();
+
     return {
       ...utils,
     };
   };
 
   beforeEach(() => {
+    viewProps = undefined;
+
     getPersonConceptFn.mockResolvedValue({
       data: {
         id: 1,
@@ -101,18 +106,34 @@ describe('Compensation Detail View container', () => {
     vi.clearAllMocks();
   });
 
+  it('renders the underlying form', async () => {
+    const { getByText } = await setup();
+
+    expect(getByText(/Content Rendered/)).toBeVisible();
+    expect(viewProps.fileType).toBe(ApiGen_CodeTypes_FileTypes.Acquisition);
+    expect(viewProps.clientConstant).toBe('034');
+    expect(viewProps.compensationPayees).toEqual([]);
+  });
+
   it('makes request to get the properties selected for the compensation requisition', async () => {
-    const teamPerson = mockApiAcquisitionFileTeamPerson();
-    setup({
-      props: {
-        compensation: {
-          ...getMockApiDefaultCompensation(),
-        },
-      },
-    });
+    await setup({ props: { compensation: getMockApiDefaultCompensation() } });
 
-    await waitForEffects();
+    expect(mockGetCompReqPropertiesApi.execute).toHaveBeenCalledWith(
+      ApiGen_CodeTypes_FileTypes.Acquisition,
+      1,
+    );
+  });
+
+  it('makes request to get the payees for the compensation requisition', async () => {
+    await setup({ props: { compensation: getMockApiDefaultCompensation() } });
+
+    expect(mockGetCompReqPayeesApi.execute).toHaveBeenCalledWith(1);
+  });
+
+  it('calls onGenerate when generation button is clicked', async () => {
+    await setup({ props: { compensation: getMockApiDefaultCompensation() } });
 
-    expect(mockGetCompReqPropertiesApi.execute).toHaveBeenCalled();
+    await act(async () => viewProps.onGenerate(viewProps.fileType, viewProps.compensation));
+    expect(onGenerate).toHaveBeenCalled();
   });
 });

source/frontend/src/features/mapSideBar/compensation/detail/CompensationRequisitionDetailContainer.tsx

@@ -25,11 +25,11 @@ export interface CompensationRequisitionDetailContainerProps {
   clientConstant: string;
   loading: boolean;
   setEditMode: (editMode: boolean) => void;
-  View: React.FunctionComponent<React.PropsWithChildren<CompensationRequisitionDetailViewProps>>;
+  View: React.FunctionComponent<CompensationRequisitionDetailViewProps>;
 }
 
 export const CompensationRequisitionDetailContainer: React.FunctionComponent<
-  React.PropsWithChildren<CompensationRequisitionDetailContainerProps>
+  CompensationRequisitionDetailContainerProps
 > = ({ compensation, setEditMode, View, clientConstant, fileType, file, loading }) => {
   const onGenerate = useGenerateH120();
   const [compensationLeaseStakeHolders, setCompensationLeaseStakeHolders] = useState<

source/frontend/src/features/mapSideBar/compensation/detail/CompensationRequisitionDetailView.test.tsx

@@ -2,16 +2,28 @@ import { createMemoryHistory } from 'history';
 
 import Claims from '@/constants/claims';
 import { Roles } from '@/constants/index';
-import { mockAcquisitionFileResponse } from '@/mocks/acquisitionFiles.mock';
+import {
+  getMockApiAcquisitionFileOwnerOrganization,
+  getMockApiAcquisitionFileOwnerPerson,
+  mockAcquisitionFileResponse,
+  mockApiAcquisitionFileTeamOrganization,
+  mockApiAcquisitionFileTeamPerson,
+} from '@/mocks/acquisitionFiles.mock';
 import {
   emptyCompensationFinancial,
   getMockApiCompensationWithProperty,
   getMockApiDefaultCompensation,
   getMockCompensationPropertiesReq,
+  getMockCompReqPayee,
 } from '@/mocks/compensations.mock';
+import {
+  getMockApiInterestHolderOrganization,
+  getMockApiInterestHolderPerson,
+} from '@/mocks/interestHolders.mock';
 import { ApiGen_CodeTypes_AcquisitionStatusTypes } from '@/models/api/generated/ApiGen_CodeTypes_AcquisitionStatusTypes';
 import { ApiGen_CodeTypes_FileTypes } from '@/models/api/generated/ApiGen_CodeTypes_FileTypes';
 import { ApiGen_Concepts_CompensationRequisition } from '@/models/api/generated/ApiGen_Concepts_CompensationRequisition';
+import { ApiGen_Concepts_CompReqPayee } from '@/models/api/generated/ApiGen_Concepts_CompReqPayee';
 import { toTypeCodeNullable } from '@/utils/formUtils';
 import { act, render, RenderOptions, userEvent, waitForEffects } from '@/utils/test-utils';
 
@@ -42,7 +54,7 @@ describe('Compensation Detail View Component', () => {
         clientConstant={renderOptions.props?.clientConstant ?? '034'}
         onGenerate={onGenerate}
         compensationLeaseStakeHolders={[]}
-        compensationPayees={[]}
+        compensationPayees={renderOptions?.props?.compensationPayees ?? []}
       />,
       {
         ...renderOptions,
@@ -224,7 +236,7 @@ describe('Compensation Detail View Component', () => {
     expect(compensationFinalizedDate).toHaveTextContent('Jun 12, 2024');
   });
 
-  it('Displays the Product information', async () => {
+  it('displays the Product information', async () => {
     const mockCompensation = getMockApiDefaultCompensation();
     const { queryByTestId } = await setup({
       claims: [Claims.COMPENSATION_REQUISITION_VIEW],
@@ -236,6 +248,108 @@ describe('Compensation Detail View Component', () => {
     expect(queryByTestId('file-product')).toHaveTextContent('00048');
   });
 
+  it.each([
+    [
+      'OWNERS',
+      [
+        {
+          ...getMockCompReqPayee(1),
+          compensationRequisitionId: 11,
+          acquisitionOwner: getMockApiAcquisitionFileOwnerPerson(),
+        },
+        {
+          ...getMockCompReqPayee(2),
+          compensationRequisitionId: 11,
+          acquisitionOwner: getMockApiAcquisitionFileOwnerOrganization(),
+        },
+      ],
+      ['JOHH DOE', 'FORTIS BC'],
+    ],
+    [
+      'INTEREST HOLDERS',
+      [
+        {
+          ...getMockCompReqPayee(1),
+          compensationRequisitionId: 11,
+          interestHolderId: 14,
+          interestHolder: getMockApiInterestHolderPerson(14),
+        },
+        {
+          ...getMockCompReqPayee(2),
+          interestHolderId: 15,
+          interestHolder: getMockApiInterestHolderOrganization(15),
+        },
+      ],
+      ['Chester Tester', 'FORTIS BC'],
+    ],
+    [
+      'ACQUITISION TEAM',
+      [
+        {
+          ...getMockCompReqPayee(1),
+          acquisitionFileTeamId: 11,
+          acquisitionFileTeam: mockApiAcquisitionFileTeamPerson(11),
+        },
+        {
+          ...getMockCompReqPayee(2),
+          acquisitionFileTeamId: 12,
+          acquisitionFileTeam: mockApiAcquisitionFileTeamOrganization(12),
+        },
+      ],
+      ['first last', 'ABC Inc'],
+    ],
+  ])(
+    'displays the compensation payees - for %s',
+    async (_: string, compReqPayees: ApiGen_Concepts_CompReqPayee[], expectedValues: string[]) => {
+      const { findByText } = await setup({
+        claims: [Claims.COMPENSATION_REQUISITION_EDIT],
+        props: {
+          compensationPayees: compReqPayees,
+        },
+      });
+
+      for (const expected of expectedValues) {
+        expect(await findByText(new RegExp(expected, 'i'))).toBeVisible();
+      }
+    },
+  );
+
+  it('displays the compensation payees - for LEGACY PAYEE', async () => {
+    const { findByText } = await setup({
+      claims: [Claims.COMPENSATION_REQUISITION_EDIT],
+      props: {
+        compensationPayees: [],
+        compensation: {
+          ...getMockApiDefaultCompensation(),
+          legacyPayee: 'Legacy Test Value',
+        },
+      },
+    });
+
+    expect(await findByText(/Legacy Test Value/i)).toBeVisible();
+  });
+
+  it('displays empty string - for NULL PAYEES', async () => {
+    const { findByTestId } = await setup({
+      claims: [Claims.COMPENSATION_REQUISITION_EDIT],
+      props: {
+        compensationPayees: [
+          {
+            ...getMockCompReqPayee(1),
+            acquisitionFileTeam: null,
+            acquisitionFileTeamId: null,
+            interestHolder: null,
+            interestHolderId: null,
+            acquisitionOwnerId: null,
+            acquisitionOwner: null,
+          },
+        ],
+      },
+    });
+
+    expect(await findByTestId('comp-req-payees')).toHaveTextContent('');
+  });
+
   it('calls onGenerate when generation button is clicked', async () => {
     const { getByTitle } = await setup({});
 

source/frontend/src/features/mapSideBar/compensation/detail/CompensationRequisitionDetailView.tsx

@@ -336,7 +336,7 @@ export const CompensationRequisitionDetailView: React.FunctionComponent<
       </Section>
 
       <Section header="Payment" isCollapsable initiallyExpanded>
-        <SectionField label="Payee(s)" labelWidth="4">
+        <SectionField label="Payee(s)" labelWidth="4" valueTestId="comp-req-payees">
           {payeeDetails.map(payeeDetail => (
             <StyledPayeeDisplayName key={`compensations-payee-${payeeDetail.compReqPayeeId}`}>
               {payeeDetail?.contactEnabled && payeeDetail?.contactString && (

source/frontend/src/features/mapSideBar/compensation/detail/__snapshots__/CompensationRequisitionDetailView.test.tsx.snap

@@ -914,6 +914,7 @@ exports[`Compensation Detail View Component > renders as expected 1`] = `
           </div>
           <div
             class="c10 text-left col"
+            data-testid="comp-req-payees"
           />
         </div>
         <div