import { describe, expect, it } from "vitest";
import { readFileSync } from "node:fs";
import { resolve } from "node:path";

const readSource = () => readFileSync(resolve(__dirname, "./PermissionIpLocations.vue"), "utf8");

describe("PermissionIpLocations", () => {
  it("integrates source metrics into a compact overview above the map", () => {
    const source = readSource();

    expect(source).toContain('class="ip-overview"');
    expect(source).toContain('aria-label="来源指标"');
    expect(source).toContain('class="distribution-card"');
    expect(source).toContain("min-height: 44px");
    expect(source).toContain("grid-template-columns: minmax(0, 1fr) 300px");
    expect(source).toContain("padding: 10px");
  });

  it("keeps compact metric grids responsive", () => {
    const source = readSource();

    expect(source).toContain("@media (max-width: 1100px)");
    expect(source).toContain("@media (max-width: 520px)");
    expect(source).toContain(".metric-card:nth-child(odd)");
  });

  it("uses the complete desktop viewport for fullscreen maps", () => {
    const source = readSource();

    expect(source).toContain('modal-class="source-map-overlay"');
    expect(source).toContain(':option="fullscreenSourceMapOption"');
    expect(source).toContain("buildFlowMapOption(flowSourceData.value, \"ctms-world\", 1, \"全球访问链路\")");
    expect(source).toContain("buildFlowMapOption(chinaFlowSourceData.value, \"ctms-china\", 0.92, \"中国访问链路\")");
    expect(source).toContain(".source-map-overlay .source-map-dialog.el-dialog.is-fullscreen");
    expect(source).toContain("inset: 0 !important");
    expect(source).toContain("flex: 1 1 auto");
    expect(source).toContain("height: 100%;");
    expect(source).toContain("min-height: 48px");
  });

  it("keeps the all-time label and request semantics consistent", () => {
    const source = readSource();

    expect(source).toContain('all: "全部"');
    expect(source).toContain("all: undefined");
    expect(source).toContain('all_time: timeRangePreset.value === "all"');
    expect(source).not.toContain('all: "近 90 天"');
  });

  it("keeps fullscreen animation sharp without multiplying large canvas layers", () => {
    const source = readSource();

    expect(source).toContain('v-if="!fullscreenVisible"');
    expect(source).toContain("useDirtyRect: true");
    expect(source).toContain("Math.min(getDevicePixelRatio(), 2)");
    expect(source).not.toContain("getDevicePixelRatio() * 1.5");
    expect(source).not.toContain("zlevel:");
    expect(source).toContain("constantSpeed: 72");
    expect(source).toContain("trailLength: 0");
    expect(source).toContain('symbol: "circle"');
    expect(source).toContain('type: "scatter"');
    expect(source).toContain("chartAutoresize = { throttle: 120 }");
  });

  it("does not classify foreign locations as abnormal by geography alone", () => {
    const source = readSource();

    expect(source).toContain('mapMetric = ref<"traffic" | "risk">("traffic")');
    expect(source).toContain("riskColor(item.risk_level)");
    expect(source).not.toContain('item.country !== "中国"');
  });

  it("uses backend coordinates and keeps unmapped locations in the ranking", () => {
    const source = readSource();

    expect(source).toContain('const mapView = ref<MapView>("flow");');
    expect(source).toContain('load: () => import("../assets/china.json")');
    expect(source).toContain('load: () => import("../assets/world.json")');
    expect(source).toContain("item.longitude");
    expect(source).toContain("item.latitude");
    expect(source).toContain("external_fallback_ip_count");
    expect(source).toContain("外部补全");
    expect(source).toContain("chinaRankRows");
    expect(source).toContain('全部（保留期 ${periodMetadata.value.retention_days} 天）');
    expect(source).not.toContain('from "./worldMapSource"');
  });
});