CCM-15562: Add campaignId check to update routing config

frontend/src/__tests__/app/message-plans/choose-british-sign-language-letter-template/__snapshots__/page.test.tsx.snap

@@ -61,7 +61,7 @@ exports[`ChooseBritishSignLanguageLetterTemplate page renders British Sign Langu
                   class="nhsuk-hint nhsuk-u-reading-width"
                   data-testid="table-hint"
                 >
-                  Choose one option
+                  Choose one option. You can only choose templates linked to the same campaign as your message plan.
                 </div>
                 <div
                   class="nhsuk-form-group"
@@ -248,3 +248,86 @@ exports[`ChooseBritishSignLanguageLetterTemplate page renders British Sign Langu
   </div>
 </DocumentFragment>
 `;
+
+exports[`ChooseBritishSignLanguageLetterTemplate page renders the empty state message when there are no templates 1`] = `
+<DocumentFragment>
+  <div
+    class="nhsuk-width-container"
+  >
+    <main
+      class="nhsuk-main-wrapper"
+      id="maincontent"
+      role="main"
+    >
+      <div
+        class="nhsuk-grid-row"
+      >
+        <div
+          class="nhsuk-grid-column-full"
+        >
+          <div
+            class="nhsuk-u-reading-width"
+          >
+            <span
+              class="nhsuk-caption-l"
+            >
+              Autumn Campaign Plan
+            </span>
+            <h1
+              class="nhsuk-heading-xl"
+            >
+              Choose a British Sign Language letter template
+            </h1>
+          </div>
+          <form
+            action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')"
+          >
+            <input
+              name="form-id"
+              readonly=""
+              type="hidden"
+              value="choose-channel-template"
+            />
+            <input
+              name="csrf_token"
+              readonly=""
+              type="hidden"
+              value="no_token"
+            />
+            <input
+              name="lockNumber"
+              readonly=""
+              type="hidden"
+              value="42"
+            />
+            <p
+              data-testid="no-templates-message"
+            >
+              You do not have any British Sign Language letter templates linked to the campaign you chose for this message plan.
+            </p>
+            <div
+              class="nhsuk-form-group"
+              data-testid="channel-template-actions"
+            >
+              <a
+                class="nhsuk-u-font-size-19 nhsuk-body-m fit-content"
+                data-testid="go-to-templates-link"
+                href="/message-templates"
+              >
+                Go to templates
+              </a>
+              <a
+                class="nhsuk-u-font-size-19"
+                data-testid="back-link-bottom"
+                href="/message-plans/edit-message-plan/fbb81055-79b9-4759-ac07-d191ae57be34"
+              >
+                Go back
+              </a>
+            </div>
+          </form>
+        </div>
+      </div>
+    </main>
+  </div>
+</DocumentFragment>
+`;

frontend/src/__tests__/app/message-plans/choose-british-sign-language-letter-template/page.test.tsx

@@ -5,72 +5,16 @@ import { BSL_LETTER_TEMPLATE, ROUTING_CONFIG } from '@testhelpers/helpers';
 import { render } from '@testing-library/react';
 import { getTemplates } from '@utils/form-actions';
 import { getRoutingConfig } from '@utils/message-plans';
-import { redirect } from 'next/navigation';
 
 jest.mock('@utils/message-plans');
 jest.mock('@utils/form-actions');
 jest.mock('next/navigation');
 
 const getRoutingConfigMock = jest.mocked(getRoutingConfig);
 const getTemplatesMock = jest.mocked(getTemplates);
-const redirectMock = jest.mocked(redirect);
 
 describe('ChooseBritishSignLanguageLetterTemplate page', () => {
-  it('should redirect to invalid page for invalid routing config id', async () => {
-    getRoutingConfigMock.mockResolvedValueOnce(undefined);
-    getTemplatesMock.mockResolvedValueOnce([BSL_LETTER_TEMPLATE]);
-
-    await ChooseBritishSignLanguageLetterTemplate({
-      params: Promise.resolve({
-        routingConfigId: 'invalid-id',
-      }),
-      searchParams: Promise.resolve({
-        lockNumber: '42',
-      }),
-    });
-
-    expect(getRoutingConfigMock).toHaveBeenCalledWith('invalid-id');
-    expect(getTemplatesMock).toHaveBeenCalledWith({
-      templateType: 'LETTER',
-      language: 'en',
-      letterType: 'q4',
-      templateStatus: ['SUBMITTED', 'PROOF_APPROVED'],
-      letterVersion: 'AUTHORING',
-    });
-
-    expect(redirectMock).toHaveBeenCalledWith(
-      '/message-plans/invalid',
-      'replace'
-    );
-  });
-
-  it('should redirect to invalid page if plan has no letter cascade entry', async () => {
-    getRoutingConfigMock.mockResolvedValueOnce({
-      ...ROUTING_CONFIG,
-      cascade: ROUTING_CONFIG.cascade.filter(
-        (item) => item.channel !== 'LETTER'
-      ),
-    });
-    getTemplatesMock.mockResolvedValueOnce([BSL_LETTER_TEMPLATE]);
-
-    await ChooseBritishSignLanguageLetterTemplate({
-      params: Promise.resolve({
-        routingConfigId: ROUTING_CONFIG.id,
-      }),
-      searchParams: Promise.resolve({
-        lockNumber: '42',
-      }),
-    });
-
-    expect(getRoutingConfigMock).toHaveBeenCalledWith(ROUTING_CONFIG.id);
-
-    expect(redirectMock).toHaveBeenCalledWith(
-      '/message-plans/invalid',
-      'replace'
-    );
-  });
-
-  it('fetches routing config and templates in parallel', async () => {
+  it('calls getTemplates with correct filters', async () => {
     getRoutingConfigMock.mockResolvedValueOnce(ROUTING_CONFIG);
     getTemplatesMock.mockResolvedValueOnce([BSL_LETTER_TEMPLATE]);
 
@@ -90,6 +34,7 @@ describe('ChooseBritishSignLanguageLetterTemplate page', () => {
       letterType: 'q4',
       templateStatus: ['SUBMITTED', 'PROOF_APPROVED'],
       letterVersion: 'AUTHORING',
+      campaignId: ROUTING_CONFIG.campaignId,
     });
   });
 
@@ -115,6 +60,7 @@ describe('ChooseBritishSignLanguageLetterTemplate page', () => {
       letterType: 'q4',
       templateStatus: ['SUBMITTED', 'PROOF_APPROVED'],
       letterVersion: 'AUTHORING',
+      campaignId: ROUTING_CONFIG.campaignId,
     });
 
     expect(await generateMetadata()).toEqual({
@@ -123,16 +69,21 @@ describe('ChooseBritishSignLanguageLetterTemplate page', () => {
     expect(container.asFragment()).toMatchSnapshot();
   });
 
-  it('redirects to the edit message plan page if the lockNumber is missing', async () => {
-    await ChooseBritishSignLanguageLetterTemplate({
+  it('renders the empty state message when there are no templates', async () => {
+    getRoutingConfigMock.mockResolvedValueOnce(ROUTING_CONFIG);
+    getTemplatesMock.mockResolvedValueOnce([]);
+
+    const page = await ChooseBritishSignLanguageLetterTemplate({
       params: Promise.resolve({
         routingConfigId: ROUTING_CONFIG.id,
       }),
+      searchParams: Promise.resolve({
+        lockNumber: '42',
+      }),
     });
 
-    expect(redirectMock).toHaveBeenCalledWith(
-      `/message-plans/edit-message-plan/${ROUTING_CONFIG.id}`,
-      'replace'
-    );
+    const container = render(page);
+
+    expect(container.asFragment()).toMatchSnapshot();
   });
 });

frontend/src/__tests__/app/message-plans/choose-british-sign-language-letter-template/preview-template/__snapshots__/page.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`PreviewBritishSignLanguageLetterTemplateFromMessagePlan page renders Br
                 />
               </div>
               <div
-                class="nhsuk-summary-list__row missing-value"
+                class="nhsuk-summary-list__row"
                 id="campaign-id"
               >
                 <dt
@@ -89,7 +89,9 @@ exports[`PreviewBritishSignLanguageLetterTemplateFromMessagePlan page renders Br
                 </dt>
                 <dd
                   class="nhsuk-summary-list__value"
-                />
+                >
+                  campaign-2
+                </dd>
                 <dd
                   aria-hidden="true"
                   class="nhsuk-summary-list__actions"

frontend/src/__tests__/app/message-plans/choose-email-template/__snapshots__/page.test.tsx.snap

@@ -268,3 +268,103 @@ exports[`ChooseEmailTemplate page renders Email template selection 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`ChooseEmailTemplate page renders the empty state message when there are no templates 1`] = `
+<DocumentFragment>
+  <div
+    class="nhsuk-width-container"
+  >
+    <main
+      class="nhsuk-main-wrapper"
+      id="maincontent"
+      role="main"
+    >
+      <div
+        class="nhsuk-grid-row"
+      >
+        <div
+          class="nhsuk-grid-column-full"
+        >
+          <div
+            class="nhsuk-u-reading-width"
+          >
+            <span
+              class="nhsuk-caption-l"
+            >
+              Autumn Campaign Plan
+            </span>
+            <h1
+              class="nhsuk-heading-xl"
+            >
+              Choose an email template
+            </h1>
+          </div>
+          <form
+            action="javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')"
+          >
+            <input
+              name="form-id"
+              readonly=""
+              type="hidden"
+              value="choose-channel-template"
+            />
+            <input
+              name="csrf_token"
+              readonly=""
+              type="hidden"
+              value="no_token"
+            />
+            <input
+              name="lockNumber"
+              readonly=""
+              type="hidden"
+              value="42"
+            />
+            <dl
+              class="nhsuk-summary-list"
+              data-testid="previous-selection-details"
+            >
+              <div
+                class="nhsuk-summary-list__row"
+              >
+                <dt
+                  class="nhsuk-summary-list__key"
+                >
+                  Previously selected template
+                </dt>
+                <dd
+                  class="nhsuk-summary-list__value"
+                />
+              </div>
+            </dl>
+            <p
+              data-testid="no-templates-message"
+            >
+              You do not have any email templates yet.
+            </p>
+            <div
+              class="nhsuk-form-group"
+              data-testid="channel-template-actions"
+            >
+              <a
+                class="nhsuk-u-font-size-19 nhsuk-body-m fit-content"
+                data-testid="go-to-templates-link"
+                href="/message-templates"
+              >
+                Go to templates
+              </a>
+              <a
+                class="nhsuk-u-font-size-19"
+                data-testid="back-link-bottom"
+                href="/message-plans/edit-message-plan/fbb81055-79b9-4759-ac07-d191ae57be34"
+              >
+                Go back
+              </a>
+            </div>
+          </form>
+        </div>
+      </div>
+    </main>
+  </div>
+</DocumentFragment>
+`;