import { describe, expect, it } from "vitest";

import { defaultSkin, setSkin, skinDetails, skinNames } from "./skin";

describe("skin contract", () => {
  it("exposes a default skin that exists in the public name set", () => {
    expect(skinNames).toContain(defaultSkin);
    expect(skinDetails[defaultSkin].label).toBeTruthy();
  });

  it("sets the document root skin when no target element is provided", () => {
    setSkin("material");

    expect(document.documentElement.dataset.skin).toBe("material");
  });

  it("sets the provided target element instead of the document root", () => {
    const target = document.createElement("div");

    setSkin("material", target);

    expect(target.dataset.skin).toBe("material");
  });
});