import { expect, test } from "bun:test";
import { createSectionPreset, emailPresets } from "../src/presets.ts";
import { renderEmailPreview } from "../src/browser.ts";
import type { BlockDocument } from "@wrnexus/blocks";

test("every designed preset renders natively without remote placeholder assets", async () => {
  for (const preset of emailPresets) {
    let id = 0;
    const section = createSectionPreset(preset.id, () => `preset-${++id}`);
    const document: BlockDocument = {schemaVersion:1,kind:"email",meta:{subject:"Preset QA"},theme:{tokens:{}},root:{id:"root",type:"layout.email-document",version:1,props:{width:"600"},styles:{},slots:{content:[section]}}};
    const before = JSON.stringify(document);
    const result = await renderEmailPreview(document, {variables:{recipientName:"Alex",organizationAddress:"Company address",unsubscribeUrl:"https://example.com/unsubscribe"}});
    expect(result.ok).toBe(true);
    if (result.ok) {
      expect(result.value.html).not.toContain("placehold.co");
      expect(result.value.html).toContain(String(section.props.background));
      expect(result.value.text.length).toBeGreaterThan(80);
    }
    expect(JSON.stringify(document)).toBe(before);
  }
});