vueecharts/tests/style.test.ts

import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";

describe("style entry", () => {
  const adoptedDescriptor = Object.getOwnPropertyDescriptor(
    Document.prototype,
    "adoptedStyleSheets",
  );

  beforeEach(() => {
    vi.resetModules();
    document.head.innerHTML = "";
  });

  afterEach(() => {
    if (adoptedDescriptor) {
      Object.defineProperty(document, "adoptedStyleSheets", adoptedDescriptor);
    } else {
      delete (document as any).adoptedStyleSheets;
    }
  });

  it("falls back to style tag when adoptedStyleSheets is unavailable", async () => {
    Object.defineProperty(document, "adoptedStyleSheets", {
      configurable: true,
      value: undefined,
    });

    const replaceSpy = vi.spyOn(CSSStyleSheet.prototype, "replaceSync");

    await import("../src/style");

    const styleEl = document.head.querySelector("style");

    expect(replaceSpy).not.toHaveBeenCalled();
    expect(styleEl).not.toBeNull();
    expect(styleEl?.textContent).not.toBe("");
  });
});