import { describe, it, expect } from "vitest";
import { tokensToCss } from "../theme.js";

describe("tokensToCss", () => {
  it("converts token map to CSS custom property declarations", () => {
    const tokens = { "color-bg": "#f5f0e8", "font-size-base": "16px" };
    const result = tokensToCss(tokens);
    expect(result).toContain("--color-bg: #f5f0e8");
    expect(result).toContain("--font-size-base: 16px");
  });

  it("returns empty string for empty token map", () => {
    expect(tokensToCss({})).toBe("");
  });

  it("joins declarations with semicolons", () => {
    const result = tokensToCss({ a: "1", b: "2" });
    expect(result).toBe("--a: 1; --b: 2");
  });
});