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();
+ });
});