mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-07 18:26:17 +00:00
Miguel Ángel
40bd159103
## Summary - Add render queue panel with progress tracking, download, and delete actions - Restructure App layout: home page with project picker, session-based routing - Add ExpandOnHover component for preview-on-hover interactions (uses motion/react) - CompositionsTab now supports hover preview with expanded iframe view - Vite config: guard setInterval cleanup to dev-only (fixes CI build timeout) - Add favicon and update studio package deps ## Test plan - [x] Render queue shows progress, completes, and allows download - [x] Home page lists projects and navigates to session view - [x] ExpandOnHover shows expanded preview on mouse hover with spring animation - [x] `vite build` exits cleanly (no hanging process from setInterval) 🤖 Generated with [Claude Code](https://claude.com/claude-code)
111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import { describe, it, expect } from "vitest";
|
|
import { generateTicks } from "./Timeline";
|
|
import { formatTime } from "../lib/time";
|
|
|
|
describe("generateTicks", () => {
|
|
it("returns empty arrays for duration <= 0", () => {
|
|
expect(generateTicks(0)).toEqual({ major: [], minor: [] });
|
|
expect(generateTicks(-5)).toEqual({ major: [], minor: [] });
|
|
});
|
|
|
|
it("generates ticks for a short duration (3 seconds)", () => {
|
|
const { major } = generateTicks(3);
|
|
expect(major.length).toBeGreaterThan(0);
|
|
expect(major[0]).toBe(0);
|
|
expect(major).toContain(0);
|
|
expect(major).toContain(1);
|
|
expect(major).toContain(2);
|
|
expect(major).toContain(3);
|
|
});
|
|
|
|
it("generates ticks for a medium duration (10 seconds)", () => {
|
|
const { major, minor } = generateTicks(10);
|
|
expect(major).toContain(0);
|
|
expect(major).toContain(2);
|
|
expect(major).toContain(4);
|
|
expect(major).toContain(6);
|
|
expect(major).toContain(8);
|
|
expect(major).toContain(10);
|
|
expect(minor).toContain(1);
|
|
expect(minor).toContain(3);
|
|
expect(minor).toContain(5);
|
|
});
|
|
|
|
it("generates ticks for a long duration (120 seconds)", () => {
|
|
const { major, minor } = generateTicks(120);
|
|
expect(major).toContain(0);
|
|
expect(major).toContain(30);
|
|
expect(major).toContain(60);
|
|
expect(major).toContain(90);
|
|
expect(major).toContain(120);
|
|
expect(minor).toContain(15);
|
|
expect(minor).toContain(45);
|
|
});
|
|
|
|
it("generates ticks for a very long duration (500 seconds)", () => {
|
|
const { major } = generateTicks(500);
|
|
expect(major).toContain(0);
|
|
expect(major).toContain(60);
|
|
expect(major).toContain(120);
|
|
});
|
|
|
|
it("major and minor ticks do not overlap", () => {
|
|
const { major, minor } = generateTicks(30);
|
|
for (const t of minor) {
|
|
expect(major).not.toContain(t);
|
|
}
|
|
});
|
|
|
|
it("all tick values are non-negative", () => {
|
|
const { major, minor } = generateTicks(60);
|
|
for (const t of [...major, ...minor]) {
|
|
expect(t).toBeGreaterThanOrEqual(0);
|
|
}
|
|
});
|
|
|
|
it("major ticks always start at 0", () => {
|
|
for (const d of [1, 5, 10, 30, 60, 120, 300]) {
|
|
const { major } = generateTicks(d);
|
|
expect(major[0]).toBe(0);
|
|
}
|
|
});
|
|
});
|
|
|
|
describe("formatTime", () => {
|
|
it("formats 0 seconds as 0:00", () => {
|
|
expect(formatTime(0)).toBe("0:00");
|
|
});
|
|
|
|
it("formats seconds below a minute", () => {
|
|
expect(formatTime(5)).toBe("0:05");
|
|
expect(formatTime(30)).toBe("0:30");
|
|
expect(formatTime(59)).toBe("0:59");
|
|
});
|
|
|
|
it("formats exactly one minute", () => {
|
|
expect(formatTime(60)).toBe("1:00");
|
|
});
|
|
|
|
it("formats minutes and seconds", () => {
|
|
expect(formatTime(90)).toBe("1:30");
|
|
expect(formatTime(125)).toBe("2:05");
|
|
});
|
|
|
|
it("floors fractional seconds", () => {
|
|
expect(formatTime(5.7)).toBe("0:05");
|
|
expect(formatTime(59.9)).toBe("0:59");
|
|
expect(formatTime(90.5)).toBe("1:30");
|
|
});
|
|
|
|
it("handles large values", () => {
|
|
expect(formatTime(600)).toBe("10:00");
|
|
expect(formatTime(3661)).toBe("61:01");
|
|
});
|
|
|
|
it("zero-pads seconds to two digits", () => {
|
|
expect(formatTime(1)).toBe("0:01");
|
|
expect(formatTime(9)).toBe("0:09");
|
|
expect(formatTime(61)).toBe("1:01");
|
|
});
|
|
});
|