Skip to content

CCM-8353 Digital proofing preview banner#839

Open
nicki-nhs wants to merge 4 commits intomainfrom
feature/CCM-8353-digital-proofing-message
Open

CCM-8353 Digital proofing preview banner#839
nicki-nhs wants to merge 4 commits intomainfrom
feature/CCM-8353-digital-proofing-message

Conversation

@nicki-nhs
Copy link
Contributor

Description

Adds digital proofing "test message" banner and "Send test message" button to digital template preview pages

image

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.

@nicki-nhs nicki-nhs requested review from a team as code owners February 16, 2026 11:57
templateStatus: 'NOT_YET_SUBMITTED',
});

const button = screen.getByTestId('send-test-message-button');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nitpicky: you should be able to get this button by accessible role / name. I've seen recently that that's the more idiomatic way where possible, rather than using test ids - https://testing-library.com/docs/queries/about/#priority

@@ -0,0 +1,40 @@
'use client';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does this need a be a different component? It's only used once and you're sort of retesting it in the frontend/src/__tests__/components/organisms/PreviewDigitalTemplate.test.tsx

Also, the padding looks a little off from the image on Jira. I can't find this design in the prototype to confirm.

I've previously made src/components/atoms/NHSNotifyWarningCallout/NHSNotifyWarningCallout.tsx, which is used in a few places for this more custom warning callout without the heading. I don't know if that'd do a job here?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants