test(web): stub calendars fetch for day multi-column fixtures

Co-authored-by: Tyler Dane <tyler-dane@users.noreply.github.com>

Author: cursoragent

packages/web/src/views/Day/components/Calendar/DayCalendarGrid.test.tsx

@@ -1,4 +1,5 @@
 import userEvent from "@testing-library/user-event";
+import { rest } from "msw";
 import { act } from "react";
 import { type Calendar } from "@core/types/calendar.contracts";
 import { type CompassEvent } from "@core/types/compass-event.contracts";
@@ -13,11 +14,13 @@ import {
   waitFor,
   within,
 } from "@web/__tests__/__mocks__/mock.render";
+import { server } from "@web/__tests__/__mocks__/server/mock.server";
 import { createMockEvent } from "@web/__tests__/utils/factories/event.factory";
 import { createCompassQueryClient } from "@web/api/query-client";
 import { calendarQueryKeys } from "@web/calendars/calendar.query";
 import { setCalendarVisibility } from "@web/calendars/calendar-visibility.store";
 import { getLocalCalendarSentinelId } from "@web/calendars/local-calendar.sentinel";
+import { ENV_WEB } from "@web/common/constants/env.constants";
 import {
   DATA_TIMED_GRID_ROW,
   ZIndex,
@@ -129,6 +132,16 @@ const renderDayCalendarGrid = (calendars?: Calendar[]) => {
   const queryClient = createCompassQueryClient();
   if (calendars) {
     queryClient.setQueryData(calendarQueryKeys.all, calendars);
+    // Seeded fixtures must survive the calendars query mount-fetch. Without
+    // an MSW handler the failed GET clears the cache and
+    // filterEventsByVisibleCalendars drops events mid-assertion (common in
+    // CI). Keep the handler local — a global default breaks suites that
+    // expect the legacy undefined calendarIds read.
+    server.use(
+      rest.get(`${ENV_WEB.API_BASEURL}/calendars`, (_req, res, ctx) =>
+        res(ctx.json(calendars)),
+      ),
+    );
   }
 
   return {
@@ -325,7 +338,7 @@ describe("DayCalendarGrid", () => {
     expect(within(timedGrid).getAllByRole("columnheader")).toHaveLength(1);
   });
 
-  it("renders enabled calendars as separate event columns", async () => {
+  it("renders enabled calendars as separate event columns", () => {
     const primary = makeCalendar("Primary", { isPrimary: true });
     const projects = makeCalendar("Projects");
     const hidden = makeCalendar("Hidden");
@@ -372,23 +385,17 @@ describe("DayCalendarGrid", () => {
     expect(within(headers).getByText("Projects")).toBeInTheDocument();
     expect(within(headers).queryByText("Hidden")).not.toBeInTheDocument();
 
-    // Column widths settle after measurement/layout; wait so a transient
-    // single-column paint cannot flake the equal-width assertion in CI.
-    await waitFor(() => {
-      const primaryEvent = screen.getByRole("button", {
-        name: /primary event/i,
-      });
-      const projectEvent = screen.getByRole("button", {
-        name: /project event/i,
-      });
-      expect(
-        screen.queryByRole("button", { name: /hidden event/i }),
-      ).toBeNull();
-      expect(parseFloat(projectEvent.style.left)).toBeGreaterThan(
-        parseFloat(primaryEvent.style.left),
-      );
-      expect(primaryEvent.style.width).toBe(projectEvent.style.width);
+    const primaryEvent = screen.getByRole("button", {
+      name: /primary event/i,
     });
+    const projectEvent = screen.getByRole("button", {
+      name: /project event/i,
+    });
+    expect(screen.queryByRole("button", { name: /hidden event/i })).toBeNull();
+    expect(parseFloat(projectEvent.style.left)).toBeGreaterThan(
+      parseFloat(primaryEvent.style.left),
+    );
+    expect(primaryEvent.style.width).toBe(projectEvent.style.width);
   });
 
   it("falls back to the primary calendar when every calendar is disabled", () => {