import { expect, test } from "bun:test";
import { renderEmail } from "../src/index.ts";

test("explicit heading sizes are not multiplied by browser heading defaults", async () => {
  for (const size of [undefined, "36px", "expression(1)"]) {
    const result = await renderEmail(
      {
        schemaVersion: 1,
        kind: "email",
        meta: { subject: "Typography", lang: "en" },
        theme: { tokens: {} },
        root: {
          id: "root",
          type: "layout.email-document",
          version: 1,
          props: { width: "600" },
          styles: {},
          slots: {
            content: [
              {
                id: "heading",
                type: "content.heading",
                version: 1,
                props: { text: "Design that works", level: "1" },
                styles: size ? { fontSize: { base: size } } : {},
                slots: {},
              },
            ],
          },
        },
      },
      { amp: false, mjml: false },
    );
    expect(result.ok).toBe(true);
    if (!result.ok) continue;
    const html = result.value.parts.html.content;
    expect(html.includes("font-size:inherit;line-height:1.2;")).toBe(size === "36px");
    expect(html).not.toContain("expression(");
  }
});