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

const parse = (columns: string) => {
  let id = 0;
  return importMjml(`<mjml><mj-body><mj-section>${columns}</mj-section></mj-body></mjml>`, {
    subject: "Imported",
    id: () => `n${++id}`,
  });
};

test("imported columns form one native row with preserved order and exact width totals", async () => {
  for (const widths of [
    ["", ""],
    ["33%", ""],
    ["", "", ""],
    ["25%", "75%"],
  ]) {
    const result = parse(
      widths
        .map(
          (width, index) =>
            `<mj-column${width ? ` width="${width}"` : ""}><mj-text>Column ${index}</mj-text></mj-column>`,
        )
        .join(""),
    );
    expect(result.ok).toBe(true);
    if (!result.ok) continue;
    const row = result.value.root.slots.content[0]!.slots.content[0]!;
    expect(row.type).toBe("layout.columns");
    expect(row.slots.columns.map((column) => column.slots.content[0]!.props.text)).toEqual(
      widths.map((_, index) => `Column ${index}`),
    );
    expect(
      row.slots.columns.reduce(
        (sum, column) => sum + Number.parseFloat(String(column.props.width)),
        0,
      ),
    ).toBeCloseTo(100, 8);
    const rendered = await renderEmail(result.value, { mjml: true });
    expect(rendered.ok).toBe(true);
    if (rendered.ok) expect(rendered.value.exports?.mjml).toContain("<mj-column");
  }
});

test("import rejects invalid URLs, dimensions, widths, and native slot limits", () => {
  for (const input of [
    '<mj-column><mj-button href="javascript:alert(1)">Bad</mj-button></mj-column>',
    '<mj-column><mj-image src="https://example.com/x.png" width="99999px" /></mj-column>',
    '<mj-column width="75%"></mj-column><mj-column width="75%"></mj-column>',
    '<mj-column width="400px"></mj-column>',
    Array(5).fill("<mj-column><mj-text>X</mj-text></mj-column>").join(""),
  ])
    expect(parse(input).ok).toBe(false);
});

test("import enforces depth limits and rejects repeated instance IDs", () => {
  const nested =
    "<mjml><mj-body>" +
    "<mj-wrapper>".repeat(100) +
    "<mj-section><mj-column><mj-text>X</mj-text></mj-column></mj-section>" +
    "</mj-wrapper>".repeat(100) +
    "</mj-body></mjml>";
  expect(importMjml(nested, { subject: "Depth", id: () => "id" }).ok).toBe(false);
  expect(
    importMjml(
      "<mjml><mj-body><mj-section><mj-column><mj-text>X</mj-text></mj-column></mj-section></mj-body></mjml>",
      { subject: "IDs", id: () => "same" },
    ).ok,
  ).toBe(false);
});