diff --git a/app/javascript/packages/document-capture/components/documents-step.tsx b/app/javascript/packages/document-capture/components/documents-step.tsx index 269935ba754..6b2f052eb84 100644 --- a/app/javascript/packages/document-capture/components/documents-step.tsx +++ b/app/javascript/packages/document-capture/components/documents-step.tsx @@ -50,7 +50,14 @@ export function DocumentsCaptureStep({ export function DocumentCaptureSubheaderOne() { const { t } = useI18n(); - return

{t('doc_auth.headings.document_capture')}

; + const { idType } = useContext(UploadContext); + const idIsPassport = idType === 'passport'; + + const heading = idIsPassport + ? t('doc_auth.headings.passport_capture') + : t('doc_auth.headings.document_capture'); + + return

{heading}

; } export default function DocumentsStep({ diff --git a/spec/javascript/packages/document-capture/components/documents-step-spec.tsx b/spec/javascript/packages/document-capture/components/documents-step-spec.tsx index f92fb9124ab..987d1700da0 100644 --- a/spec/javascript/packages/document-capture/components/documents-step-spec.tsx +++ b/spec/javascript/packages/document-capture/components/documents-step-spec.tsx @@ -174,4 +174,27 @@ describe('document-capture/components/documents-step', () => { expect(back).to.be.ok(); expect(pageHeader).to.be.ok(); }); + + it('renders passport heading when idType is passport', () => { + const { getByRole } = render( + + undefined} + errors={[]} + onError={() => undefined} + registerField={() => undefined} + unknownFieldErrors={[]} + toPreviousStep={() => undefined} + /> + , + ); + + const pageHeader = getByRole('heading', { + name: 'doc_auth.headings.passport_capture', + level: 1, + }); + + expect(pageHeader).to.be.ok(); + }); });