import { describe, expect, it } from "vite-plus/test";

import { browserViewportSettingKey } from "~/browser/browserViewportLayout";

import { isPreviewViewportReady } from "./previewViewportReadiness";

describe("isPreviewViewportReady", () => {
  const landscape = {
    _tag: "preset",
    width: 844,
    height: 390,
    presetId: "iphone-12-pro",
  } as const;

  it("rejects a stale same-mode preset while React applies the requested orientation", () => {
    expect(
      isPreviewViewportReady({
        setting: landscape,
        appliedSettingKey: "preset:390:844:iphone-12-pro",
        declaredViewport: { width: 390, height: 844 },
        renderedViewport: { width: 390, height: 844 },
      }),
    ).toBe(false);
  });

  it("requires both the declaration and guest viewport to match a fixed request", () => {
    const appliedSettingKey = browserViewportSettingKey(landscape);
    expect(
      isPreviewViewportReady({
        setting: landscape,
        appliedSettingKey,
        declaredViewport: { width: 390, height: 844 },
        renderedViewport: { width: 844, height: 390 },
      }),
    ).toBe(false);
    expect(
      isPreviewViewportReady({
        setting: landscape,
        appliedSettingKey,
        declaredViewport: { width: 844, height: 390 },
        renderedViewport: { width: 844, height: 390 },
      }),
    ).toBe(true);
  });

  it("allows one pixel of Electron rounding tolerance in every mode", () => {
    expect(
      isPreviewViewportReady({
        setting: { _tag: "fill" },
        appliedSettingKey: "fill",
        declaredViewport: { width: 500, height: 700 },
        renderedViewport: { width: 501, height: 699 },
      }),
    ).toBe(true);
    expect(
      isPreviewViewportReady({
        setting: landscape,
        appliedSettingKey: browserViewportSettingKey(landscape),
        declaredViewport: { width: 844, height: 390 },
        renderedViewport: { width: 845, height: 389 },
      }),
    ).toBe(true);
    expect(
      isPreviewViewportReady({
        setting: landscape,
        appliedSettingKey: browserViewportSettingKey(landscape),
        declaredViewport: { width: 844, height: 390 },
        renderedViewport: { width: 846, height: 390 },
      }),
    ).toBe(false);
  });
});