Samraaj BathandClaude Fable 5
762855664c
- Walker serializes the composed (flattened) tree: open shadow roots walk as host children with <slot> replaced by its assigned light nodes (or fallback), so custom-element content (product cards, web components) is captured instead of arriving childless - In-flow visibility:hidden nodes with a nonzero border box survive the prune as sized invisible placeholders - ghost spacers carry load-bearing geometry - When pruning drops leading in-flow children of a horizontally-translated track, the baked translateX is re-anchored by their aggregate margin-box width (settled carousel tracks return to origin instead of pushing real content off-screen); animation-owned transforms unaffected - Circular-shrink slide guard counts block-level fill children as width-deriving regardless of wAuto (block auto-width IS fill), pinning library-sized slide widths uniformly - javascript: hrefs emit as "#" and the link gate normalizes both sides 382 tests pass (18 new), typecheck clean. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
57 lines
2.7 KiB
TypeScript
57 lines
2.7 KiB
TypeScript
import { describe, it } from "node:test";
|
||
import assert from "node:assert/strict";
|
||
import { letterSpacingEquivalent, normHref } from "../src/validate/gates.js";
|
||
|
||
// FIX 5 — the link gate must not fail a javascript: source href against the clone's sanitized value.
|
||
// Generation emits an inert `#` for a `javascript:*` href (React blocks the literal), so normHref
|
||
// collapses every javascript: href — on either side — to `#`, letting the two sides match.
|
||
describe("normHref collapses javascript: hrefs to # (FIX 5)", () => {
|
||
const origin = "https://example.test";
|
||
it("normalizes a javascript: source href to #", () => {
|
||
assert.equal(normHref("Javascript:{}", origin), "#");
|
||
assert.equal(normHref("javascript:void(0)", origin), "#");
|
||
});
|
||
it("makes a javascript: source match the emitted # value", () => {
|
||
assert.equal(normHref("javascript:{}", origin), normHref("#", origin), "source and clone agree");
|
||
});
|
||
it("still distinguishes a real fragment from a full URL", () => {
|
||
assert.equal(normHref("#top", origin), "#top");
|
||
assert.equal(normHref("https://example.test/x/", origin), "https://example.test/x");
|
||
});
|
||
});
|
||
|
||
// Chromium serializes a computed `letter-spacing: 0` back as the keyword `normal`. The emitter, after
|
||
// snapping a sub-0.1px authored tracking to 0, ships `letter-spacing: 0px` — which the CLONE then
|
||
// reports as `normal` too, but a source that authored an explicit near-zero px can land on either
|
||
// spelling. Gate 4 must treat `normal` and `0px` as equal, or every such node fails on spelling alone.
|
||
describe("gate4 letterSpacing normal ↔ 0px normalization", () => {
|
||
it("treats `normal` and `0px` as equivalent", () => {
|
||
assert.ok(letterSpacingEquivalent("normal", "0px"));
|
||
assert.ok(letterSpacingEquivalent("0px", "normal"));
|
||
});
|
||
|
||
it("treats `normal` and `normal` as equivalent", () => {
|
||
assert.ok(letterSpacingEquivalent("normal", "normal"));
|
||
});
|
||
|
||
it("treats a sub-2px authored tracking vs `normal` as equivalent (within ±2px)", () => {
|
||
// source computed `-0.08px`, clone serialized `normal` — a 0.08px delta, well within tolerance.
|
||
assert.ok(letterSpacingEquivalent("-0.08px", "normal"));
|
||
assert.ok(letterSpacingEquivalent("normal", "-0.0375px"));
|
||
});
|
||
|
||
it("still equates two close real px values (−0.24px vs −0.2px)", () => {
|
||
assert.ok(letterSpacingEquivalent("-0.24px", "-0.2px"));
|
||
});
|
||
|
||
it("still FAILS a genuine tracking difference beyond ±2px", () => {
|
||
assert.ok(!letterSpacingEquivalent("4px", "normal"));
|
||
assert.ok(!letterSpacingEquivalent("normal", "-3px"));
|
||
assert.ok(!letterSpacingEquivalent("6px", "2px"));
|
||
});
|
||
|
||
it("passes when the source did not constrain the property (undefined)", () => {
|
||
assert.ok(letterSpacingEquivalent(undefined, "0px"));
|
||
});
|
||
});
|