import { describe, expect, it } from "vitest";
import { themePaletteCss } from "@/lib/theme-css";
import { PRESETS } from "@/lib/theme-presets";

describe("themePaletteCss", () => {
  it("emits separate preset-specific light and dark scopes", () => {
    const ocean = PRESETS.Ocean;
    const css = `${themePaletteCss(":root", ocean.light)}${themePaletteCss("html.dark", ocean.dark)}`;

    expect(css).toContain(":root{");
    expect(css).toContain("html.dark{");
    expect(css).toContain(`--color-primary:${ocean.light.color_primary}`);
    expect(css).toContain(`--color-background:${ocean.light.color_background}`);
    expect(css).toContain(`--color-background:${ocean.dark.color_background}`);
    expect(ocean.dark.color_primary).toBe(ocean.light.color_primary);
  });
});