import { expect, test } from "bun:test";
import { DEV_TOOLBAR_CSS, DEV_TOOLBAR_RUNTIME } from "../../src/client/index.ts";

test("exports usable development assets", () => {
  expect(DEV_TOOLBAR_RUNTIME).toContain("__wrnexusDevToolbar");
  expect(DEV_TOOLBAR_RUNTIME).toContain("wrnexus:navigated");
  expect(DEV_TOOLBAR_RUNTIME).toContain('data-category="cache"');
  expect(DEV_TOOLBAR_RUNTIME).toContain("/__wrnexus/cache");
  expect(DEV_TOOLBAR_RUNTIME).toContain('data-category="accessibility"');
  expect(DEV_TOOLBAR_RUNTIME).toContain('issue("plugin/"+app.id');
  expect(DEV_TOOLBAR_RUNTIME).toContain("apps.appendChild(button)");
  expect(DEV_TOOLBAR_RUNTIME).toContain("Low current-page CSS coverage");
  expect(DEV_TOOLBAR_RUNTIME).toContain("WRNexus UI and theme styles are excluded");
  expect(DEV_TOOLBAR_RUNTIME).toContain("checkedSelectors>=20&&unusedRatio>=.8");
  expect(DEV_TOOLBAR_RUNTIME).toContain("Development JavaScript is large");
  expect(DEV_TOOLBAR_RUNTIME).toContain("dev-toolbar\\.js");
  expect(DEV_TOOLBAR_RUNTIME).toContain("jsBytes>300000");
  expect(DEV_TOOLBAR_CSS).toContain(".wrn-panel");
  expect(DEV_TOOLBAR_CSS).toContain(".wrn-plugin-panel");
});