746bb7438e
* fix(draw-image): use density 72 for 1024x1024 PNG output * test(draw-image): assert real PNG dimensions via IHDR decode * chore(assets): regenerate cover.png at 1024x1024 * docs(handoff): add handoff and ADR for density fix * docs(handoff): set PR number --------- Co-authored-by: opencode-agent <agent@opencode.local>
65 lines
2.4 KiB
TypeScript
65 lines
2.4 KiB
TypeScript
import { describe, test, expect, beforeAll } from "vitest"
|
|
import { existsSync, readFileSync, rmSync, mkdirSync, writeFileSync } from "node:fs"
|
|
import path from "node:path"
|
|
import { fileURLToPath } from "node:url"
|
|
import { spawnSync } from "node:child_process"
|
|
import { loadBrand } from "../src/config"
|
|
import { loadTemplate, buildSvg } from "../src/render"
|
|
|
|
const __dirname = path.dirname(fileURLToPath(import.meta.url))
|
|
const DRAW_IMAGE_DIR = path.resolve(__dirname, "..")
|
|
const TMP = "/tmp/draw-image-optional-integration"
|
|
|
|
beforeAll(() => {
|
|
if (existsSync(TMP)) rmSync(TMP, { recursive: true, force: true })
|
|
mkdirSync(TMP, { recursive: true })
|
|
})
|
|
|
|
function renderToPng(svg: string, outPath: string): void {
|
|
const tmpSvg = path.join(TMP, "input.svg")
|
|
writeFileSync(tmpSvg, svg)
|
|
const r = spawnSync("node", [path.join(DRAW_IMAGE_DIR, "render.mjs"), tmpSvg, outPath], {
|
|
encoding: "utf-8",
|
|
})
|
|
if (r.status !== 0) throw new Error(`render.mjs failed: ${r.stderr || r.stdout}`)
|
|
}
|
|
|
|
function assertPng(filePath: string) {
|
|
expect(existsSync(filePath), `PNG not found: ${filePath}`).toBe(true)
|
|
const buf = readFileSync(filePath)
|
|
expect(buf[0]).toBe(0x89)
|
|
expect(buf[1]).toBe(0x50)
|
|
expect(buf[2]).toBe(0x4e)
|
|
expect(buf[3]).toBe(0x47)
|
|
const width = buf.readUInt32BE(16)
|
|
const height = buf.readUInt32BE(20)
|
|
expect(width, `PNG width should be 1024, got ${width}`).toBe(1024)
|
|
expect(height, `PNG height should be 1024, got ${height}`).toBe(1024)
|
|
}
|
|
|
|
describe("integration — optional subtitle and badge", () => {
|
|
test("render without subtitle and without badge → valid PNG", () => {
|
|
const brand = loadBrand(DRAW_IMAGE_DIR)
|
|
const templateSvg = loadTemplate(DRAW_IMAGE_DIR, "cover")
|
|
const args = { template: "cover", title: "Bare" }
|
|
const svg = buildSvg(templateSvg, brand, args, DRAW_IMAGE_DIR)
|
|
const outPath = path.join(TMP, "bare.png")
|
|
renderToPng(svg, outPath)
|
|
assertPng(outPath)
|
|
})
|
|
|
|
test("render with subtitle and badge → valid PNG", () => {
|
|
const brand = loadBrand(DRAW_IMAGE_DIR)
|
|
const templateSvg = loadTemplate(DRAW_IMAGE_DIR, "cover")
|
|
const args = {
|
|
template: "cover",
|
|
title: "Full",
|
|
subtitle: "Sub Text",
|
|
slots: { badge: "mic" },
|
|
}
|
|
const svg = buildSvg(templateSvg, brand, args, DRAW_IMAGE_DIR)
|
|
const outPath = path.join(TMP, "full.png")
|
|
renderToPng(svg, outPath)
|
|
assertPng(outPath)
|
|
})
|
|
})
|