import {
  DEFAULT_DIRECTOR_VIEW_SNAPSHOT,
  getViewportGizmoHitButtonStyle,
  getViewportSnapshotFromGizmoDirection,
  shouldRenderViewportGrid,
} from "./DirectorCanvas";
import { createDefaultDirectorProject } from "../store/directorStore";
import { getCameraViewSnapshotFromShot } from "../schema/cameraGeometry";
import { Vector3 } from "three";

function expectTupleToBeCloseTo(
  received: [number, number, number],
  expected: [number, number, number]
) {
  received.forEach((value, index) => {
    expect(value).toBeCloseTo(expected[index], 5);
  });
}

it("keeps the viewport grid visible when there is no panorama background", () => {
  expect(shouldRenderViewportGrid(false, false)).toBe(true);
});

it("keeps the viewport grid visible when a panorama background is active", () => {
  expect(shouldRenderViewportGrid(true, false)).toBe(true);
});

it("keeps the viewport grid visible when snap to grid is enabled during a panorama background", () => {
  expect(shouldRenderViewportGrid(true, true)).toBe(true);
});

it("starts the director and default camera view from a centered front composition", () => {
  const defaultCamera = createDefaultDirectorProject().cameras[0];

  expect(DEFAULT_DIRECTOR_VIEW_SNAPSHOT).toEqual({
    fov: 50,
    position: [0, 1.55, 5.4],
    target: [0, 1.05, 0],
  });
  const defaultCameraView = getCameraViewSnapshotFromShot(defaultCamera);

  expect(defaultCameraView.fov).toBe(DEFAULT_DIRECTOR_VIEW_SNAPSHOT.fov);
  expectTupleToBeCloseTo(defaultCameraView.position, defaultCamera.transform.position);
  expect(defaultCameraView.target).toEqual(DEFAULT_DIRECTOR_VIEW_SNAPSHOT.target);
  expect(defaultCamera.transform.position[0]).toBe(0);
  expect(defaultCamera.transform.position[1]).toBeGreaterThan(DEFAULT_DIRECTOR_VIEW_SNAPSHOT.target[1]);
});

it("keeps the current orbit distance when native gizmo axis clicks switch viewport direction", () => {
  const snapshot = getViewportSnapshotFromGizmoDirection(
    DEFAULT_DIRECTOR_VIEW_SNAPSHOT,
    new Vector3(1, 0, 0)
  );

  expect(snapshot.fov).toBe(DEFAULT_DIRECTOR_VIEW_SNAPSHOT.fov);
  expect(snapshot.target).toEqual(DEFAULT_DIRECTOR_VIEW_SNAPSHOT.target);
  expectTupleToBeCloseTo(snapshot.position, [5.423099, 1.05, 0]);
});

it("positions the transparent native gizmo hit target over the visible X axis head", () => {
  const style = getViewportGizmoHitButtonStyle(DEFAULT_DIRECTOR_VIEW_SNAPSHOT, [1, 0, 0]);

  // 命中框以 .viewport-gizmo-overlay 的 80px 图层为基准（见 index.css 契约测试）：
  // 中心 40px，X 轴正向落在屏幕半径 25px 处，15px 命中框需回退半个身位。
  expect(style.left).toBe("57.5px");
  expect(style.top).toBe("32.5px");
  expect(style.zIndex).toBe(100);
});