* fix: remove @calcom/web imports from packages/features to eliminate circular dependency - Migrate UserTableUser and MemberPermissions types to packages/features/users/types/user-table.ts - Migrate useGeo hook to packages/features/geo/GeoContext.tsx - Migrate buildLegacyRequest to packages/lib/buildLegacyCtx.ts - Migrate Calendar component to packages/features/calendars/weeklyview/components/ - Move test utilities (bookingScenario, fixtures) to packages/features/test/ - Update all imports in packages/features to use new locations - Add re-exports in apps/web for backward compatibility Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: delete original implementation files and fix type issues - Delete original calendar component files in apps/web (keep only re-export stubs) - Migrate OutOfOfficeInSlots to packages/features/bookings/components - Convert apps/web OutOfOfficeInSlots to re-export stub - Fix className vs class issue in Calendar.tsx - Fix @calcom/trpc import violation in user-table.ts by using structural type Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing isGroup and contains fields to UserTableUser attributes type Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update customRole type to match actual Prisma Role model Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix build * fix * fix * cleanup weeklyview * fix * refactor to mv MemberPermissions to types package * add types dependency to features * fix * fix * fix * fix * fix * fix * rename * rename * migrate * migrate * migrate * fix * fix * fix * refactor: move test utilities from packages/features/test to tests/libs - Move bookingScenario utilities to tests/libs/bookingScenario - Move fixtures to tests/libs/fixtures - Update all imports in packages/features test files to use new location - Update all imports in apps/web test files to use new location - Eliminates duplication of test utilities between packages/features and apps/web Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: correct relative import paths for tests/libs in test files Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: replace test utility implementations with re-exports to tests/libs Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: fix test import paths and move signup handler tests to apps/web Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: move buildLegacyCtx to packages/lib and restore handlers to packages/features - Move buildLegacyCtx from apps/web/lib to packages/lib to break circular dependency - Update apps/web/lib/buildLegacyCtx.ts to re-export from @calcom/lib - Restore signup handlers and tests to packages/features/auth/signup/handlers - Update handler imports to use @calcom/lib/buildLegacyCtx instead of @calcom/web/lib/buildLegacyCtx Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update recurring-event.test.ts imports to use tests/libs path Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: delete test re-export files and update imports to use tests/libs directly Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update remaining test imports to use tests/libs directly Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update handleRecurringEventBooking calls to match function signature (1 arg) Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * remove * migrate tests * migrate tests * refactor: update test mock imports by removing and using async for mock creators. * fix type errors * fix: add type assertion for MockUser in p2002.test-suite.ts Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: restore locale import in compareReminderBodyToTemplate.test.ts using relative path Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * feat: create @calcom/testing package and migrate tests from /tests directory - Created new @calcom/testing package in /packages/testing - Moved all files from /tests to /packages/testing - Updated all imports across the codebase to use @calcom/testing alias - Removed /tests directory at root level This allows other packages like @calcom/features and @calcom/web to import testing utilities using the @calcom/testing alias instead of relative paths. Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix * fix * fix: add missing useBookings export to @calcom/atoms package Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add missing useCalendarsBusyTimes and useConnectedCalendars exports to @calcom/atoms Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * chore: add @calcom/testing as explicit devDependency to packages that use it Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: move setupVitest.ts into @calcom/testing package Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix * chore: add biome rules to restrict @calcom/testing imports Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix * rename libs to lib * rename libs to lib * add rule * add rule * refactor: remove @calcom/features imports from @calcom/testing - Move mockPaymentSuccessWebhookFromStripe to fresh-booking.test.ts - Replace ProfileRepository.generateProfileUid() with uuidv4() - Clone Tracking type into @calcom/testing/src/lib/types.ts - Update imports in expects.ts and getMockRequestDataForBooking.ts - Move source files into src/ folder - Move CalendarManager mock to @calcom/features Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: add explicit exports for nested paths in @calcom/testing Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * improve * improve * fix * fix * fix type checks * fix type checks * fix type checks * fix tests --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
1090 lines
35 KiB
TypeScript
1090 lines
35 KiB
TypeScript
import "@calcom/testing/lib/__mocks__/prisma";
|
|
|
|
import { describe, expect, it } from "vitest";
|
|
|
|
import dayjs from "@calcom/dayjs";
|
|
|
|
import { getTimeView, getDateRanges, formatPeriod } from "../insightsDateUtils";
|
|
|
|
describe("EventsInsights", () => {
|
|
describe("getDateRanges", () => {
|
|
describe("UTC timezone", () => {
|
|
const timeZone = "UTC";
|
|
|
|
it("should handle daily ranges", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z"; // Beginning of May 1st UTC
|
|
const endDate = "2025-05-03T23:59:59.999Z"; // End of May 3rd UTC
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-01T23:59:59.999Z",
|
|
formattedDate: "May 1",
|
|
formattedDateFull: "May 1",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-02T00:00:00.000Z",
|
|
endDate: "2025-05-02T23:59:59.999Z",
|
|
formattedDate: "2",
|
|
formattedDateFull: "May 2",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-03T00:00:00.000Z",
|
|
endDate: "2025-05-03T23:59:59.999Z",
|
|
formattedDate: "3",
|
|
formattedDateFull: "May 3",
|
|
});
|
|
});
|
|
|
|
it("should handle weekly ranges starting mid-week", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z"; // Thursday
|
|
const endDate = "2025-05-25T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(5);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-03T23:59:59.999Z",
|
|
formattedDate: "May 1 - 3",
|
|
formattedDateFull: "May 1 - May 3",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-04T00:00:00.000Z",
|
|
endDate: "2025-05-10T23:59:59.999Z",
|
|
formattedDate: "May 4 - 10",
|
|
formattedDateFull: "May 4 - May 10",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-11T00:00:00.000Z",
|
|
endDate: "2025-05-17T23:59:59.999Z",
|
|
formattedDate: "May 11 - 17",
|
|
formattedDateFull: "May 11 - May 17",
|
|
});
|
|
expect(ranges[3]).toEqual({
|
|
startDate: "2025-05-18T00:00:00.000Z",
|
|
endDate: "2025-05-24T23:59:59.999Z",
|
|
formattedDate: "May 18 - 24",
|
|
formattedDateFull: "May 18 - May 24",
|
|
});
|
|
expect(ranges[4]).toEqual({
|
|
startDate: "2025-05-25T00:00:00.000Z",
|
|
endDate: "2025-05-25T23:59:59.999Z",
|
|
formattedDate: "May 25 - 25",
|
|
formattedDateFull: "May 25 - May 25",
|
|
});
|
|
});
|
|
|
|
it("should handle monthly ranges", () => {
|
|
const startDate = "2025-05-15T00:00:00.000Z";
|
|
const endDate = "2025-07-15T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "month",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-15T00:00:00.000Z",
|
|
endDate: "2025-05-31T23:59:59.999Z",
|
|
formattedDate: "May",
|
|
formattedDateFull: "May",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-06-01T00:00:00.000Z",
|
|
endDate: "2025-06-30T23:59:59.999Z",
|
|
formattedDate: "Jun",
|
|
formattedDateFull: "Jun",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-07-01T00:00:00.000Z",
|
|
endDate: "2025-07-15T23:59:59.999Z",
|
|
formattedDate: "Jul",
|
|
formattedDateFull: "Jul",
|
|
});
|
|
});
|
|
|
|
it("should handle yearly ranges", () => {
|
|
const startDate = "2025-06-15T00:00:00.000Z";
|
|
const endDate = "2027-03-15T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "year",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-06-15T00:00:00.000Z",
|
|
endDate: "2025-12-31T23:59:59.999Z",
|
|
formattedDate: "2025",
|
|
formattedDateFull: "2025",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2026-01-01T00:00:00.000Z",
|
|
endDate: "2026-12-31T23:59:59.999Z",
|
|
formattedDate: "2026",
|
|
formattedDateFull: "2026",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2027-01-01T00:00:00.000Z",
|
|
endDate: "2027-03-15T23:59:59.999Z",
|
|
formattedDate: "2027",
|
|
formattedDateFull: "2027",
|
|
});
|
|
});
|
|
|
|
it("should handle same day ranges", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z";
|
|
const endDate = "2025-05-01T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(1);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-01T23:59:59.999Z",
|
|
formattedDate: "May 1",
|
|
formattedDateFull: "May 1",
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Europe/Paris timezone", () => {
|
|
const timeZone = "Europe/Paris";
|
|
|
|
it("should handle daily ranges across DST", () => {
|
|
const startDate = "2025-03-29T23:00:00.000Z"; // March 30th 00:00 Paris time
|
|
const endDate = "2025-03-31T21:59:59.999Z"; // March 31st 23:59:59 Paris time
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
// DST begins on Sunday, March 30, 2025, at 3:00 AM local time
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-03-29T23:00:00.000Z", // March 30th 00:00 Paris time
|
|
endDate: "2025-03-30T21:59:59.999Z", // March 30th 23:59:59 Paris time
|
|
formattedDate: "Mar 30",
|
|
formattedDateFull: "Mar 30",
|
|
});
|
|
expect(new Date(ranges[0].endDate).getTime() - new Date(ranges[0].startDate).getTime()).toBeLessThan(
|
|
23 * 60 * 60 * 1000
|
|
); // 1 hour is skipped
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-03-30T22:00:00.000Z", // March 31st 00:00 Paris time
|
|
endDate: "2025-03-31T21:59:59.999Z", // March 31st 23:59:59 Paris time
|
|
formattedDate: "31",
|
|
formattedDateFull: "Mar 31",
|
|
});
|
|
});
|
|
|
|
it("should handle weekly ranges", () => {
|
|
const startDate = "2025-05-15T22:00:00.000Z"; // May 16th 00:00 Paris time
|
|
const endDate = "2025-05-29T21:59:59.999Z"; // May 29th 23:59:59 Paris time
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-15T22:00:00.000Z",
|
|
endDate: "2025-05-17T21:59:59.999Z",
|
|
formattedDate: "May 16 - 17",
|
|
formattedDateFull: "May 16 - May 17",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-17T22:00:00.000Z",
|
|
endDate: "2025-05-24T21:59:59.999Z",
|
|
formattedDate: "May 18 - 24",
|
|
formattedDateFull: "May 18 - May 24",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-24T22:00:00.000Z",
|
|
endDate: "2025-05-29T21:59:59.999Z",
|
|
formattedDate: "May 25 - 29",
|
|
formattedDateFull: "May 25 - May 29",
|
|
});
|
|
});
|
|
|
|
it("should handle monthly ranges", () => {
|
|
const startDate = "2025-05-31T22:00:00.000Z"; // June 1st 00:00 Paris time
|
|
const endDate = "2025-07-31T21:59:59.999Z"; // July 31st 23:59:59 Paris time
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "month",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-31T22:00:00.000Z",
|
|
endDate: "2025-06-30T21:59:59.999Z",
|
|
formattedDate: "Jun",
|
|
formattedDateFull: "Jun",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-06-30T22:00:00.000Z",
|
|
endDate: "2025-07-31T21:59:59.999Z",
|
|
formattedDate: "Jul",
|
|
formattedDateFull: "Jul",
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Asia/Seoul timezone", () => {
|
|
const timeZone = "Asia/Seoul";
|
|
|
|
it("should handle daily ranges", () => {
|
|
const startDate = "2025-05-14T15:00:00.000Z"; // May 15th 00:00 Seoul time
|
|
const endDate = "2025-05-16T14:59:59.999Z"; // May 16th 23:59:59 Seoul time
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-14T15:00:00.000Z",
|
|
endDate: "2025-05-15T14:59:59.999Z",
|
|
formattedDate: "May 15",
|
|
formattedDateFull: "May 15",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-15T15:00:00.000Z",
|
|
endDate: "2025-05-16T14:59:59.999Z",
|
|
formattedDate: "16",
|
|
formattedDateFull: "May 16",
|
|
});
|
|
});
|
|
|
|
it("should handle weekly ranges", () => {
|
|
const startDate = "2025-05-11T15:00:00.000Z"; // May 12th 00:00 Seoul time (Monday)
|
|
const endDate = "2025-05-25T14:59:59.999Z"; // May 25th 23:59:59 Seoul time (Sunday)
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-11T15:00:00.000Z",
|
|
endDate: "2025-05-17T14:59:59.999Z",
|
|
formattedDate: "May 12 - 17",
|
|
formattedDateFull: "May 12 - May 17",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-17T15:00:00.000Z",
|
|
endDate: "2025-05-24T14:59:59.999Z",
|
|
formattedDate: "May 18 - 24",
|
|
formattedDateFull: "May 18 - May 24",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-24T15:00:00.000Z",
|
|
endDate: "2025-05-25T14:59:59.999Z",
|
|
formattedDate: "May 25 - 25",
|
|
formattedDateFull: "May 25 - May 25",
|
|
});
|
|
});
|
|
|
|
it("should handle monthly ranges", () => {
|
|
const startDate = "2025-04-30T15:00:00.000Z"; // May 1st 00:00 Seoul time
|
|
const endDate = "2025-06-30T14:59:59.999Z"; // June 30th 23:59:59 Seoul time
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "month",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-04-30T15:00:00.000Z",
|
|
endDate: "2025-05-31T14:59:59.999Z",
|
|
formattedDate: "May",
|
|
formattedDateFull: "May",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-31T15:00:00.000Z",
|
|
endDate: "2025-06-30T14:59:59.999Z",
|
|
formattedDate: "Jun",
|
|
formattedDateFull: "Jun",
|
|
});
|
|
});
|
|
});
|
|
|
|
it("should return empty array for invalid timeView", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z";
|
|
const endDate = "2025-05-03T23:59:59.999Z";
|
|
const timeZone = "UTC";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
weekStart: "Sunday",
|
|
// @ts-expect-error - Testing invalid timeView value
|
|
timeView: "invalid",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toEqual([]);
|
|
});
|
|
|
|
describe("Week start variations", () => {
|
|
const timeZone = "UTC";
|
|
|
|
it("should handle weekly ranges with Monday start", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z"; // Thursday
|
|
const endDate = "2025-05-14T23:59:59.999Z"; // Wednesday
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-04T23:59:59.999Z",
|
|
formattedDate: "May 1 - 4",
|
|
formattedDateFull: "May 1 - May 4",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-05T00:00:00.000Z",
|
|
endDate: "2025-05-11T23:59:59.999Z",
|
|
formattedDate: "May 5 - 11",
|
|
formattedDateFull: "May 5 - May 11",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-12T00:00:00.000Z",
|
|
endDate: "2025-05-14T23:59:59.999Z",
|
|
formattedDate: "May 12 - 14",
|
|
formattedDateFull: "May 12 - May 14",
|
|
});
|
|
});
|
|
|
|
it("should handle weekly ranges with Sunday start", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z"; // Thursday
|
|
const endDate = "2025-05-14T23:59:59.999Z"; // Wednesday
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Sunday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-03T23:59:59.999Z",
|
|
formattedDate: "May 1 - 3",
|
|
formattedDateFull: "May 1 - May 3",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-04T00:00:00.000Z",
|
|
endDate: "2025-05-10T23:59:59.999Z",
|
|
formattedDate: "May 4 - 10",
|
|
formattedDateFull: "May 4 - May 10",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-11T00:00:00.000Z",
|
|
endDate: "2025-05-14T23:59:59.999Z",
|
|
formattedDate: "May 11 - 14",
|
|
formattedDateFull: "May 11 - May 14",
|
|
});
|
|
});
|
|
|
|
it("should handle weekly ranges with Saturday start", () => {
|
|
const startDate = "2025-05-01T00:00:00.000Z"; // Thursday
|
|
const endDate = "2025-05-14T23:59:59.999Z"; // Wednesday
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Saturday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
expect(ranges[0]).toEqual({
|
|
startDate: "2025-05-01T00:00:00.000Z",
|
|
endDate: "2025-05-02T23:59:59.999Z",
|
|
formattedDate: "May 1 - 2",
|
|
formattedDateFull: "May 1 - May 2",
|
|
});
|
|
expect(ranges[1]).toEqual({
|
|
startDate: "2025-05-03T00:00:00.000Z",
|
|
endDate: "2025-05-09T23:59:59.999Z",
|
|
formattedDate: "May 3 - 9",
|
|
formattedDateFull: "May 3 - May 9",
|
|
});
|
|
expect(ranges[2]).toEqual({
|
|
startDate: "2025-05-10T00:00:00.000Z",
|
|
endDate: "2025-05-14T23:59:59.999Z",
|
|
formattedDate: "May 10 - 14",
|
|
formattedDateFull: "May 10 - May 14",
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("formatPeriod", () => {
|
|
describe("Day View", () => {
|
|
describe("Beginning of data (wholeStart === start)", () => {
|
|
it("should always show month for the first day when same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-15"),
|
|
end: dayjs("2024-01-15"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"), // Same as start
|
|
wholeEnd: dayjs("2024-01-20"),
|
|
});
|
|
expect(result).toBe("Jan 15");
|
|
});
|
|
|
|
it("should always show month for the first day when different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-15"),
|
|
end: dayjs("2024-01-15"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"), // Same as start
|
|
wholeEnd: dayjs("2025-02-01"),
|
|
});
|
|
expect(result).toBe("Jan 15, 2024");
|
|
});
|
|
});
|
|
|
|
describe("First day of month (start.date() === 1)", () => {
|
|
it("should show month for 1st day of month when same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-02-01"),
|
|
end: dayjs("2024-02-01"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"),
|
|
wholeEnd: dayjs("2024-02-10"),
|
|
});
|
|
expect(result).toBe("Feb 1");
|
|
});
|
|
|
|
it("should show month for 1st day of month when different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-02-01"),
|
|
end: dayjs("2024-02-01"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2023-12-15"),
|
|
wholeEnd: dayjs("2024-03-01"),
|
|
});
|
|
expect(result).toBe("Feb 1, 2024");
|
|
});
|
|
});
|
|
|
|
describe("Regular days (not first day, not 1st of month)", () => {
|
|
it("should omit month for regular days when same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-16"),
|
|
end: dayjs("2024-01-16"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"),
|
|
wholeEnd: dayjs("2024-01-20"),
|
|
});
|
|
expect(result).toBe("16");
|
|
});
|
|
|
|
it("should omit month but show year for regular days when different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-16"),
|
|
end: dayjs("2024-01-16"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2023-12-15"),
|
|
wholeEnd: dayjs("2024-02-01"),
|
|
});
|
|
expect(result).toBe("16, 2024");
|
|
});
|
|
});
|
|
|
|
describe("Edge cases", () => {
|
|
it("should show month when start is both beginning of data AND 1st of month", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-01"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-01"), // Same as start AND 1st of month
|
|
wholeEnd: dayjs("2024-01-05"),
|
|
});
|
|
expect(result).toBe("Jan 1");
|
|
});
|
|
|
|
it("should show month for last day of month if it's 1st of month (edge case)", () => {
|
|
// This tests the case where start.date() === 1 takes precedence
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-03-01"),
|
|
end: dayjs("2024-03-01"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-02-28"),
|
|
wholeEnd: dayjs("2024-03-05"),
|
|
});
|
|
expect(result).toBe("Mar 1");
|
|
});
|
|
|
|
it("should omit month for end of month when not 1st and not beginning", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-31"),
|
|
end: dayjs("2024-01-31"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"),
|
|
wholeEnd: dayjs("2024-02-05"),
|
|
});
|
|
expect(result).toBe("31");
|
|
});
|
|
});
|
|
|
|
describe("Real-world scenarios", () => {
|
|
it("should format a range from Jan 15 to Jan 20 correctly", () => {
|
|
// Simulating how getDateRanges would call formatPeriod for each day
|
|
const wholeStart = dayjs("2024-01-15");
|
|
const wholeEnd = dayjs("2024-01-20");
|
|
|
|
const results: string[] = [];
|
|
for (let i = 0; i <= 5; i++) {
|
|
const currentDay = wholeStart.add(i, "day");
|
|
results.push(
|
|
formatPeriod({
|
|
start: currentDay,
|
|
end: currentDay,
|
|
timeView: "day",
|
|
wholeStart,
|
|
wholeEnd,
|
|
})
|
|
);
|
|
}
|
|
|
|
expect(results).toEqual(["Jan 15", "16", "17", "18", "19", "20"]);
|
|
});
|
|
|
|
it("should format a range from Jan 30 to Feb 3 correctly", () => {
|
|
// Simulating month transition
|
|
const wholeStart = dayjs("2024-01-30");
|
|
const wholeEnd = dayjs("2024-02-03");
|
|
|
|
const results: string[] = [];
|
|
let currentDay = wholeStart;
|
|
while (currentDay.isBefore(wholeEnd) || currentDay.isSame(wholeEnd)) {
|
|
results.push(
|
|
formatPeriod({
|
|
start: currentDay,
|
|
end: currentDay,
|
|
timeView: "day",
|
|
wholeStart,
|
|
wholeEnd,
|
|
})
|
|
);
|
|
currentDay = currentDay.add(1, "day");
|
|
}
|
|
|
|
expect(results).toEqual(["Jan 30", "31", "Feb 1", "2", "3"]);
|
|
});
|
|
|
|
it("should format a range from Dec 30, 2023 to Jan 2, 2024 correctly", () => {
|
|
// Simulating year transition with different years
|
|
const wholeStart = dayjs("2023-12-30");
|
|
const wholeEnd = dayjs("2024-01-02");
|
|
|
|
const results: string[] = [];
|
|
let currentDay = wholeStart;
|
|
while (currentDay.isBefore(wholeEnd) || currentDay.isSame(wholeEnd)) {
|
|
results.push(
|
|
formatPeriod({
|
|
start: currentDay,
|
|
end: currentDay,
|
|
timeView: "day",
|
|
wholeStart,
|
|
wholeEnd,
|
|
})
|
|
);
|
|
currentDay = currentDay.add(1, "day");
|
|
}
|
|
|
|
expect(results).toEqual(["Dec 30, 2023", "31, 2023", "Jan 1, 2024", "2, 2024"]);
|
|
});
|
|
|
|
it("should format a single day range correctly", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-15"),
|
|
end: dayjs("2024-01-15"),
|
|
timeView: "day",
|
|
wholeStart: dayjs("2024-01-15"),
|
|
wholeEnd: dayjs("2024-01-15"),
|
|
});
|
|
|
|
expect(result).toBe("Jan 15");
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Week View", () => {
|
|
describe("Same month", () => {
|
|
it("should format dates without year when wholeStart and wholeEnd are same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-07"),
|
|
timeView: "week",
|
|
wholeStart: dayjs("2024-01-01"),
|
|
wholeEnd: dayjs("2024-12-31"),
|
|
});
|
|
expect(result).toBe("Jan 1 - 7");
|
|
});
|
|
|
|
it("should format dates with year when wholeStart and wholeEnd are different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-07"),
|
|
timeView: "week",
|
|
wholeStart: dayjs("2023-12-01"),
|
|
wholeEnd: dayjs("2024-02-01"),
|
|
});
|
|
expect(result).toBe("Jan 1 - 7, 2024");
|
|
});
|
|
});
|
|
|
|
describe("Different months", () => {
|
|
it("should format dates without year when wholeStart and wholeEnd are same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-29"),
|
|
end: dayjs("2024-02-04"),
|
|
timeView: "week",
|
|
wholeStart: dayjs("2024-01-01"),
|
|
wholeEnd: dayjs("2024-12-31"),
|
|
});
|
|
expect(result).toBe("Jan 29 - Feb 4");
|
|
});
|
|
|
|
it("should format dates with year when wholeStart and wholeEnd are different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-29"),
|
|
end: dayjs("2024-02-04"),
|
|
timeView: "week",
|
|
wholeStart: dayjs("2023-12-01"),
|
|
wholeEnd: dayjs("2024-03-01"),
|
|
});
|
|
expect(result).toBe("Jan 29 - Feb 4, 2024");
|
|
});
|
|
});
|
|
|
|
describe("Different years", () => {
|
|
it("should format dates with respective years when start and end span different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2023-12-31"),
|
|
end: dayjs("2024-01-06"),
|
|
timeView: "week",
|
|
wholeStart: dayjs("2023-12-01"),
|
|
wholeEnd: dayjs("2024-01-31"),
|
|
});
|
|
expect(result).toBe("Dec 31 , 2023 - Jan 6, 2024");
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("Month View", () => {
|
|
it("should format month without year when wholeStart and wholeEnd are same year", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-31"),
|
|
timeView: "month",
|
|
wholeStart: dayjs("2024-01-01"),
|
|
wholeEnd: dayjs("2024-12-31"),
|
|
});
|
|
expect(result).toBe("Jan");
|
|
});
|
|
|
|
it("should format month with year when wholeStart and wholeEnd are different years", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-31"),
|
|
timeView: "month",
|
|
wholeStart: dayjs("2023-12-01"),
|
|
wholeEnd: dayjs("2024-02-01"),
|
|
});
|
|
expect(result).toBe("Jan 2024");
|
|
});
|
|
});
|
|
|
|
describe("Year View", () => {
|
|
it("should format year regardless of wholeStart and wholeEnd values", () => {
|
|
const resultWithSameYear = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-12-31"),
|
|
timeView: "year",
|
|
wholeStart: dayjs("2024-01-01"),
|
|
wholeEnd: dayjs("2024-12-31"),
|
|
});
|
|
expect(resultWithSameYear).toBe("2024");
|
|
|
|
const resultWithDifferentYears = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-12-31"),
|
|
timeView: "year",
|
|
wholeStart: dayjs("2023-12-01"),
|
|
wholeEnd: dayjs("2025-01-01"),
|
|
});
|
|
expect(resultWithDifferentYears).toBe("2024");
|
|
});
|
|
});
|
|
|
|
describe("Invalid View", () => {
|
|
it("should return empty string for invalid timeView", () => {
|
|
const result = formatPeriod({
|
|
start: dayjs("2024-01-01"),
|
|
end: dayjs("2024-01-01"),
|
|
timeView: "invalid" as any,
|
|
wholeStart: dayjs("2024-01-01"),
|
|
wholeEnd: dayjs("2024-12-31"),
|
|
});
|
|
expect(result).toBe("");
|
|
});
|
|
});
|
|
});
|
|
|
|
describe("getTimeView", () => {
|
|
it("should return year for ranges over 365 days", () => {
|
|
const result = getTimeView("2024-01-01T00:00:00.000Z", "2025-02-01T00:00:00.000Z");
|
|
expect(result).toBe("year");
|
|
});
|
|
|
|
it("should return month for ranges between 90 and 365 days", () => {
|
|
const result = getTimeView("2024-01-01T00:00:00.000Z", "2024-05-01T00:00:00.000Z");
|
|
expect(result).toBe("month");
|
|
});
|
|
|
|
it("should return week for ranges between 14 and 90 days", () => {
|
|
const result = getTimeView("2024-01-01T00:00:00.000Z", "2024-02-01T00:00:00.000Z");
|
|
expect(result).toBe("week");
|
|
});
|
|
|
|
it("should return day for ranges under 14 days", () => {
|
|
const result = getTimeView("2024-01-01T00:00:00.000Z", "2024-01-10T00:00:00.000Z");
|
|
expect(result).toBe("day");
|
|
});
|
|
|
|
it("should handle same day range", () => {
|
|
const result = getTimeView("2024-01-01T00:00:00.000Z", "2024-01-01T23:59:59.999Z");
|
|
expect(result).toBe("day");
|
|
});
|
|
});
|
|
|
|
describe("getDateRanges - Formatting Comparison", () => {
|
|
const timeZone = "UTC";
|
|
|
|
describe("Daily view formatting differences", () => {
|
|
it("should show smart vs full formatting for consecutive days", () => {
|
|
const startDate = "2024-01-15T00:00:00.000Z";
|
|
const endDate = "2024-01-19T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(5);
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 15", "16", "17", "18", "19"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan 15", "Jan 16", "Jan 17", "Jan 18", "Jan 19"]);
|
|
});
|
|
|
|
it("should show formatting differences across month boundaries", () => {
|
|
const startDate = "2024-01-30T00:00:00.000Z";
|
|
const endDate = "2024-02-02T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(4);
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 30", "31", "Feb 1", "2"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan 30", "Jan 31", "Feb 1", "Feb 2"]);
|
|
});
|
|
});
|
|
|
|
describe("Weekly view formatting differences", () => {
|
|
it("should show smart vs full formatting for weekly ranges", () => {
|
|
const startDate = "2024-01-15T00:00:00.000Z"; // Monday
|
|
const endDate = "2024-01-28T23:59:59.999Z"; // Sunday
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 15 - 21", "Jan 22 - 28"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan 15 - Jan 21", "Jan 22 - Jan 28"]);
|
|
});
|
|
|
|
it("should show formatting differences for cross-month weekly ranges", () => {
|
|
const startDate = "2024-01-29T00:00:00.000Z"; // Monday
|
|
const endDate = "2024-02-11T23:59:59.999Z"; // Sunday
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "week",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(2);
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 29 - Feb 4", "Feb 5 - 11"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan 29 - Feb 4", "Feb 5 - Feb 11"]);
|
|
});
|
|
});
|
|
|
|
describe("Monthly view formatting differences", () => {
|
|
it("should show consistent formatting for monthly ranges", () => {
|
|
const startDate = "2024-01-15T00:00:00.000Z";
|
|
const endDate = "2024-03-15T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "month",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
expect(ranges).toHaveLength(3);
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan", "Feb", "Mar"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan", "Feb", "Mar"]);
|
|
});
|
|
});
|
|
|
|
describe("Real-world usage examples", () => {
|
|
it("should demonstrate practical differences for chart display", () => {
|
|
// Simulate a common analytics scenario: 7 days of data
|
|
const startDate = "2024-01-15T00:00:00.000Z";
|
|
const endDate = "2024-01-21T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 15", "16", "17", "18", "19", "20", "21"]);
|
|
|
|
expect(formattedDatesFull).toEqual([
|
|
"Jan 15",
|
|
"Jan 16",
|
|
"Jan 17",
|
|
"Jan 18",
|
|
"Jan 19",
|
|
"Jan 20",
|
|
"Jan 21",
|
|
]);
|
|
});
|
|
|
|
it("should show benefits of full formatting for data export", () => {
|
|
// Simulate data that might be exported or used in external systems
|
|
const startDate = "2024-01-30T00:00:00.000Z";
|
|
const endDate = "2024-02-05T23:59:59.999Z";
|
|
|
|
const ranges = getDateRanges({
|
|
startDate,
|
|
endDate,
|
|
timeZone,
|
|
timeView: "day",
|
|
weekStart: "Monday",
|
|
});
|
|
|
|
if (!ranges) {
|
|
throw new Error("Expected ranges to be defined");
|
|
}
|
|
|
|
const formattedDates = ranges.map((r) => r.formattedDate);
|
|
const formattedDatesFull = ranges.map((r) => r.formattedDateFull);
|
|
|
|
expect(formattedDates).toEqual(["Jan 30", "31", "Feb 1", "2", "3", "4", "5"]);
|
|
|
|
expect(formattedDatesFull).toEqual(["Jan 30", "Jan 31", "Feb 1", "Feb 2", "Feb 3", "Feb 4", "Feb 5"]);
|
|
});
|
|
});
|
|
});
|
|
});
|