mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-15 23:56:29 +03:00
Paul BakausandClaude Fable 5.1
074c6a715d
`tests/fixtures/antipatterns/` gained `flat-type-hierarchy.html` (#702) and `linked-url-patterns.{css,html}` (#709) with the merge, so the corpus generator produced six `detect-fixture-*` cases with no goldens and the directory-wide cases (`detect-dir-*`, `detect-scope-*`, `detect-no-advisory-*`) moved. Every golden here was recorded from the binary and then cross-checked against `node cli/bin/cli.js` on an origin/main worktree over the same files: the six per-fixture cases agree byte for byte in JSON and text, and a full scan of `tests/fixtures/antipatterns` produces 432 findings identical on both engines after normalizing the repo path. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Vau2X53xGTjjTCXWMVBoNY
8 lines
8.2 KiB
JSON
8 lines
8.2 KiB
JSON
{
|
|
"stdout": "[\n {\n \"antipattern\": \"low-contrast\",\n \"name\": \"Low contrast text\",\n \"description\": \"Text does not meet WCAG AA contrast requirements (4.5:1 for body, 3:1 for large text). Increase the contrast between text and background.\",\n \"severity\": \"warning\",\n \"category\": \"quality\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"1.4:1 (need 4.5:1) — text #ffffff on #d9d9d9\"\n },\n {\n \"antipattern\": \"low-contrast\",\n \"name\": \"Low contrast text\",\n \"description\": \"Text does not meet WCAG AA contrast requirements (4.5:1 for body, 3:1 for large text). Increase the contrast between text and background.\",\n \"severity\": \"warning\",\n \"category\": \"quality\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"1.0:1 (need 4.5:1) — text #ffffff on #fafafa\"\n },\n {\n \"antipattern\": \"low-contrast\",\n \"name\": \"Low contrast text\",\n \"description\": \"Text does not meet WCAG AA contrast requirements (4.5:1 for body, 3:1 for large text). Increase the contrast between text and background.\",\n \"severity\": \"warning\",\n \"category\": \"quality\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"1.0:1 (need 4.5:1) — text #ffffff on #fafafa\"\n },\n {\n \"antipattern\": \"gradient-text\",\n \"name\": \"Gradient text\",\n \"description\": \"Gradient text is decorative rather than meaningful — a common AI tell, especially on headings and metrics. Use solid colors for text.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"background-clip: text + gradient\"\n },\n {\n \"antipattern\": \"pulsing-dot\",\n \"name\": \"Pulsing status dot\",\n \"description\": \"Small pulsing status dots simulate liveness decoratively. Reserve pulse animation for indicators tied to genuinely live, changing data; a static indicator with clear labeling is honest and calmer.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \".linked-pulse-dot — 8x8px dot with infinite \\\"linked-signal-cycle\\\" animation\"\n },\n {\n \"antipattern\": \"organic-clip-path\",\n \"name\": \"Organic contour drawn as clip-path\",\n \"description\": \"A clip-path polygon with many arbitrary vertices, or a curved clip-path path(), is CSS approximating a torn edge, blob, or silhouette. It reads as the cheap version of the effect and is usually a produced or photographic material replaced with code. Derive an alpha matte from the real image, or ship the shape as a cut-out raster; keep clip-path for geometry (cut corners, diagonals, hexagons).\",\n \"severity\": \"warning\",\n \"category\": \"quality\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"clip-path: polygon() with 16 vertices approximating an organic contour\"\n },\n {\n \"antipattern\": \"marquee\",\n \"name\": \"Auto-scrolling marquee\",\n \"description\": \"Continuously auto-scrolling content demands attention it has not earned and hides half its content at any moment. Reserve motion for content that changes; let readers move at their own pace.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \".linked-marquee — infinite horizontal loop animation \\\"linked-horizontal-loop\\\"\"\n },\n {\n \"antipattern\": \"marquee\",\n \"name\": \"Auto-scrolling marquee\",\n \"description\": \"Continuously auto-scrolling content demands attention it has not earned and hides half its content at any moment. Reserve motion for content that changes; let readers move at their own pace.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \".overridden-keyframes-animation — infinite horizontal loop animation \\\"overridden-horizontal-loop\\\"\"\n },\n {\n \"antipattern\": \"marquee\",\n \"name\": \"Auto-scrolling marquee\",\n \"description\": \"Continuously auto-scrolling content demands attention it has not earned and hides half its content at any moment. Reserve motion for content that changes; let readers move at their own pace.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \".layered-keyframes-animation — infinite horizontal loop animation \\\"layered-horizontal-loop\\\"\"\n },\n {\n \"antipattern\": \"marquee\",\n \"name\": \"Auto-scrolling marquee\",\n \"description\": \"Continuously auto-scrolling content demands attention it has not earned and hides half its content at any moment. Reserve motion for content that changes; let readers move at their own pace.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"/* Chromium makes nested keyframes globally available even while the enclosing\\n container condition is false, so this live reference must still scan. */\\n.inactive-container-animation-reference — infinite horizontal loop animation \\\"inactive-container-horizontal-loop\\\"\"\n },\n {\n \"antipattern\": \"marquee\",\n \"name\": \"Auto-scrolling marquee\",\n \"description\": \"Continuously auto-scrolling content demands attention it has not earned and hides half its content at any moment. Reserve motion for content that changes; let readers move at their own pace.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \".active-container-animation-reference — infinite horizontal loop animation \\\"active-container-horizontal-loop\\\"\"\n },\n {\n \"antipattern\": \"radial-halo\",\n \"name\": \"Radial-gradient background halo\",\n \"description\": \"A chromatic radial-gradient wash — saturated at the center, fading to transparent — used as a decorative background glow on a dark page. Same tell as glowing shadows, drawn with a gradient instead of a shadow. Ground the surface with a solid or subtly shifted background instead.\",\n \"severity\": \"warning\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"radial-gradient halo (#506fff → transparent) on dark page\"\n },\n {\n \"antipattern\": \"repeating-stripes-gradient\",\n \"name\": \"Repeating-gradient stripes\",\n \"description\": \"Repeating-gradient stripes used as surface decoration are a recurring generated-UI signature. Reach for a deliberate texture or leave the surface plain.\",\n \"severity\": \"advisory\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"repeating-gradient decorative stripes\",\n \"advisory\": true\n },\n {\n \"antipattern\": \"codex-grid-background\",\n \"name\": \"Decorative grid-line background\",\n \"description\": \"A decorative grid or line-field background drawn with hairline linear-gradient layers tiled by a fixed pixel cell is a recurring generated-UI signature. Reserve grid overlays for actual canvas, map, blueprint, or measurement surfaces; elsewhere use product structure or a plain surface.\",\n \"severity\": \"advisory\",\n \"category\": \"slop\",\n \"file\": \"<REPO>/tests/fixtures/antipatterns/linked-url-patterns.html\",\n \"line\": 0,\n \"snippet\": \"two-axis grid-line gradient background\",\n \"advisory\": true\n }\n]\n",
|
|
"stderr": "",
|
|
"exit": 2,
|
|
"signal": null,
|
|
"files": {}
|
|
}
|