import { describe, test, expect, beforeAll, afterAll } from "vitest"
import { existsSync, readFileSync, rmSync, mkdirSync } from "node:fs"
import path from "node:path"
import os from "node:os"
import { fileURLToPath } from "node:url"
import { spawnSync } from "node:child_process"
import { loadBrand } from "../src/config"
import { buildSvg } from "../src/render"
import { loadFixture } from "./helpers/fixtures"

const __dirname = path.dirname(fileURLToPath(import.meta.url))
const DRAW_IMAGE_DIR = path.resolve(__dirname, "..")
const TMP = path.join(os.tmpdir(), `draw-image-optional-e2e-${process.pid}`)

beforeAll(() => {
  if (existsSync(TMP)) rmSync(TMP, { recursive: true, force: true })
  mkdirSync(TMP, { recursive: true })
})

afterAll(() => {
  if (existsSync(TMP)) rmSync(TMP, { recursive: true, force: true })
})

function runCli(args: string[]): { status: number; stdout: string; stderr: string } {
  return spawnSync("node", ["--experimental-strip-types", path.join(DRAW_IMAGE_DIR, "cli.ts"), ...args], {
    encoding: "utf-8",
    cwd: DRAW_IMAGE_DIR,
  })
}

function assertPng(filePath: string) {
  expect(existsSync(filePath), `PNG not found: ${filePath}`).toBe(true)
  const buf = readFileSync(filePath)
  expect(buf.length).toBeGreaterThan(1000)
  expect(buf[0]).toBe(0x89)
  expect(buf[1]).toBe(0x50)
  expect(buf[2]).toBe(0x4e)
  expect(buf[3]).toBe(0x47)
}

describe("e2e — optional subtitle and badge via CLI", () => {
  test("render with title only → exit 0, valid PNG, svg has no empty badge and no subtitle", () => {
    const out = path.join(TMP, "optional.png")
    const r = runCli(["render", "cover", "--title", "Test", "--out", out, "--template-dir", "tests/fixtures"])
    expect(r.status, `stderr: ${r.stderr}`).toBe(0)
    assertPng(out)

    const brand = loadBrand(DRAW_IMAGE_DIR)
    const templateSvg = loadFixture("cover")
    const svg = buildSvg(templateSvg, brand, { template: "cover", title: "Test", out }, DRAW_IMAGE_DIR)
    expect(svg).not.toContain('x="780" y="780"')
    expect(svg).not.toContain('y="930"')
    expect(svg).not.toContain("{{subtitle}}")
  })
})
