Add tests for the selectyourrole page

Author: kris-szlapa

packages/cpt-ui/__tests__/SelectYourRolePage.test.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import "@testing-library/jest-dom";
-import { render, screen, waitFor } from "@testing-library/react";
-import SelectYourRolePage from "@/app/selectyourrole/page";
+import { render, screen, waitFor, within  } from "@testing-library/react";
+import SelectYourRolePage from "../app/selectyourrole/page";
 import { AuthContext } from "@/context/AuthProvider";
 
 // Mock `next/navigation` globally
@@ -42,7 +42,7 @@ describe("SelectYourRolePage", () => {
 
     // Wait for error summary to appear
     await waitFor(() => {
-      const errorHeading = screen.getByRole("heading", { name: /Error during role selection/i })
+      const errorHeading = screen.getByRole("heading", { name: /Error during role selection/i });
       expect(errorHeading).toBeInTheDocument();
       const errorText = screen.getByText("No login session found");
       expect(errorText).toBeInTheDocument();
@@ -184,5 +184,177 @@ describe("SelectYourRolePage", () => {
     });
 
     expect(tableRoleCell).toBeInTheDocument();
+  });
+
+  it("renders correctly when auth.isSignedIn is undefined and fetchTrackerUserInfo is not triggered", async () => {
+    renderWithAuth({
+      isSignedIn: undefined,
+      idToken: "",
+    });
+
+    // Verify no error or loading state appears
+    await waitFor(() => {
+      const errorHeading = screen.queryByRole("heading", { name: /Error during role selection/i });
+      expect(errorHeading).not.toBeInTheDocument();
+    });
+  });
+
+  it("handles missing roles gracefully in trackerUserInfoData", async () => {
+    const mockUserInfo = {
+      roles_with_access: [],
+      roles_without_access: [],
+    };
+
+    mockFetch.mockResolvedValue({
+      status: 200,
+      json: async () => ({
+        userInfo: mockUserInfo,
+      }),
+    });
+
+    renderWithAuth({
+      isSignedIn: true,
+      idToken: "fake-token",
+    });
+
+    // Expect no roles to render
+    await waitFor(() => {
+      const rolesMessage = screen.queryByText("No roles found");
+      expect(rolesMessage).not.toBeInTheDocument();
+    });
+  });
+
+  it("handles the case when auth is undefined", async () => {
+    renderWithAuth(undefined); // Simulate `auth` being undefined
+  
+    // Wait for the error summary to render
+    await waitFor(() => {
+      const errorHeading = screen.getByRole("heading", { name: /Error during role selection/i });
+      expect(errorHeading).toBeInTheDocument();
+  
+      const errorText = screen.getByText("No login session found");
+      expect(errorText).toBeInTheDocument();
+    });
+  });
+  
+  it("sets error state when auth.isSignedIn is false", async () => {
+    renderWithAuth({
+      isSignedIn: false,
+      idToken: "",
+    });
+
+    // Wait for the error summary to render
+    await waitFor(() => {
+      const errorSummary = screen.getByRole("heading", { name: /Error during role selection/i });
+      expect(errorSummary).toBeInTheDocument();
+      const errorMessage = screen.getByText("No login session found");
+      expect(errorMessage).toBeInTheDocument();
+    });
+  });
+
+  it("renders a row for roles without access in the table", async () => {
+    const mockUserInfo = {
+      roles_with_access: [],
+      roles_without_access: [
+        {
+          role_name: "Technician",
+          role_id: "tech1",
+          org_code: "ORG456",
+          org_name: "Tech Org",
+          site_name: "Technician Site",
+          site_address: "2 Fake Street",
+        },
+      ],
+    };
+  
+    mockFetch.mockResolvedValue({
+      status: 200,
+      json: async () => ({
+        userInfo: mockUserInfo,
+      }),
     });
+  
+    renderWithAuth({
+      isSignedIn: true,
+      idToken: "fake-token",
+    });
+  
+    // Wait for the table to render
+    await waitFor(() => {
+      const table = screen.getByRole("table");
+      const tableCellOrg = within(table).getByText("Tech Org (ODS: ORG456)");
+      expect(tableCellOrg).toBeInTheDocument();
+  
+      const tableCellRole = within(table).getByText("Technician");
+      expect(tableCellRole).toBeInTheDocument();
+    });
+  });
+
+  it("renders correctly with role_name having special formatting", async () => {
+    const mockUserInfo = {
+      roles_with_access: [],
+      roles_without_access: [
+        {
+          role_name: "Role:Pharmacist",
+          role_id: "pharm1",
+          org_code: "ORG123",
+          org_name: "Test Pharmacy Org",
+          site_name: "Pharmacy Site",
+          site_address: "1 Fake Street",
+        },
+      ],
+    };
+  
+    mockFetch.mockResolvedValue({
+      status: 200,
+      json: async () => ({
+        userInfo: mockUserInfo,
+      }),
+    });
+  
+    renderWithAuth({
+      isSignedIn: true,
+      idToken: "fake-token",
+    });
+  
+    // Wait for the card to render
+    await waitFor(() => {
+      const roleName = screen.getByText("Pharmacist");
+      expect(roleName).toBeInTheDocument();
+    });
+  });
+  
+  it("renders correctly with role_name absent", async () => {
+    const mockUserInfo = {
+      roles_with_access: [],
+      roles_without_access: [
+        {
+          role_name: undefined,
+          role_id: "pharm1",
+          org_code: "ORG123",
+          org_name: "Test Pharmacy Org",
+          site_name: "Pharmacy Site",
+          site_address: "1 Fake Street",
+        },
+      ],
+    };
+  
+    mockFetch.mockResolvedValue({
+      status: 200,
+      json: async () => ({
+        userInfo: mockUserInfo,
+      }),
+    });
+  
+    renderWithAuth({
+      isSignedIn: true,
+      idToken: "fake-token",
+    });
+  
+    // Wait for the card to render
+    await waitFor(() => {
+      const roleName = screen.getByText("No Role Name");
+      expect(roleName).toBeInTheDocument();
+    });
+  });
 });