Luke The Dev
38 lines
1.4 KiB
TypeScript
38 lines
1.4 KiB
TypeScript
import { readFileSync } from "node:fs";
|
|
import { dirname, resolve } from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import { describe, expect, it } from "vitest";
|
|
|
|
const TEST_DIR = dirname(fileURLToPath(import.meta.url));
|
|
const REPO_ROOT = resolve(TEST_DIR, "..", "..");
|
|
|
|
const COLOR_OWNED_FILES = [
|
|
"src/features/agents/components/FleetSidebar.tsx",
|
|
"src/features/agents/components/AgentChatPanel.tsx",
|
|
"src/features/agents/components/ConnectionPanel.tsx",
|
|
"src/features/agents/components/AgentInspectPanels.tsx",
|
|
"src/features/agents/components/GatewayConnectScreen.tsx",
|
|
"src/features/agents/components/AgentCreateModal.tsx",
|
|
"src/features/agents/components/HeaderBar.tsx",
|
|
"src/app/page.tsx",
|
|
] as const;
|
|
|
|
const RAW_HUE_UTILITY_PATTERN =
|
|
/\b(?:bg|text|border|from|to|via)-(?:amber|cyan|emerald|orange|violet|red|green|blue|zinc)-\d{2,3}(?:\/\d{1,3})?\b/g;
|
|
|
|
describe("color semantic guard", () => {
|
|
it("blocks raw hue utility classes in color-owned UI files", () => {
|
|
const offenders: string[] = [];
|
|
|
|
for (const relativePath of COLOR_OWNED_FILES) {
|
|
const source = readFileSync(resolve(REPO_ROOT, relativePath), "utf8");
|
|
const matches = source.match(RAW_HUE_UTILITY_PATTERN) ?? [];
|
|
for (const match of matches) {
|
|
offenders.push(`${relativePath}: ${match}`);
|
|
}
|
|
}
|
|
|
|
expect(offenders).toEqual([]);
|
|
});
|
|
});
|