chore: import upstream snapshot with attribution
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { buildActivityTimeAxis } from "~/components/primitives/charts/activityTimeAxis";
|
||||
|
||||
const SECOND = 1000;
|
||||
const MINUTE = 60 * SECOND;
|
||||
const HOUR = 60 * MINUTE;
|
||||
const DAY = 24 * HOUR;
|
||||
|
||||
function series(startISO: string, count: number, stepMs: number) {
|
||||
const start = new Date(startISO).getTime();
|
||||
return Array.from({ length: count }, (_, i) => ({ bucket: start + i * stepMs }));
|
||||
}
|
||||
|
||||
describe("buildActivityTimeAxis", () => {
|
||||
it("shows seconds in labels for sub-minute buckets", () => {
|
||||
const data = series("2026-06-22T00:00:00.000Z", 6, 5 * SECOND); // 5s buckets, 25s span
|
||||
const { tickFormatter } = buildActivityTimeAxis(data);
|
||||
const label = tickFormatter(data[0].bucket);
|
||||
// HH:MM:SS -> two colons
|
||||
expect(label.split(":").length).toBe(3);
|
||||
});
|
||||
|
||||
it("shows HH:MM (no seconds) for minute+ buckets within a day", () => {
|
||||
const data = series("2026-06-22T00:00:00.000Z", 12, 30 * MINUTE); // 30m buckets, 6h span
|
||||
const { tickFormatter } = buildActivityTimeAxis(data);
|
||||
const label = tickFormatter(data[0].bucket);
|
||||
expect(label.split(":").length).toBe(2);
|
||||
});
|
||||
|
||||
it("shows the date for multi-day ranges", () => {
|
||||
const data = series("2026-06-20T00:00:00.000Z", 4, DAY); // 4 days
|
||||
const { tickFormatter } = buildActivityTimeAxis(data);
|
||||
const label = tickFormatter(data[0].bucket);
|
||||
// e.g. "Jun 20" — no time component
|
||||
expect(label).toMatch(/[A-Za-z]{3}\s+\d{1,2}/);
|
||||
expect(label).not.toContain(":");
|
||||
});
|
||||
|
||||
it("formats labels in UTC", () => {
|
||||
const data = series("2026-06-22T13:30:00.000Z", 4, 15 * MINUTE);
|
||||
const { tickFormatter } = buildActivityTimeAxis(data);
|
||||
expect(tickFormatter(data[0].bucket)).toBe("13:30");
|
||||
});
|
||||
|
||||
it("tooltip formatter reads the bucket from payload and includes date + time for sub-day buckets", () => {
|
||||
const data = series("2026-06-22T00:00:00.000Z", 12, 30 * MINUTE);
|
||||
const { tooltipLabelFormatter } = buildActivityTimeAxis(data);
|
||||
const label = tooltipLabelFormatter("", [{ payload: { bucket: data[0].bucket } }]);
|
||||
expect(label).toContain("Jun");
|
||||
expect(label).toContain(":");
|
||||
});
|
||||
|
||||
it("tooltip formatter falls back to the raw label when no bucket is present", () => {
|
||||
const data = series("2026-06-22T00:00:00.000Z", 2, 30 * MINUTE);
|
||||
const { tooltipLabelFormatter } = buildActivityTimeAxis(data);
|
||||
expect(tooltipLabelFormatter("fallback", [{}])).toBe("fallback");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user