[PRMP-859] Refactor upload to use doc config (other doc types)

Author: adamwhitingnhs

app/cypress/e2e/0-ndr-core-tests/auth_routes/auth_gp_clinical_path_access.cy.js

@@ -48,4 +48,4 @@ describe('GP Clinical user role has access to the expected GP_CLINICAL workflow
             cy.url().should('eq', baseUrl + lloydGeorgeViewUrl);
         });
     });
-});
+});

app/package-lock.json

@@ -28,6 +28,7 @@
         "@testing-library/react": "16.3.0",
         "@testing-library/user-event": "14.6.1",
         "@vitejs/plugin-react-swc": "^4.2.2",
+        "@zip.js/zip.js": "^2.8.11",
         "aws-rum-web": "^1.25.0",
         "axios": "^1.13.2",
         "dotenv": "^17.2.3",
@@ -79,8 +80,8 @@
         "@types/uuid": "^11.0.0",
         "@types/validator": "^13.15.10",
         "@vitest/coverage-v8": "^4.0.13",
-        "@vitest/ui": "^4.0.13",
         "@vitest/spy": "^4.0.13",
+        "@vitest/ui": "^4.0.13",
         "babel-plugin-named-exports-order": "^0.0.2",
         "cypress": "^15.7.0",
         "cypress-real-events": "^1.15.0",

app/package.json

@@ -7,9 +7,9 @@ import {
 } from '../../../../types/pages/UploadDocumentsPage/types';
 import { MemoryRouter } from 'react-router-dom';
 import { fileUploadErrorMessages } from '../../../../helpers/utils/fileUploadErrorMessages';
-import { buildLgFile } from '../../../../helpers/test/testBuilders';
+import { buildDocumentConfig, buildLgFile } from '../../../../helpers/test/testBuilders';
 import { Mock } from 'vitest';
-import { DOCUMENT_TYPE } from '../../../../helpers/utils/documentType';
+import { DOCUMENT_TYPE, DOCUMENT_TYPE_CONFIG } from '../../../../helpers/utils/documentType';
 
 const mockNavigate = vi.fn();
 const mockSetDocuments = vi.fn();
@@ -44,17 +44,21 @@ vi.mock('../documentUploadLloydGeorgePreview/DocumentUploadLloydGeorgePreview',
         }
         return (
             <div data-testid="lloyd-george-preview">
-                Lloyd George Preview for {documents.length} documents
+                <h2>{docConfig.content.previewUploadTitle}</h2>
+                <p>Previewing: {documents[0]?.file.name}</p>
             </div>
         );
     },
 }));
 
+let docConfig: DOCUMENT_TYPE_CONFIG;
+
 describe('DocumentSelectOrderStage', () => {
     let documents: UploadDocument[] = [];
 
     beforeEach(() => {
         import.meta.env.VITE_ENVIRONMENT = 'vitest';
+        docConfig = buildDocumentConfig();
         documents = [
             {
                 docType: DOCUMENT_TYPE.LLOYD_GEORGE,
@@ -128,7 +132,9 @@ describe('DocumentSelectOrderStage', () => {
             renderSut(documents);
 
             await waitFor(() => {
-                expect(screen.getByText('Preview this Lloyd George record')).toBeInTheDocument();
+                expect(
+                    screen.getByText(docConfig.content.previewUploadTitle as string),
+                ).toBeInTheDocument();
                 expect(screen.getByTestId('lloyd-george-preview')).toBeInTheDocument();
             });
         });
@@ -476,7 +482,46 @@ describe('DocumentSelectOrderStage', () => {
 
             await waitFor(() => {
                 expect(
-                    screen.getByText('Lloyd George Preview for 2 documents'),
+                    screen.getByText(docConfig.content.previewUploadTitle as string),
+                ).toBeInTheDocument();
+            });
+        });
+
+        it('loads currently selected document into PDF viewer', async () => {
+            docConfig = buildDocumentConfig({
+                stitched: false,
+                snomedCode: DOCUMENT_TYPE.EHR_ATTACHMENTS,
+            });
+
+            const multipleDocuments = [
+                {
+                    docType: DOCUMENT_TYPE.EHR_ATTACHMENTS,
+                    id: '1',
+                    file: buildLgFile(1),
+                    attempts: 0,
+                    state: DOCUMENT_UPLOAD_STATE.SELECTED,
+                    numPages: 5,
+                    position: 1,
+                },
+                {
+                    docType: DOCUMENT_TYPE.EHR_ATTACHMENTS,
+                    id: '2',
+                    file: buildLgFile(2),
+                    attempts: 0,
+                    state: DOCUMENT_UPLOAD_STATE.SELECTED,
+                    numPages: 3,
+                    position: 2,
+                },
+            ];
+
+            renderSut(multipleDocuments);
+
+            await waitFor(() => {
+                expect(
+                    screen.getByText(docConfig.content.previewUploadTitle as string),
+                ).toBeInTheDocument();
+                expect(
+                    screen.getByText(`Previewing: ${multipleDocuments[0].file.name}`),
                 ).toBeInTheDocument();
             });
         });
@@ -544,7 +589,7 @@ describe('DocumentSelectOrderStage', () => {
 
             expect(
                 screen.getByText(
-                    "When you upload your files, they will be added to the end of the patient's existing Lloyd George record.",
+                    `When you upload your files, they will be added to the end of the patient's existing ${docConfig.displayName}.`,
                 ),
             ).toBeInTheDocument();
             expect(
@@ -562,7 +607,7 @@ describe('DocumentSelectOrderStage', () => {
 
             expect(
                 screen.getByText(
-                    "When you upload your files, they will be added to the end of the patient's existing Lloyd George record.",
+                    `When you upload your files, they will be added to the end of the patient's existing ${docConfig.displayName}.`,
                 ),
             ).toBeInTheDocument();
 
@@ -593,7 +638,7 @@ describe('DocumentSelectOrderStage', () => {
 
             renderSutWithExistingDocs(documents, existingDocs);
 
-            expect(screen.getByText('Existing Lloyd George record')).toBeInTheDocument();
+            expect(screen.getByText(`Existing ${docConfig.displayName}`)).toBeInTheDocument();
         });
 
         it('existing Lloyd George record has position 1 and cannot be repositioned or removed', () => {
@@ -613,7 +658,7 @@ describe('DocumentSelectOrderStage', () => {
 
             const rows = screen.getAllByRole('row');
             const existingRow = rows.find((row) =>
-                row.textContent?.includes('Existing Lloyd George record'),
+                row.textContent?.includes(`Existing ${docConfig.displayName}`),
             );
 
             expect(existingRow).toBeInTheDocument();
@@ -817,6 +862,7 @@ function renderSutWithExistingDocs(
                 setDocuments={mockSetDocuments}
                 setMergedPdfBlob={mockSetMergedPdfBlob}
                 existingDocuments={existingDocuments}
+                documentConfig={docConfig}
             />
         </MemoryRouter>,
     );
@@ -830,6 +876,7 @@ function renderSut(documents: UploadDocument[]): void {
                 setDocuments={mockSetDocuments}
                 setMergedPdfBlob={mockSetMergedPdfBlob}
                 existingDocuments={[]}
+                documentConfig={docConfig}
             />
         </MemoryRouter>,
     );