95 lines
2.8 KiB
TypeScript
95 lines
2.8 KiB
TypeScript
import { describe, expect, test } from "bun:test";
|
|
import {
|
|
renderEmail,
|
|
validateAmpEmail,
|
|
validateMjml,
|
|
importMjml,
|
|
type EmailRenderBundle,
|
|
} from "../src/index.ts";
|
|
import type { BlockDocument } from "@wrnexus/blocks";
|
|
|
|
const document: BlockDocument = {
|
|
schemaVersion: 1,
|
|
kind: "email",
|
|
meta: { subject: "Welcome", preheader: "Preview", lang: "en" },
|
|
theme: { tokens: {} },
|
|
root: {
|
|
id: "root",
|
|
type: "layout.email-document",
|
|
version: 1,
|
|
props: { width: "600", background: "#f3f4f6" },
|
|
styles: {},
|
|
slots: {
|
|
content: [
|
|
{
|
|
id: "section",
|
|
type: "layout.section",
|
|
version: 1,
|
|
props: { background: "#ffffff", padding: "24px" },
|
|
styles: {},
|
|
slots: {
|
|
content: [
|
|
{
|
|
id: "heading",
|
|
type: "content.heading",
|
|
version: 1,
|
|
props: { text: "Hello <world>", level: "1" },
|
|
styles: {},
|
|
slots: {},
|
|
},
|
|
{
|
|
id: "button",
|
|
type: "content.button",
|
|
version: 1,
|
|
props: { label: "Open", href: "https://example.com/" },
|
|
styles: {},
|
|
slots: {},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
};
|
|
|
|
describe("email renderer", () => {
|
|
test("renders deterministic HTML, text, AMP, and MJML", async () => {
|
|
const first = await renderEmail(document, { amp: true, mjml: true });
|
|
const second = await renderEmail(document, { amp: true, mjml: true });
|
|
expect(first).toEqual(second);
|
|
expect(first.ok).toBe(true);
|
|
if (!first.ok) return;
|
|
const value: EmailRenderBundle = first.value;
|
|
expect(value.parts.html.content).toContain("Hello <world>");
|
|
expect(value.parts.text.content).toContain("Hello <world>");
|
|
expect(value.parts.amp?.validation.valid).toBe(true);
|
|
expect(value.exports?.mjml).toContain("<mjml>");
|
|
});
|
|
|
|
test("validates AMP output", async () => {
|
|
expect((await validateAmpEmail("<html></html>")).valid).toBe(false);
|
|
});
|
|
|
|
test("rejects unsafe MJML and imports supported content", () => {
|
|
expect(
|
|
importMjml("<mjml><mj-body><mj-raw>x</mj-raw></mj-body></mjml>", {
|
|
id: () => crypto.randomUUID(),
|
|
subject: "x",
|
|
}).ok,
|
|
).toBe(false);
|
|
let n = 0;
|
|
const imported = importMjml(
|
|
"<mjml><mj-body><mj-section><mj-column><mj-text>Hello</mj-text></mj-column></mj-section></mj-body></mjml>",
|
|
{ id: () => `n${++n}`, subject: "Imported" },
|
|
);
|
|
expect(imported.ok).toBe(true);
|
|
});
|
|
|
|
test("strict MJML validation catches invalid nesting", async () => {
|
|
expect(
|
|
(await validateMjml("<mjml><mj-body><mj-text>x</mj-text></mj-body></mjml>")).length,
|
|
).toBeGreaterThan(0);
|
|
});
|
|
});
|