CCM-15018: How to request a digital proof by bhansell1 · Pull Request #879 · NHSDigital/nhs-notify-web-template-management

bhansell1 · 2026-03-16T17:08:12Z

Description

adds a banner to direct users on how to request a proof for a digital template
adds a new page explaining how to request a proof
shows request proof banner when digitalProofing is off
shows send a test message banner when digitalProofing is on
shows banner (digiproofing or request a proof) on; preview-submitted-template, preview-template, /message-plans/preview-template

Context

Type of changes

Refactoring (non-breaking change)
New feature (non-breaking change which adds functionality)
Breaking change (fix or feature that would change existing functionality)
Bug fix (non-breaking change which fixes an issue)

Checklist

I am familiar with the contributing guidelines
I have followed the code style of the project
I have added tests to cover my changes
I have updated the documentation accordingly
This PR is a result of pair or mob programming
If I have used the 'skip-trivy-package' label I have done so responsibly and in the knowledge that this is being fixed as part of a separate ticket/PR.

Sensitive Information Declaration

To ensure the utmost confidentiality and protect your and others privacy, we kindly ask you to NOT including PII (Personal Identifiable Information) / PID (Personal Identifiable Data) or any other sensitive data in this PR (Pull Request) and the codebase changes. We will remove any PR that do contain any sensitive information. We really appreciate your cooperation in this matter.

I confirm that neither PII/PID nor sensitive data are included in this PR and the codebase changes.

frontend/src/app/request-a-proof/[templateId]/page.tsx

…emplate-management into feature/CCM-15018-request-proof-link

frontend/src/content/content.ts

...test-team/template-mgmt-component-tests/sms/template-mgmt-preview-sms-page.component.spec.ts

tests/test-team/pages/template-mgmt-preview-base-page.ts

frontend/src/content/content.ts

nicki-nhs · 2026-03-19T17:50:25Z

frontend/src/content/content.ts

@@ -1218,6 +1290,13 @@ const previewDigitalTemplate = {
    EMAIL:
      'This is only a basic preview. [Send a test email](/templates/send-test-email/{{templateId}}) to preview this message properly.',


if you go with what I suggest in the pw tests about having separate locators for each banner, you could override the testid like we've done elsewhere in here and set it differently for each banner type in content, rather than it being hard-coded in PreviewDigitalTemplate?

Good shout - thank you. I've updated the content to reflect this. I think the content object is a bit more complex but the component is much simplier.

...m/template-mgmt-component-tests/nhs-app/template-mgmt-preview-nhs-app-page.component.spec.ts

...-team/template-mgmt-component-tests/email/template-mgmt-preview-email-page.component.spec.ts

frontend/src/components/organisms/PreviewDigitalTemplate/PreviewDigitalTemplate.tsx

… routing is disabled

frontend/src/__tests__/app/request-a-proof/__snapshots__/page.test.tsx.snap

frontend/src/components/molecules/PreviewTemplateDetails/DigitalTemplateBanner.tsx

frontend/src/components/organisms/PreviewDigitalTemplate/PreviewDigitalTemplate.tsx

frontend/src/content/content.ts

frontend/src/components/organisms/PreviewDigitalTemplate/PreviewMessageBanner.tsx

nicki-nhs · 2026-03-23T16:47:13Z

...sts__/components/forms/PreviewEmailTemplate/__snapshots__/PreviewEmailTemplate.test.tsx.snap

            </div>
          </dl>
        </div>
+        <div


pls can you add another of these for when digital proofing is turned on for email, so we can have a snapshot with the other banner?

nicki-nhs · 2026-03-23T16:47:44Z

...s__/components/forms/PreviewNHSAppTemplate/__snapshots__/PreviewNHSAppTemplate.test.tsx.snap

            </div>
          </dl>
        </div>
+        <div


same here, could you add for app digi proofing on too?

nicki-nhs · 2026-03-23T16:47:57Z

...__tests__/components/forms/PreviewSMSTemplate/__snapshots__/PreviewSMSTemplate.test.tsx.snap

            </div>
          </dl>
        </div>
+        <div


same for sms

frontend/src/__tests__/components/organisms/__snapshots__/PreviewDigitalTemplate.test.tsx.snap

…emplate-management into feature/CCM-15018-request-proof-link

…dless

…reviews

…emplate-management into feature/CCM-15018-request-proof-link

alexnuttall · 2026-04-02T10:44:36Z

frontend/src/content/content.ts

 import type { ContentBlock } from '@molecules/ContentRenderer/ContentRenderer';
 import { getBasePath } from '@utils/get-base-path';
 import { markdownList } from '@utils/markdown-list';
+import { MarkdownToJSX } from 'markdown-to-jsx';


maybe re-export this from the util file, rather importing directly?

bhansell1 added 3 commits March 16, 2026 14:40

CCM-15018: update message-callout content based on feature flags

0a2dd87

CCM-15018: add tests

0fdd300

CCM-15018: add page to accessibility route coverage

274b1d8

bhansell1 marked this pull request as ready for review March 17, 2026 14:00

bhansell1 requested a review from a team as a code owner March 17, 2026 14:00

bhansell1 added 2 commits March 17, 2026 17:10

CCM-15018: add link for approve letter proofs

31a35c2

CCM-15018: content

eca9c8e

alexnuttall reviewed Mar 18, 2026

View reviewed changes

frontend/src/app/request-a-proof/[templateId]/page.tsx Outdated Show resolved Hide resolved

alexnuttall previously approved these changes Mar 18, 2026

View reviewed changes

bhansell1 added 3 commits March 18, 2026 11:55

Merge branch 'main' of https://github.com/NHSDigital/nhs-notify-web-t…

01d0f85

…emplate-management into feature/CCM-15018-request-proof-link

trivvy

554b035

CCM-15018: remove channelSlug

7200475

bhansell1 dismissed alexnuttall’s stale review via 7200475 March 18, 2026 12:08

CCM-15018: lockfile mismatch

9d5947d

alexnuttall previously approved these changes Mar 18, 2026

View reviewed changes

chris-elliott-nhsd previously approved these changes Mar 19, 2026

View reviewed changes