import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest";

describe("platform web shared theme CSS", () => {
  it("suppresses nested state frames inside shared framed surfaces", () => {
    const themeCss = readFileSync(new URL("./base.css", import.meta.url), "utf8");
    const nestedStateReset = themeCss.slice(themeCss.indexOf("A state view inside an already framed surface"));

    expect(nestedStateReset).toContain(".state-view::after");
    expect(nestedStateReset).toContain("content: none");
    expect(nestedStateReset).toContain("background: transparent");
  });
});