register/zlayer/anchor/motion/density are pure cores over plain data, so most of the suite runs with no DOM at all; jsdom covers only what is genuinely DOM. 100 tests, zero elements. These five are why v4 had 11 hand-built modals and 7 hand-built popovers: there was nothing shared to reuse. register makes an element exist only because a file defined it; portal gives every overlay one stacking parent; zlayer owns the only z-index in the app; dismiss keeps one stack so Escape pops the top and not the modal underneath; anchor measures, flips and clamps once. Three bugs the tests found: unmount() called removeChild on null when no portal existed yet, focusables() checked aria-hidden on the element instead of its ancestors so a hidden subtree stayed tab-reachable, and the density ratios v4 hand-tuned are now derived from the gap they were meant to allow for.
15 lines
353 B
JavaScript
15 lines
353 B
JavaScript
// Unique ids, so a label can point at its control without the caller inventing
|
|
// a naming scheme (and colliding when the same panel is mounted twice).
|
|
|
|
let n = 0;
|
|
|
|
export function uid(prefix = "cx") {
|
|
n += 1;
|
|
return `${prefix}-${n}`;
|
|
}
|
|
|
|
// Tests only: ids are otherwise monotonic for the life of the page.
|
|
export function _resetIds() {
|
|
n = 0;
|
|
}
|