Jay homepage

apps/mobile/__tests__/notifications-screen.test.tsx

@@ -0,0 +1,56 @@
+import { fireEvent, render } from "@testing-library/react-native";
+
+import {
+  NotificationsScreen,
+  type PriceAlert,
+} from "../features/notifications/NotificationsScreen";
+
+describe("NotificationsScreen", () => {
+  it("shows example price-drop alerts and lets the user toggle an alert locally", async () => {
+    const screen = await render(<NotificationsScreen />);
+
+    expect(screen.getByText("Nintendo Switch 2")).toBeTruthy();
+    expect(
+      screen.getByText("Price dropped from $499.99 to $449.99"),
+    ).toBeTruthy();
+
+    const alertToggle = screen.getByRole("switch", {
+      name: "Nintendo Switch 2 price alert",
+    });
+    expect(alertToggle.props.value).toBe(true);
+
+    await fireEvent(alertToggle, "valueChange", false);
+
+    expect(
+      screen.getByRole("switch", { name: "Nintendo Switch 2 price alert" })
+        .props.value,
+    ).toBe(false);
+  });
+
+  it("shows an empty state when no price alerts are available", async () => {
+    const alerts: PriceAlert[] = [];
+    const screen = await render(<NotificationsScreen alerts={alerts} />);
+
+    expect(screen.getByText("No price alerts yet")).toBeTruthy();
+    expect(
+      screen.getByText(
+        "Watch an item and set a target price to see alerts here.",
+      ),
+    ).toBeTruthy();
+  });
+
+  it("lets the user toggle notification settings locally", async () => {
+    const screen = await render(<NotificationsScreen />);
+    const priceDropToggle = screen.getByRole("switch", {
+      name: "Price drop notifications",
+    });
+
+    expect(priceDropToggle.props.value).toBe(true);
+    await fireEvent(priceDropToggle, "valueChange", false);
+
+    expect(
+      screen.getByRole("switch", { name: "Price drop notifications" }).props
+        .value,
+    ).toBe(false);
+  });
+});

apps/mobile/app/home.tsx

@@ -5,5 +5,10 @@ import { HomeScreen } from "../features/home/HomeScreen";
 export default function HomeRoute() {
   const router = useRouter();
 
-  return <HomeScreen onLogout={() => router.replace("/")} />;
+  return (
+    <HomeScreen
+      onLogout={() => router.replace("/")}
+      onOpenNotifications={() => router.push("/notifications")}
+    />
+  );
 }

apps/mobile/app/notifications.tsx

@@ -0,0 +1,5 @@
+import { NotificationsScreen } from "../features/notifications/NotificationsScreen";
+
+export default function NotificationsRoute() {
+  return <NotificationsScreen />;
+}