42 lines
2.5 KiB
TypeScript
42 lines
2.5 KiB
TypeScript
import { describe, expect, test } from "bun:test";
|
|
import { unobscuredCanvasArea, viewportForAgentNodes } from "@/lib/canvas/canvas-viewport";
|
|
import { CanvasNodeType, type CanvasNodeData } from "@/types/canvas";
|
|
|
|
const node = (id: string, x: number, y: number): CanvasNodeData => ({ id, type: CanvasNodeType.Text, title: id, position: { x, y }, width: 300, height: 200 });
|
|
|
|
describe("Agent created node focus", () => {
|
|
test("pans to distant nodes without unnecessarily changing scale", () => {
|
|
const target = viewportForAgentNodes([node("new", 8000, -4000)], { x: 0, y: 0, k: 1 }, unobscuredCanvasArea({ width: 1200, height: 800 }))!;
|
|
expect(target.k).toBe(1);
|
|
expect(8150 * target.k + target.x).toBe(600);
|
|
expect(-3900 * target.k + target.y).toBe(400);
|
|
});
|
|
|
|
test("fits the whole new batch to the left of a right-side panel", () => {
|
|
const area = unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 780, top: 40, right: 1180, bottom: 780 });
|
|
expect(area).toEqual({ left: 0, top: 0, right: 780, bottom: 800 });
|
|
const nodes = [node("a", 3000, 2000), node("b", 4400, 2700)];
|
|
const target = viewportForAgentNodes(nodes, { x: 0, y: 0, k: 1 }, area)!;
|
|
expect(target.k).toBeLessThan(1);
|
|
for (const item of nodes) {
|
|
expect(item.position.x * target.k + target.x).toBeGreaterThanOrEqual(area.left + 55);
|
|
expect((item.position.x + item.width) * target.k + target.x).toBeLessThanOrEqual(area.right - 55);
|
|
expect(item.position.y * target.k + target.y).toBeGreaterThanOrEqual(area.top + 55);
|
|
expect((item.position.y + item.height) * target.k + target.y).toBeLessThanOrEqual(area.bottom - 55);
|
|
}
|
|
});
|
|
|
|
test("adapts to panels moved to the left or bottom", () => {
|
|
expect(unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 0, top: 0, right: 400, bottom: 800 }).left).toBe(400);
|
|
expect(unobscuredCanvasArea({ width: 1200, height: 800 }, { left: 0, top: 500, right: 1200, bottom: 800 }).bottom).toBe(500);
|
|
});
|
|
|
|
test("ignores offscreen overlays and handles fully covered narrow screens", () => {
|
|
const size = { width: 375, height: 600 };
|
|
const full = { left: 0, top: 0, right: 375, bottom: 600 };
|
|
expect(unobscuredCanvasArea(size, { left: 500, top: 0, right: 900, bottom: 600 })).toEqual(full);
|
|
expect(unobscuredCanvasArea(size, full)).toEqual(full);
|
|
expect(viewportForAgentNodes([], { x: 0, y: 0, k: 1 }, full)).toBeNull();
|
|
});
|
|
});
|