test: verify email component

editor.planx.uk/package.json

@@ -152,6 +152,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "jest-localstorage-mock": "^2.4.26",
     "lint-staged": "^13.2.3",
+    "msw": "^2.7.0",
     "postcss": "^8.4.32",
     "prettier": "^3.0.0",
     "react-refresh": "^0.14.0",

editor.planx.uk/src/mockServer/handlers/mockDownloadApplicationFile.ts

@@ -0,0 +1,25 @@
+import { http, HttpResponse } from "msw";
+import { DOWNLOAD_APPLICATION_FILE_URL } from "pages/SubmissionDownload/VerifySubmissionEmail";
+
+export const mockData = new ArrayBuffer(100); // a byte number is needed
+
+export const getWithData = http.get(
+  `${DOWNLOAD_APPLICATION_FILE_URL}/a-session-id/?email=submission%40council.com&localAuthority=barking-and-dagenham`,
+  () => {
+    return new HttpResponse(mockData, { status: 200 });
+  },
+);
+
+export const getWithServerSideError = http.get(
+  `${DOWNLOAD_APPLICATION_FILE_URL}/a-session-id/?email=submission%40council.com&localAuthority=barking-and-dagenham`,
+  () => {
+    return new HttpResponse(null, { status: 500 });
+  },
+);
+
+export const getWith403 = http.get(
+  `${DOWNLOAD_APPLICATION_FILE_URL}/a-session-id/?email=wrong_email%40council.com&localAuthority=barking-and-dagenham`,
+  () => {
+    return new HttpResponse(null, { status: 403 });
+  },
+);

editor.planx.uk/src/mockServer/server.ts

@@ -0,0 +1,5 @@
+import { setupServer } from "msw/node";
+
+const server = setupServer();
+
+export default server;

editor.planx.uk/src/pages/SubmissionDownload/VerifySubmissionEmail.tsx

@@ -89,7 +89,6 @@ export const VerifySubmissionEmail = ({
                   title="Verify your submission email address"
                   description="We will use this to confirm that you have access to the submission email inbox that is set up for your team. Entering the correct email address will start the file download automatically."
                 />
-
                 <InputRow>
                   <InputLabel
                     label={"Submission email address"}