peter
ff80cc96fd
- F16: --rating (theme-scoped gold, 4.5:1 on the page and its chip), --rating-media, --live/--live-fg, --media-chrome replace 14 palette literals; a lint rule refuses palette classes; the theme contract measures them. - The Plex player's notices drew over its open settings/tracks popovers: notices z-base, popovers z-menu. - The player's info overlay rendered theme tokens on its always-dark panel: on a light theme the score (2.6:1), collection years (3.2:1) and cast initials (1.05:1) were unreadable; onDark variants now. - The lint-rule contract tests share one ESLint with a one-off warm-up (a cold first lint took 8 s, past vitest's 5 s).
37 lines
1.8 KiB
TypeScript
37 lines
1.8 KiB
TypeScript
import { describe, expect, it } from "vitest";
|
|
|
|
import { eslint } from "./lintProbe.testkit";
|
|
|
|
// The px-frozen BOX rule in eslint.config.js (beside the older `text-[Npx]` one). A `no-restricted-
|
|
// syntax` selector that matches nothing looks exactly like a clean codebase, so pin that it fires.
|
|
|
|
async function refused(source: string): Promise<number> {
|
|
const [result] = await eslint.lintText(source, { filePath: "src/components/__probe.tsx" });
|
|
return (result?.messages ?? []).filter((m) => m.message.startsWith("px-frozen box size")).length;
|
|
}
|
|
|
|
describe("a px-frozen box utility", () => {
|
|
it("is refused in a string and in a template literal", async () => {
|
|
// Assembled, so this file does not trip the very rule it probes.
|
|
const px = (u: string, n: number) => `${u}-[${n}px]`;
|
|
expect(await refused(`export const a = "group ${px("w", 150)} shrink-0";\n`)).toBe(1);
|
|
expect(await refused("export const b = `x ${1} " + px("max-w", 240) + "`;\n")).toBe(1);
|
|
});
|
|
|
|
// A fractional size is as frozen as a whole one: `text-[9.5px]` sat in the Glass tuner past an
|
|
// integer-only pattern (debt burn 2026-09).
|
|
it("is refused with a fractional size, for a box and for a font", async () => {
|
|
const px = (u: string, n: number) => `${u}-[${n}px]`;
|
|
expect(await refused(`export const e = "${px("w", 12.5)}";\n`)).toBe(1);
|
|
const [font] = await eslint.lintText(`export const f = "${px("text", 9.5)}";\n`, {
|
|
filePath: "src/components/__probe.tsx",
|
|
});
|
|
expect(font?.messages.some((m) => m.message.startsWith("px-frozen font size"))).toBe(true);
|
|
});
|
|
|
|
it("leaves the spacing scale, a rem arbitrary and a grid track alone", async () => {
|
|
expect(await refused('export const c = "w-37.5 max-w-60 text-[0.75rem]";\n')).toBe(0);
|
|
expect(await refused('export const d = "grid-cols-[1fr_240px]";\n')).toBe(0);
|
|
});
|
|
});
|