Merge remote-tracking branch 'origin' into feature/CCM-7079_nhsapp_review_template_page_automation

Author: m-salaudeen

jest.setup.ts

@@ -1,5 +1,11 @@
 // https://nextjs.org/docs/app/building-your-application/testing/jest#optional-extend-jest-with-custom-matchers
 import '@testing-library/jest-dom';
 import { TextEncoder, TextDecoder } from 'node:util';
+/*
+ * A polyfill for fetch API which includes the Request object
+ * this helps solve the issue of the test throwing an error if the `getAmplifyBackendClient` is not mocked out.
+ * https://github.com/vercel/next.js/discussions/59041#discussioncomment-10043081
+ */
+import 'whatwg-fetch';
 
 Object.assign(global, { TextDecoder, TextEncoder });

package-lock.json

@@ -75,6 +75,7 @@
     "tsx": "^4.19.1",
     "typescript": "^5.5.4",
     "wait-on": "^8.0.0",
+    "whatwg-fetch": "^3.6.20",
     "nhs-notify-web-template-management-ui-tests": "file:tests/test-team"
   },
   "overrides": {

package.json

@@ -4,22 +4,12 @@ import { Session, TemplateType } from '@utils/types';
 import { redirect } from 'next/navigation';
 import { CreateEmailTemplate } from '@forms/CreateEmailTemplate/CreateEmailTemplate';
 
-jest.mock('@utils/amplify-utils', () => ({
-  getAmplifyBackendClient: () => ({
-    models: {
-      SessionStorage: {
-        update: () => ({ data: {} }),
-      },
-    },
-  }),
-}));
 jest.mock('@utils/form-actions');
 jest.mock('next/navigation');
 jest.mock('@forms/CreateEmailTemplate/CreateEmailTemplate');
 
 const getSessionMock = jest.mocked(getSession);
 const redirectMock = jest.mocked(redirect);
-const CreateEmailTemplateMock = jest.mocked(CreateEmailTemplate);
 
 const initialState: Session = {
   id: 'session-id',
@@ -56,14 +46,13 @@ describe('CreateEmailTemplatePage', () => {
 
   it('should render CreateEmailTemplatePage component when session is found', async () => {
     getSessionMock.mockResolvedValueOnce(initialState);
-    CreateEmailTemplateMock.mockImplementationOnce(() => <p>rendered</p>);
 
     const page = await CreateEmailTemplatePage({
       params: { sessionId: 'session-id' },
     });
 
     expect(getSessionMock).toHaveBeenCalledWith('session-id');
 
-    expect(page).toMatchSnapshot();
+    expect(page).toEqual(<CreateEmailTemplate initialState={initialState} />);
   });
 });