CCM-5539: Duplicate template link (#225)

Author: chris-elliott-nhsd

.eslintrc.json

@@ -74,6 +74,7 @@
     "react/require-default-props": "off",
     "no-useless-constructor": "off",
     "sonarjs/no-small-switch": "off",
+    "sonarjs/no-unused-vars": "off",
     "react/jsx-no-bind": "off",
     "unicorn/no-null": "off",
     "prefer-regex-literals": "off",

frontend/src/__tests__/app/copy-template/page.test.tsx

@@ -0,0 +1,55 @@
+/**
+ * @jest-environment node
+ */
+import CopyTemplatePage from '@app/copy-template/[templateId]/page';
+import { CopyTemplate } from '@forms/CopyTemplate/CopyTemplate';
+import {
+  EmailTemplate,
+  TemplateType,
+  TemplateStatus,
+} from 'nhs-notify-web-template-management-utils';
+import { redirect } from 'next/navigation';
+import { getTemplate } from '@utils/form-actions';
+
+jest.mock('@utils/form-actions');
+jest.mock('next/navigation');
+jest.mock('@forms/ChooseTemplate/ChooseTemplate');
+
+const redirectMock = jest.mocked(redirect);
+const getTemplateMock = jest.mocked(getTemplate);
+
+describe('CopyTemplatePage', () => {
+  beforeEach(jest.resetAllMocks);
+
+  it('should load page', async () => {
+    const template: EmailTemplate = {
+      id: 'template-id',
+      version: 1,
+      templateType: TemplateType.EMAIL,
+      templateStatus: TemplateStatus.NOT_YET_SUBMITTED,
+      name: 'template-name',
+      subject: 'template-subject-line',
+      message: 'template-message',
+    };
+
+    getTemplateMock.mockResolvedValueOnce(template);
+
+    const page = await CopyTemplatePage({
+      params: {
+        templateId: 'template-id',
+      },
+    });
+
+    expect(page).toEqual(<CopyTemplate template={template} />);
+  });
+
+  it('should redirect to invalid-template when no templateId is found', async () => {
+    await CopyTemplatePage({
+      params: {
+        templateId: 'template-id',
+      },
+    });
+
+    expect(redirectMock).toHaveBeenCalledWith('/invalid-template', 'replace');
+  });
+});

frontend/src/__tests__/components/forms/CopyTemplate/CopyTemplate.test.tsx

@@ -0,0 +1,86 @@
+'use client';
+
+import { mockDeep } from 'jest-mock-extended';
+import { useFormState } from 'react-dom';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { CopyTemplate } from '@forms/CopyTemplate/CopyTemplate';
+import {
+  Template,
+  TemplateFormState,
+} from 'nhs-notify-web-template-management-utils';
+
+jest.mock('@utils/amplify-utils', () => ({
+  getAmplifyBackendClient: () => {},
+}));
+
+jest.mock('react-dom', () => {
+  const originalModule = jest.requireActual('react-dom');
+
+  return {
+    ...originalModule,
+    useFormState: jest
+      .fn()
+      .mockImplementation(
+        (
+          _: (
+            formState: TemplateFormState,
+            formData: FormData
+          ) => Promise<TemplateFormState>,
+          initialState: TemplateFormState
+        ) => [initialState, '/action']
+      ),
+  };
+});
+
+describe('Choose template page', () => {
+  it('selects one radio button at a time', () => {
+    const container = render(<CopyTemplate template={mockDeep<Template>()} />);
+    expect(container.asFragment()).toMatchSnapshot();
+
+    const radioButtons = [
+      screen.getByTestId('EMAIL-radio'),
+      screen.getByTestId('NHS_APP-radio'),
+      screen.getByTestId('SMS-radio'),
+    ];
+    const submitButton = screen.getByTestId('submit-button');
+
+    for (const radioButton of radioButtons) {
+      expect(radioButton).toBeInTheDocument();
+      expect(radioButton).not.toBeChecked();
+    }
+    expect(submitButton).toBeInTheDocument();
+
+    for (const [, radioButton] of radioButtons.entries()) {
+      // select an option
+      fireEvent(radioButton, new MouseEvent('click'));
+
+      expect(radioButton).toBeChecked();
+
+      const notCheckedRadioButtons = radioButtons.filter(
+        (r) => r !== radioButton
+      );
+
+      for (const button of notCheckedRadioButtons)
+        expect(button).not.toBeChecked();
+    }
+  });
+
+  it('renders error component', () => {
+    const mockUseFormState = jest.fn().mockReturnValue([
+      {
+        validationError: {
+          formErrors: [],
+          fieldErrors: {
+            page: ['Component error message'],
+          },
+        },
+      },
+      '/action',
+    ]);
+
+    jest.mocked(useFormState).mockImplementation(mockUseFormState);
+
+    const container = render(<CopyTemplate template={mockDeep<Template>()} />);
+    expect(container.asFragment()).toMatchSnapshot();
+  });
+});