VIA-172 AJ Added session timeout page

Author: ankur-jain-nhs

src/app/session-timeout/constants.ts

@@ -0,0 +1 @@
+export const SESSION_TIMEOUT_ROUTE = "/session-timeout";

src/app/session-timeout/page.test.tsx

@@ -0,0 +1,28 @@
+import SessionTimeout from "@src/app/session-timeout/page";
+import { mockNHSAppJSFunctions } from "@src/utils/nhsapp-js.test";
+import { render, screen } from "@testing-library/react";
+
+describe("SessionTimeout", () => {
+  const mockIsOpenInNHSApp = jest.fn();
+  const mockGoToHomePage = jest.fn();
+
+  beforeEach(() => {
+    mockNHSAppJSFunctions(mockIsOpenInNHSApp, mockGoToHomePage);
+  });
+
+  it("should show NHS App home page inside NHS App", () => {
+    mockIsOpenInNHSApp.mockReturnValue(true);
+    render(<SessionTimeout />);
+    expect(mockGoToHomePage).toHaveBeenCalledTimes(1);
+  });
+
+  it("should show timeout out page outside NHS App", () => {
+    mockIsOpenInNHSApp.mockReturnValue(false);
+    render(<SessionTimeout />);
+    const heading = screen.getByRole("heading", {
+      level: 1,
+      name: "You have been logged out",
+    });
+    expect(heading).toBeInTheDocument();
+  });
+});

src/app/session-timeout/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import MainContent from "@src/app/_components/nhs-frontend/MainContent";
+import { useEffect } from "react";
+
+const SessionTimeout = () => {
+  useEffect(() => {
+    if (window.nhsapp.tools.isOpenInNHSApp()) {
+      window.nhsapp.navigation.goToHomePage();
+    }
+  }, []);
+
+  return (
+    <MainContent>
+      <title>You have been logged out</title>
+      <h1>You have been logged out</h1>
+      <p>
+        For security reasons, you&#39;re automatically logged out if you have not used the service for 10 minutes.
+      </p>
+      <p>
+        If you were entering information, it has not been saved and you will need to re-enter it.
+      </p>
+      <p>
+        To continue, close the tab which has the service open and login again.
+      </p>
+    </MainContent>
+  );
+};
+
+export default SessionTimeout;

src/middleware.ts

@@ -28,6 +28,6 @@ export const config = {
      * 5. /favicon.ico (exclude the favicon path)
      * 6. /nhsuk-frontend-9.1.0 (exclude nhsuk js)
      */
-    "/((?!api/auth|api/sso|session-logout|sso-failure|favicon.ico|nhsuk-frontend-9.1.0|_next/static|_next/image).*)",
+    "/((?!api/auth|api/sso|session-logout|session-timeout|sso-failure|favicon.ico|nhsuk-frontend-9.1.0|_next/static|_next/image).*)",
   ],
 };