@calcom/atoms 2.8.0 → 2.8.2

package/src/booker/__tests__/store.test.ts

@@ -1,230 +0,0 @@
-import { beforeEach, describe, expect, it } from "vitest";
-import { BookerLayouts } from "../../contracts";
-import { createBookerStore } from "../store";
-
-describe("createBookerStore", () => {
-  beforeEach(() => {
-    window.history.replaceState({}, "", "/");
-  });
-
-  it("seeds the default state", () => {
-    const store = createBookerStore();
-    const state = store.getState();
-    expect(state.state).toBe("loading");
-    expect(state.layout).toBe(BookerLayouts.MONTH_VIEW);
-    expect(state.isTeamEvent).toBe(false);
-    expect(state.selectedTimeslot).toBeDefined();
-    expect(state.verifiedEmail).toBeNull();
-    expect(state.verificationCode).toBeNull();
-  });
-
-  it("setState updates the state", () => {
-    const store = createBookerStore();
-    store.getState().setState("selecting_date");
-    expect(store.getState().state).toBe("selecting_date");
-  });
-
-  it("setLayout with week_view auto-populates selectedDate when unset", () => {
-    const store = createBookerStore();
-    expect(store.getState().selectedDate).toBeNull();
-    store.getState().setLayout(BookerLayouts.WEEK_VIEW);
-    expect(store.getState().layout).toBe(BookerLayouts.WEEK_VIEW);
-    expect(store.getState().selectedDate).toMatch(/\d{4}-\d{2}-\d{2}/);
-  });
-
-  it("setSelectedDate removes query param when date is falsy", () => {
-    const store = createBookerStore();
-    store.getState().setSelectedDate({ date: "2024-06-17" });
-    expect(store.getState().selectedDate).toBe("2024-06-17");
-
-    store.getState().setSelectedDate({ date: null });
-    // after unset, stored value stays but the query param is removed
-    expect(new URL(window.location.href).searchParams.get("date")).toBeNull();
-  });
-
-  it("setSelectedDate switches month when crossing month boundary", () => {
-    const store = createBookerStore();
-    store.getState().setSelectedDate({ date: "2024-06-17" });
-    store.getState().setSelectedDate({ date: "2024-07-01" });
-    expect(store.getState().month).toBe("2024-07");
-  });
-
-  it("setSelectedDate respects preventMonthSwitching", () => {
-    const store = createBookerStore();
-    store.getState().setSelectedDate({ date: "2024-06-17" });
-    const monthBefore = store.getState().month;
-    store.getState().setSelectedDate({ date: "2024-07-01", preventMonthSwitching: true });
-    expect(store.getState().month).toBe(monthBefore);
-  });
-
-  it("setSeatedEventData replaces state", () => {
-    const store = createBookerStore();
-    store.getState().setSeatedEventData({
-      seatsPerTimeSlot: 5,
-      attendees: 2,
-      bookingUid: "abc",
-      showAvailableSeatsCount: true,
-    });
-    expect(store.getState().seatedEventData.seatsPerTimeSlot).toBe(5);
-    expect(store.getState().seatedEventData.bookingUid).toBe("abc");
-  });
-
-  it("setDayCount updates the day count", () => {
-    const store = createBookerStore();
-    store.getState().setDayCount(7);
-    expect(store.getState().dayCount).toBe(7);
-    store.getState().setDayCount(null);
-    expect(store.getState().dayCount).toBeNull();
-  });
-
-  it("setVerifiedEmail / setVerificationCode store nullable values", () => {
-    const store = createBookerStore();
-    store.getState().setVerifiedEmail("alice@example.com");
-    expect(store.getState().verifiedEmail).toBe("alice@example.com");
-    store.getState().setVerifiedEmail(null);
-    expect(store.getState().verifiedEmail).toBeNull();
-
-    store.getState().setVerificationCode("123456");
-    expect(store.getState().verificationCode).toBe("123456");
-    store.getState().setVerificationCode(null);
-    expect(store.getState().verificationCode).toBeNull();
-  });
-
-  it("setMonth resets selectedTimeslot and clears selectedDate", () => {
-    const store = createBookerStore();
-    store.getState().setSelectedDate({ date: "2024-06-17" });
-    store.getState().setMonth("2024-09");
-    expect(store.getState().month).toBe("2024-09");
-  });
-
-  it("setMonth with null removes the query param", () => {
-    const store = createBookerStore();
-    window.history.replaceState({}, "", "/?month=2024-06");
-    store.getState().setMonth(null);
-    expect(new URL(window.location.href).searchParams.get("month")).toBeNull();
-  });
-
-  it("setSelectedDatesAndTimes stores the map", () => {
-    const store = createBookerStore();
-    const datesAndTimes = { "event-123": { "2024-06-17": ["10:00"] } };
-    store.getState().setSelectedDatesAndTimes(datesAndTimes);
-    expect(store.getState().selectedDatesAndTimes).toEqual(datesAndTimes);
-  });
-
-  it("addToSelectedDate advances the selected date and updates month on boundary", () => {
-    const store = createBookerStore();
-    // Use a future date to avoid the isBefore(today) clamp.
-    const futureYear = new Date().getFullYear() + 2;
-    store.getState().setSelectedDate({ date: `${futureYear}-06-30` });
-    store.getState().addToSelectedDate(1);
-    expect(store.getState().selectedDate).toBe(`${futureYear}-07-01`);
-    expect(store.getState().month).toBe(`${futureYear}-07`);
-  });
-
-  it("addToSelectedDate does not go before today", () => {
-    const store = createBookerStore();
-    // Set a date far in the past then subtract further
-    store.getState().setSelectedDate({ date: "1999-01-01" });
-    store.getState().addToSelectedDate(-1);
-    const result = store.getState().selectedDate;
-    // Should be clamped to today (a current-year date)
-    expect(result).toMatch(/^\d{4}-\d{2}-\d{2}$/);
-    const year = Number(result?.slice(0, 4));
-    expect(year).toBeGreaterThan(2000);
-  });
-
-  it("setTimezone updates the timezone state", () => {
-    const store = createBookerStore();
-    store.getState().setTimezone("America/New_York");
-    expect(store.getState().timezone).toBe("America/New_York");
-    store.getState().setTimezone(null);
-    expect(store.getState().timezone).toBeNull();
-  });
-
-  it("setSelectedDuration writes to the store and the query param", () => {
-    const store = createBookerStore();
-    store.getState().setSelectedDuration(30);
-    expect(store.getState().selectedDuration).toBe(30);
-    store.getState().setSelectedDuration(null);
-    expect(store.getState().selectedDuration).toBeNull();
-  });
-
-  it("setBookingData accepts null / undefined and stores null", () => {
-    const store = createBookerStore();
-    store.getState().setBookingData(undefined);
-    expect(store.getState().bookingData).toBeNull();
-    store.getState().setBookingData(null);
-    expect(store.getState().bookingData).toBeNull();
-  });
-
-  it("initialize persists username/eventSlug/eventId", () => {
-    const store = createBookerStore();
-    store.getState().initialize({
-      username: "alice",
-      eventSlug: "30min",
-      eventId: 42,
-      layout: BookerLayouts.MONTH_VIEW,
-    });
-    const state = store.getState();
-    expect(state.username).toBe("alice");
-    expect(state.eventSlug).toBe("30min");
-    expect(state.eventId).toBe(42);
-    expect(state.layout).toBe(BookerLayouts.MONTH_VIEW);
-  });
-
-  it("initialize with week_view preselects today", () => {
-    const store = createBookerStore();
-    store.getState().initialize({
-      username: "alice",
-      eventSlug: "30min",
-      eventId: 42,
-      layout: BookerLayouts.WEEK_VIEW,
-    });
-    expect(store.getState().selectedDate).toMatch(/^\d{4}-\d{2}-\d{2}$/);
-  });
-
-  it("initialize with isInstantMeeting sets today's month/date", () => {
-    const store = createBookerStore();
-    store.getState().initialize({
-      username: "alice",
-      eventSlug: "instant",
-      eventId: 42,
-      layout: BookerLayouts.MONTH_VIEW,
-      isInstantMeeting: true,
-    });
-    const state = store.getState();
-    expect(state.isInstantMeeting).toBe(true);
-    expect(state.month).toMatch(/^\d{4}-\d{2}$/);
-    expect(state.selectedDate).toMatch(/^\d{4}-\d{2}-\d{2}$/);
-    expect(typeof state.selectedTimeslot).toBe("string");
-  });
-
-  it("initialize with explicit month overrides default", () => {
-    const store = createBookerStore();
-    store.getState().initialize({
-      username: "alice",
-      eventSlug: "30min",
-      eventId: 42,
-      layout: BookerLayouts.MONTH_VIEW,
-      month: "2030-05",
-    });
-    expect(store.getState().month).toBe("2030-05");
-  });
-
-  it("initialize is idempotent when all inputs match the current state", () => {
-    const store = createBookerStore();
-    const args = {
-      username: "alice",
-      eventSlug: "30min",
-      eventId: 42,
-      layout: BookerLayouts.MONTH_VIEW,
-    };
-    store.getState().initialize(args);
-    // flip a field
-    store.getState().setLayout(BookerLayouts.WEEK_VIEW);
-    // call again with original layout — should early-return because state differs only in layout
-    store.getState().initialize(args);
-    // layout should be restored to MONTH_VIEW because initialize ran
-    expect(store.getState().layout).toBe(BookerLayouts.MONTH_VIEW);
-  });
-});