@12ui/design 0.2.40 → 0.2.42

package/prototype-kit/tests/rules-check.mjs

@@ -2,6 +2,7 @@
 import assert from 'node:assert/strict';
 import { parseHTML } from 'linkedom';
 import { usableDropdownOptions } from '../lib/actions.mjs';
+import { restoreActionPointerReachability } from '../lib/action-target.mjs';
 import { declaredActiveMarkers, linkedNavForUnit, markerOverlapsNav } from '../lib/nav-active-state.mjs';
 import { matchPlannedPage } from '../lib/navigation.mjs';
 import { needsCanonicalShell, selectCanonicalShellPage } from '../lib/shell-consistency.mjs';
@@ -25,6 +26,15 @@ assert.notEqual(slugText('التقارير'), slugText('الإعدادات'), 'm
 assert.equal(usableDropdownOptions(['Only choice']), null, 'must fire: a one-option fallback is not bound as a fake dropdown');
 assert.deepEqual(usableDropdownOptions(['All', 'Open', 'Closed']), ['All', 'Open', 'Closed'], 'must stay silent: a real three-option dropdown remains bindable');
 
+const unreachableDropdown = parseHTML('<span id="viewport-1-c-journeys-harbourfront-source-row-1-icon" style="width:29.696px;height:11.264px;pointer-events:none">...</span>').document.querySelector('span');
+assert.equal(restoreActionPointerReachability(unreachableDropdown), true, 'must fire: the exact failed Saved Journeys dropdown target becomes pointer reachable');
+assert.equal(unreachableDropdown.style.pointerEvents, 'auto');
+assert.equal(unreachableDropdown.getAttribute('data-proto-pointer-restored'), 'true');
+const reachableDropdown = parseHTML('<span id="ordinary-dropdown" style="pointer-events:auto">...</span>').document.querySelector('span');
+const reachableBefore = reachableDropdown.outerHTML;
+assert.equal(restoreActionPointerReachability(reachableDropdown), false, 'must stay silent: an already reachable dropdown target is unchanged');
+assert.equal(reachableDropdown.outerHTML, reachableBefore);
+
 const headerNav = { containerId: 'nav', region: 'header', semantic: true, items: 8, share: 0.8, box: [0, 40, 1536, 76] };
 const announcement = { containerId: 'announcement', region: 'header', semantic: false, items: 3, share: 1, box: [0, 0, 1536, 40] };
 const footer = { containerId: 'footer', region: 'footer', semantic: true, items: 5, share: 0.8, box: [0, 900, 1536, 124] };