CCM-13495: update render

frontend/src/__tests__/app/preview-letter-template/__snapshots__/page.test.tsx.snap

@@ -272,7 +272,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -314,7 +314,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-shortFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -379,6 +379,21 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="shortFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -406,7 +421,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -448,7 +463,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-longFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -513,6 +528,21 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="longFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -791,7 +821,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -833,7 +863,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-shortFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -898,6 +928,21 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="shortFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -925,7 +970,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -967,7 +1012,7 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-longFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -1032,6 +1077,21 @@ exports[`authoring letter template with VALIDATION_FAILED status matches snapsho
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="longFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -1538,7 +1598,7 @@ exports[`valid authoring letter template matches snapshot 1`] = `
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -1580,7 +1640,7 @@ exports[`valid authoring letter template matches snapshot 1`] = `
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-shortFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -1645,6 +1705,21 @@ exports[`valid authoring letter template matches snapshot 1`] = `
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="shortFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -1672,7 +1747,7 @@ exports[`valid authoring letter template matches snapshot 1`] = `
             role="tabpanel"
           >
             <div
-              class="nhsuk-grid-row"
+              class="nhsuk-grid-row tabRow"
             >
               <div
                 class="nhsuk-grid-column-one-third"
@@ -1714,7 +1789,7 @@ exports[`valid authoring letter template matches snapshot 1`] = `
                     <select
                       class="nhsuk-select recipientSelect"
                       id="system-personalisation-pack-id-longFormRender"
-                      name="__systemPersonalisationPackId"
+                      name="systemPersonalisationPackId"
                     >
                       <option
                         selected=""
@@ -1779,6 +1854,21 @@ exports[`valid authoring letter template matches snapshot 1`] = `
                       </option>
                     </select>
                   </div>
+                  <input
+                    name="templateId"
+                    type="hidden"
+                    value="authoring-letter-template-id"
+                  />
+                  <input
+                    name="lockNumber"
+                    type="hidden"
+                    value="1"
+                  />
+                  <input
+                    name="tab"
+                    type="hidden"
+                    value="longFormRender"
+                  />
                   <button
                     aria-disabled="false"
                     class="nhsuk-button nhsuk-button--secondary nhsuk-u-margin-top-4"
@@ -1830,6 +1920,7 @@ exports[`valid authoring letter template matches snapshot 1`] = `
             value="1"
           />
           <button
+            aria-disabled="false"
             class="nhsuk-button"
             data-testid="preview-letter-template-cta"
             id="preview-letter-template-cta"

frontend/src/__tests__/app/preview-letter-template/page.test.tsx

@@ -15,7 +15,7 @@ import Page, {
 } from '@app/preview-letter-template/[templateId]/page';
 import { submitAuthoringLetterAction } from '@app/preview-letter-template/[templateId]/server-action';
 import content from '@content/content';
-import { RENDER_TIMEOUT_MS } from '@hooks/use-letter-template-poll';
+import { RENDER_TIMEOUT_MS } from '@molecules/PollLetterRender/PollLetterRender';
 
 jest.mock('@utils/form-actions');
 jest.mock('next/navigation');

frontend/src/__tests__/components/molecules/LetterRender/LetterRender.test.tsx

@@ -1,5 +1,7 @@
 import { render, screen } from '@testing-library/react';
+import type { PropsWithChildren } from 'react';
 import { LetterRender } from '@molecules/LetterRender';
+import { LetterRenderPollingProvider } from '@providers/letter-render-polling-provider';
 import type { AuthoringLetterTemplate } from 'nhs-notify-web-template-management-utils';
 import { verifyFormCsrfToken } from '@utils/csrf-utils';
 
@@ -8,10 +10,16 @@ jest.mocked(verifyFormCsrfToken).mockResolvedValue(true);
 
 jest.mock('@molecules/LetterRender/server-action');
 
+jest.mock('next/navigation');
+
 jest.mock('@utils/get-base-path', () => ({
   getBasePath: jest.fn(() => '/templates'),
 }));
 
+function Provider({ children }: PropsWithChildren) {
+  return <LetterRenderPollingProvider>{children}</LetterRenderPollingProvider>;
+}
+
 const baseTemplate: AuthoringLetterTemplate = {
   id: 'template-123',
   clientId: 'client-123',
@@ -43,24 +51,30 @@ const baseTemplate: AuthoringLetterTemplate = {
 };
 
 describe('LetterRender', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
   it('renders tabs for short and long examples', () => {
-    render(<LetterRender template={baseTemplate} />);
+    render(<LetterRender template={baseTemplate} />, { wrapper: Provider });
 
     expect(screen.getByText('Short examples')).toBeInTheDocument();
     expect(screen.getByText('Long examples')).toBeInTheDocument();
   });
 
   it('renders tab content for both tabs', () => {
-    render(<LetterRender template={baseTemplate} />);
+    render(<LetterRender template={baseTemplate} />, { wrapper: Provider });
 
     // Both tab contents should be rendered (tabs component renders both, CSS hides inactive)
     const tabContents = screen.getAllByRole('tabpanel', { hidden: true });
     expect(tabContents).toHaveLength(2);
   });
 
   it('matches snapshot', () => {
-    const container = render(<LetterRender template={baseTemplate} />);
+    const { asFragment } = render(<LetterRender template={baseTemplate} />, {
+      wrapper: Provider,
+    });
 
-    expect(container.asFragment()).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });