Web Version of App

__tests__/auth-cookies.test.ts

@@ -0,0 +1,26 @@
+import {
+  buildLoggedInDataFromCookieString,
+  parseCookieString,
+} from "@/utils/authCookies";
+
+describe("authCookies", () => {
+  it("parses cookie values that contain equals signs", () => {
+    const cookies = parseCookieString("SSO-Token=token==; Given-Name=Ben; Surname=L");
+
+    expect(cookies["SSO-Token"]).toBe("token==");
+    expect(cookies["Given-Name"]).toBe("Ben");
+    expect(cookies["Surname"]).toBe("L");
+  });
+
+  it("builds logged in data from the Concordia cookie string", () => {
+    expect(
+      buildLoggedInDataFromCookieString(
+        "Given-Name=Ben; Surname=L; SSO-Token=token==",
+      ),
+    ).toEqual({
+      authToken: "token==",
+      firstName: "Ben",
+      lastNameInitial: "L",
+    });
+  });
+});

__tests__/auth-web-view.web.test.tsx

@@ -0,0 +1,40 @@
+import AuthWebView from "@/components/authentication/AuthWebView.web";
+import { fireEvent, render, waitFor } from "@testing-library/react-native";
+import React from "react";
+
+describe("AuthWebView web", () => {
+  it("accepts a pasted token", async () => {
+    const onLogin = jest.fn();
+    const authView = render(<AuthWebView onLogin={onLogin} />);
+
+    fireEvent.changeText(authView.getByTestId("calendar-web-auth-input"), "token-123");
+    fireEvent.press(authView.getByTestId("calendar-web-auth-submit"));
+
+    await waitFor(() => {
+      expect(onLogin).toHaveBeenCalledWith({
+        authToken: "token-123",
+        firstName: "Concordia",
+        lastNameInitial: "",
+      });
+    });
+  });
+
+  it("extracts the token from a pasted cookie string", async () => {
+    const onLogin = jest.fn();
+    const authView = render(<AuthWebView onLogin={onLogin} />);
+
+    fireEvent.changeText(
+      authView.getByTestId("calendar-web-auth-input"),
+      "Given-Name=Ben; Surname=L; SSO-Token=token==",
+    );
+    fireEvent.press(authView.getByTestId("calendar-web-auth-submit"));
+
+    await waitFor(() => {
+      expect(onLogin).toHaveBeenCalledWith({
+        authToken: "token==",
+        firstName: "Ben",
+        lastNameInitial: "L",
+      });
+    });
+  });
+});

__tests__/building-info-popup.test.js

@@ -3,6 +3,7 @@ import BuildingInfoPopup from "../components/map/building-info-popup";
 import { act, fireEvent, render, screen, waitFor } from "@testing-library/react-native";
 import { CAMPUS_BUILDINGS } from "../constants/map";
 import { Linking } from "react-native";
+import { NavigationLoader } from "../globals/IndoorNavigationLoader";
 
 const mockBuilding = CAMPUS_BUILDINGS[22]; // Hall Building
 
@@ -24,11 +25,17 @@ jest.mock("react-native", () => {
 
 const mockOnNavigate = jest.fn();
 const mockOnSetAsStart = jest.fn();
+const mockOnExploreRooms = jest.fn();
 
 jest.spyOn(Linking, "openURL").mockImplementation(jest.fn());
 jest.spyOn(Linking, "canOpenURL").mockResolvedValue(true);
 
 describe("building-info-popup", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    jest.spyOn(NavigationLoader, "buildingHasNavigationData").mockReturnValue(true);
+  });
+
   it("renders nothing if building is null", () => {
     const { queryByTestId } = render(<BuildingInfoPopup building={null} />);
     expect(queryByTestId("building-info-popup")).toBeNull();
@@ -94,6 +101,44 @@ describe("building-info-popup", () => {
     expect(mockOnSetAsStart).toHaveBeenCalled();
   });
 
+  it('calls the on explore rooms function when "Explore Rooms" is pressed', async () => {
+    render(
+      <BuildingInfoPopup
+        building={mockBuilding}
+        onNavigate={mockOnNavigate}
+        onExploreRooms={mockOnExploreRooms}
+      />,
+    );
+
+    const roomsButton = screen.getByTestId("rooms-action-button");
+
+    await act(async () => {
+      await fireEvent.press(roomsButton);
+    });
+
+    expect(mockOnExploreRooms).toHaveBeenCalled();
+  });
+
+  it('disables "Explore Rooms" when the building has no indoor map data', async () => {
+    jest.spyOn(NavigationLoader, "buildingHasNavigationData").mockReturnValue(false);
+
+    render(
+      <BuildingInfoPopup
+        building={mockBuilding}
+        onNavigate={mockOnNavigate}
+        onExploreRooms={mockOnExploreRooms}
+      />,
+    );
+
+    const roomsButton = screen.getByTestId("rooms-action-button");
+
+    await act(async () => {
+      await fireEvent.press(roomsButton);
+    });
+
+    expect(mockOnExploreRooms).not.toHaveBeenCalled();
+  });
+
   it('opens the correct link when "Website" is pressed', async () => {
     render(<BuildingInfoPopup building={mockBuilding} onNavigate={mockOnNavigate} />);
 

__tests__/calendar.test.tsx

@@ -82,6 +82,23 @@ describe("Calendar View", () => {
     const webView = calendarView.queryByTestId("auth-web-view");
     expect(webView).toBeNull();
   });
+
+  it("Shows a calendar error when the token is invalid", async () => {
+    globalThis.fetch = jest.fn().mockResolvedValue({
+      text: jest.fn().mockResolvedValue(`'${JSON.stringify({ errorMessage: "Invalid Token" })}'`),
+    });
+
+    const calendarView = render(
+      <AuthContext value={loggedInContext}>
+        <QueryClientProvider client={testQueryClient}>
+          <CalendarScreen />
+        </QueryClientProvider>
+      </AuthContext>,
+    );
+
+    expect(await calendarView.findByTestId("calendar-error-view")).toBeVisible();
+    expect(calendarView.getByText("Invalid Token")).toBeVisible();
+  });
 });
 
 const loggedOutContext: LoggedOutContext = {

__tests__/campus-toggle.web.test.tsx

@@ -0,0 +1,87 @@
+import React from "react";
+import { fireEvent, render } from "@testing-library/react-native";
+import CampusToggle from "@/components/map/campus-toggle.web";
+
+jest.mock("@/hooks/use-color-scheme", () => ({
+  useColorScheme: () => "light",
+}));
+
+jest.mock("react-native-switch-selector", () => {
+  const React = require("react");
+  const { Pressable, Text, View } = require("react-native");
+
+  return function MockSwitchSelector(props: any) {
+    return (
+      <View testID={props.testID}>
+        <Text testID="selected-campus">{String(props.value)}</Text>
+        {props.options.map((option: { label: string; value: number }) => (
+          <Pressable
+            key={option.label}
+            testID={`option-${option.label}`}
+            onPress={() => props.onPress(option.value)}
+          >
+            <Text>{option.label}</Text>
+          </Pressable>
+        ))}
+      </View>
+    );
+  };
+});
+
+const nearSGW = {
+  latitude: 45.4959,
+  longitude: -73.5772,
+  latitudeDelta: 0.01,
+  longitudeDelta: 0.01,
+};
+
+const nearLOY = {
+  latitude: 45.4578,
+  longitude: -73.6396,
+  latitudeDelta: 0.01,
+  longitudeDelta: 0.01,
+};
+
+describe("campus-toggle.web", () => {
+  it("selects the closest campus on initial render", () => {
+    const mapRef = { current: { animateToRegion: jest.fn() } };
+    const { getByTestId } = render(<CampusToggle mapRef={mapRef} viewRegion={nearSGW} />);
+
+    // Campus.SGW is enum value 1.
+    expect(getByTestId("selected-campus").props.children).toBe("1");
+  });
+
+  it("animates map when user switches campus", () => {
+    const animateToRegion = jest.fn();
+    const mapRef = { current: { animateToRegion } };
+    const { getByTestId } = render(<CampusToggle mapRef={mapRef} viewRegion={nearLOY} />);
+
+    fireEvent.press(getByTestId("option-SGW"));
+
+    expect(animateToRegion).toHaveBeenCalledWith(
+      expect.objectContaining({
+        latitude: 45.4957849,
+        longitude: -73.577225,
+        latitudeDelta: 0.01,
+        longitudeDelta: 0.01,
+      }),
+    );
+  });
+
+  it("syncs from map region changes and ignores resulting programmatic selector callback", () => {
+    const animateToRegion = jest.fn();
+    const mapRef = { current: { animateToRegion } };
+    const { getByTestId, rerender } = render(
+      <CampusToggle mapRef={mapRef} viewRegion={nearSGW} />,
+    );
+
+    rerender(<CampusToggle mapRef={mapRef} viewRegion={nearLOY} />);
+
+    // Simulate selector callback caused by controlled value sync.
+    fireEvent.press(getByTestId("option-LOY"));
+    expect(animateToRegion).not.toHaveBeenCalled();
+
+    fireEvent.press(getByTestId("option-SGW"));
+    expect(animateToRegion).toHaveBeenCalledTimes(1);
+  });
+});

__tests__/class-detail-popup.test.tsx

@@ -1,11 +1,12 @@
 import React from "react";
-import { fireEvent, render } from "@testing-library/react-native";
+import { fireEvent, render, waitFor } from "@testing-library/react-native";
 
 import ClassDetailPopup from "../components/schedule/class-detail-popup";
 import type { ClassSchedule } from "@/hooks/use-calendar";
 import { Colors } from "@/constants/theme";
 
 const mockNavigate = jest.fn();
+const mockBuildClassMapNavigationParams = jest.fn();
 const mockWithTiming = jest.fn((toValue, _config, callback) => {
   if (callback) callback(true);
   return toValue;
@@ -39,6 +40,11 @@ jest.mock("expo-router", () => ({
   },
 }));
 
+jest.mock("@/utils/classMapDestination", () => ({
+  buildClassMapNavigationParams: (...args: unknown[]) =>
+    mockBuildClassMapNavigationParams(...args),
+}));
+
 jest.mock("@/hooks/use-color-scheme", () => ({
   useColorScheme: () => "light",
 }));
@@ -69,6 +75,11 @@ const MOCK_CLASS: ClassSchedule = {
 describe("ClassDetailPopup", () => {
   beforeEach(() => {
     mockNavigate.mockClear();
+    mockBuildClassMapNavigationParams.mockReset();
+    mockBuildClassMapNavigationParams.mockResolvedValue({
+      buildingId: "EV",
+      destinationRoom: "EV 2.260",
+    });
     mockWithTiming.mockClear();
     mockScheduleOnRN.mockClear();
   });
@@ -136,7 +147,7 @@ describe("ClassDetailPopup", () => {
     expect(mockScheduleOnRN).toHaveBeenCalledTimes(1);
   });
 
-  it("closes popup and navigates to map when View in Map is pressed", () => {
+  it("closes popup and navigates to the room-aware map popup when View in Map is pressed", async () => {
     const onClose = jest.fn();
 
     const screen = render(
@@ -150,9 +161,15 @@ describe("ClassDetailPopup", () => {
     fireEvent.press(screen.getByText("View in Map"));
 
     expect(onClose).toHaveBeenCalledTimes(1);
-    expect(mockNavigate).toHaveBeenCalledWith({
-      pathname: "/",
-      params: { buildingId: "EV" },
+    await waitFor(() => {
+      expect(mockBuildClassMapNavigationParams).toHaveBeenCalledWith(MOCK_CLASS);
+      expect(mockNavigate).toHaveBeenCalledWith({
+        pathname: "/",
+        params: {
+          buildingId: "EV",
+          destinationRoom: "EV 2.260",
+        },
+      });
     });
     expect(onClose.mock.invocationCallOrder[0]).toBeLessThan(
       mockNavigate.mock.invocationCallOrder[0],

__tests__/indoor-room-fields.test.tsx

@@ -1,6 +1,7 @@
 import IndoorRoomFields from "@/components/map/indoor-room-fields";
 import { fireEvent, render } from "@testing-library/react-native";
 import React, { useState } from "react";
+import { StyleSheet } from "react-native";
 
 jest.mock("@/hooks/use-color-scheme", () => ({
   useColorScheme: () => "light",
@@ -214,6 +215,31 @@ describe("IndoorRoomFields", () => {
     expect(screen.getByTestId("indoor-end-room-input").props.value).toBe("");
   });
 
+  it("lets room inputs shrink so clear buttons stay inside the fields on web", () => {
+    const screen = render(
+      <IndoorRoomFields
+        buildingCode="MB"
+        startRoom="MB 1.315"
+        endRoom="MB S2.245"
+        roomSuggestions={ROOM_SUGGESTIONS}
+        canCreatePath
+        onChangeStartRoom={jest.fn()}
+        onChangeEndRoom={jest.fn()}
+        onCreatePath={jest.fn()}
+      />,
+    );
+
+    const startInputStyle = StyleSheet.flatten(
+      screen.getByTestId("indoor-start-room-input").props.style,
+    );
+    const endInputStyle = StyleSheet.flatten(
+      screen.getByTestId("indoor-end-room-input").props.style,
+    );
+
+    expect(startInputStyle).toMatchObject({ flexShrink: 1, minWidth: 0 });
+    expect(endInputStyle).toMatchObject({ flexShrink: 1, minWidth: 0 });
+  });
+
   it("keeps invalid room input while typing", () => {
     const screen = render(<IndoorRoomFieldsHarness />);