import { expect, test } from "bun:test";
import type { BlockNode } from "@wrnexus/blocks";
import { builderOutlineLabel } from "../src/outline.ts";

const node = (props: BlockNode["props"], type = "content.button"): BlockNode => ({ id: "n", type, version: 1, props, styles: {}, slots: {} });

test("outline uses registered names and distinguishes content without mutating it", () => {
  const block = node({ label: " Buy\n  now " });
  expect(builderOutlineLabel(block, { name: { fallback: "Button" } })).toBe("Button — Buy now");
  expect(block.props.label).toBe(" Buy\n  now ");
  expect(builderOutlineLabel(node({ width: "35%" }, "layout.column"), { name: { fallback: "Column" } })).toBe("Column — 35%");
  expect(builderOutlineLabel(node({}, "custom.unknown"))).toBe("custom.unknown");
});

test("outline bounds Unicode snippets and treats content as plain text", () => {
  const label = builderOutlineLabel(node({ label: "😀".repeat(65) }), { name: { fallback: "Button" } });
  expect(label).toBe("Button — " + "😀".repeat(64) + "…");
  expect(builderOutlineLabel(node({ label: '<img onerror="bad">' }))).toContain('<img onerror="bad">');
  expect(builderOutlineLabel(node({ text: {}, label: "", title: "Product title" }))).toBe("content.button — Product title");
});