@jskit-ai/shell-web 0.1.148 → 0.1.150

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,18 @@ 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-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, /endGap\)\.toBeGreaterThanOrEqual\(9\)/u);
+  assert.doesNotMatch(source, /viewport\.name === "compact"/u);
+  assert.doesNotMatch(source, /await new Promise.*setTimeout|waitForTimeout/u);
+});

package/test/settingsPlacementContract.test.js

@@ -95,12 +95,29 @@ test("shell-web shell layout registers navigation at the app layout level", asyn
   assert.match(source, /target="shell-layout:primary-menu"[\s\S]*default/);
   assert.doesNotMatch(source, /target="shell-layout:primary-bottom-nav"[\s\S]*default/);
   assert.match(source, /data-testid="jskit-shell-drawer"/);
+  assert.match(source, /desktopDrawerClosedMode/);
+  assert.match(source, /default: "rail"/);
+  assert.match(source, /:rail="drawerPresentation\.rail"/);
+  assert.match(source, /drawerWidth/);
+  assert.match(source, /railWidth/);
+  assert.match(source, /:width="resolvedDrawerWidth"/);
+  assert.match(source, /:rail-width="resolvedRailWidth"/);
+  assert.match(source, /data-drawer-width="resolvedDrawerWidth"/);
+  assert.match(source, /data-rail-width="resolvedRailWidth"/);
+  assert.match(source, /data-layout="layoutClass"/);
+  assert.match(source, /measureDrawerContentWidth/);
+  assert.match(source, /SHELL_DRAWER_LABEL_END_GAP/);
+  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"/);
   assert.match(source, /padding:\s*0\.75rem 1rem calc\(1rem \+ env\(safe-area-inset-bottom, 0px\)\)/);
 
   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, 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/);
 });
@@ -148,7 +165,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/);
@@ -288,8 +305,9 @@ test("shell-web settings general child page exposes an adaptive drawer preferenc
   assert.match(source, /generated-ui-screen generated-ui-screen--settings settings-general-screen/);
   assert.match(source, /drawerDefaultOpen/);
   assert.match(source, /setDrawerDefaultOpen/);
-  assert.match(source, /Phone layouts keep primary navigation in the bottom bar/);
-  assert.match(source, /Open drawer by default on wider screens/);
+  assert.match(source, /collapsed navigation remains available as a rail/);
+  assert.match(source, /Phone layouts close the drawer/);
+  assert.match(source, /Start with expanded navigation on wider screens/);
   assert.match(source, /min-height:\s*48px/);
   assert.doesNotMatch(source, /live in this browser only|tiny example|starter settings/);
 });