// @vitest-environment node
import fs from "node:fs";
import path from "node:path";
import { fileURLToPath } from "node:url";
import { describe, expect, test } from "vitest";

describe("Tailwind and Subframe theme integration", () => {
  test("addresses the Subframe white scale by shade in typography rules", () => {
    const testDir = path.dirname(fileURLToPath(import.meta.url));
    const config = fs.readFileSync(path.resolve(testDir, "../../../../../tailwind.config.ts"), "utf8");
    const theme = fs.readFileSync(path.resolve(testDir, "../../ui/theme.css"), "utf8");

    expect(theme).toContain("--color-white-1000:");
    expect(config).toContain('theme("colors.white.1000")');
    expect(config).not.toMatch(/theme\(["']colors\.white["']\)/);
  });
});