@jskit-ai/shell-web 0.1.149 → 0.1.151

package/test/navigationLinkKeyboard.test.js

@@ -0,0 +1,36 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+import { activateShellNavigationLinkOnSpace } from "../src/client/support/navigationLinkKeyboard.js";
+
+test("Space activates a shell navigation link once and suppresses page scrolling", () => {
+  const calls = [];
+  activateShellNavigationLinkOnSpace({
+    key: " ",
+    currentTarget: {
+      click() {
+        calls.push("click");
+      }
+    },
+    preventDefault() {
+      calls.push("preventDefault");
+    },
+    stopPropagation() {
+      calls.push("stopPropagation");
+    }
+  });
+
+  assert.deepEqual(calls, ["preventDefault", "stopPropagation", "click"]);
+});
+
+test("other keys retain native link behavior", () => {
+  let clicked = false;
+  activateShellNavigationLinkOnSpace({
+    key: "Enter",
+    currentTarget: {
+      click() {
+        clicked = true;
+      }
+    }
+  });
+  assert.equal(clicked, false);
+});

package/test/playwrightContract.test.js

@@ -24,3 +24,20 @@ test("adaptive shell smoke navigates through Playwright baseURL", async () => {
   assert.doesNotMatch(source, /PLAYWRIGHT_BASE_URL/u);
   assert.doesNotMatch(source, /http:\/\/127\.0\.0\.1/u);
 });
+
+test("adaptive shell smoke follows rendered layout state and waits for drawer transitions", async () => {
+  const source = await readFile(path.join(PACKAGE_ROOT, "src/test/adaptiveShellSmoke.js"), "utf8");
+
+  assert.match(source, /data-layout/u);
+  assert.match(source, /data-navigation-item-spacing/u);
+  assert.match(source, /data-rail-width/u);
+  assert.match(source, /expect\.poll/u);
+  assert.match(source, /toBeFocused/u);
+  assert.match(source, /v-navigation-drawer__scrim/u);
+  assert.match(source, /page\.keyboard\.press\("Escape"\)[\s\S]*data-presentation", "drawer"/u);
+  assert.match(source, /iconBox\.x \+ iconBox\.width \/ 2/u);
+  assert.match(source, /fit\.endGap - configuredSpacing/u);
+  assert.match(source, /fit\.iconLabelGaps/u);
+  assert.doesNotMatch(source, /viewport\.name === "compact"/u);
+  assert.doesNotMatch(source, /await new Promise.*setTimeout|waitForTimeout/u);
+});

package/test/settingsPlacementContract.test.js

@@ -98,7 +98,20 @@ test("shell-web shell layout registers navigation at the app layout level", asyn
   assert.match(source, /desktopDrawerClosedMode/);
   assert.match(source, /default: "rail"/);
   assert.match(source, /:rail="drawerPresentation\.rail"/);
-  assert.match(source, /:rail-width="80"/);
+  assert.match(source, /drawerWidth/);
+  assert.match(source, /railWidth/);
+  assert.match(source, /navigationItemSpacing/);
+  assert.match(source, /:width="resolvedDrawerWidth"/);
+  assert.match(source, /:rail-width="resolvedRailWidth"/);
+  assert.match(source, /data-drawer-width="resolvedDrawerWidth"/);
+  assert.match(source, /data-navigation-item-spacing="resolvedNavigationItemSpacing"/);
+  assert.match(source, /data-rail-width="resolvedRailWidth"/);
+  assert.match(source, /data-layout="layoutClass"/);
+  assert.match(source, /measureDrawerContentWidth/);
+  assert.match(source, /DEFAULT_SHELL_NAVIGATION_ITEM_SPACING/);
+  assert.match(source, /:prepend-gap="resolvedNavigationItemSpacing"/);
+  assert.doesNotMatch(source, /:width="248"/);
+  assert.doesNotMatch(source, /:rail-width="80"/);
   assert.match(source, /:model-value="drawerPresentation\.visible"/);
   assert.match(source, /data-testid="jskit-shell-nav-toggle"/);
   assert.match(source, /data-testid="jskit-shell-bottom-nav"/);
@@ -107,6 +120,7 @@ test("shell-web shell layout registers navigation at the app layout level", asyn
   const template = await readFile(path.join(PACKAGE_DIR, "templates", "src", "components", "ShellLayout.vue"), "utf8");
 
   assert.match(template, /PackageShellLayout from "@jskit-ai\/shell-web\/client\/components\/ShellLayout"/);
+  assert.match(template, /drawerWidth, railWidth, navigationItemSpacing, and future shell props package-owned/);
   assert.match(template, /h\(PackageShellLayout, attrs, slots\)/);
   assert.doesNotMatch(template, /ShellOutlet|ShellRouteTransition|useShellLayoutState|pointerdown|v-navigation-drawer|v-bottom-navigation/);
 });
@@ -154,7 +168,7 @@ test("shell-web installs generated adaptive shell Playwright smoke coverage", as
   assert.match(source, /@jskit-ai\/shell-web\/test\/adaptiveShellSmoke/);
   assert.match(helperSource, /generated adaptive shell smoke/);
   assert.match(helperSource, /390/);
-  assert.match(helperSource, /768/);
+  assert.match(helperSource, /1024/);
   assert.match(helperSource, /1280/);
   assert.match(helperSource, /jskit-shell-bottom-nav/);
   assert.match(helperSource, /jskit-shell-drawer/);