@jskit-ai/shell-web 0.1.162 → 0.1.164

package/test/linkItemScaffoldContract.test.js

@@ -1,248 +0,0 @@
-import assert from "node:assert/strict";
-import path from "node:path";
-import test from "node:test";
-import { readFile } from "node:fs/promises";
-import { fileURLToPath } from "node:url";
-import packageJson from "../package.json" with { type: "json" };
-
-const packageMetadata = packageJson.jskit;
-import {
-  LOCAL_LINK_ITEM_COMPONENT_DEFINITIONS,
-  findLocalLinkItemDefinition,
-  readLocalLinkItemComponentSource
-} from "../src/server/support/localLinkItemScaffolds.js";
-
-const TEST_DIRECTORY = path.dirname(fileURLToPath(import.meta.url));
-const PACKAGE_DIR = path.resolve(TEST_DIRECTORY, "..");
-
-function findFileMutation(id) {
-  const files = packageMetadata?.mutations?.files;
-  return Array.isArray(files)
-    ? files.find((entry) => String(entry?.id || "").trim() === id) || null
-    : null;
-}
-
-function findSourceMutation(id) {
-  const sourceMutations = packageMetadata?.mutations?.source;
-  return Array.isArray(sourceMutations)
-    ? sourceMutations.find((entry) => String(entry?.id || "").trim() === id) || null
-    : null;
-}
-
-test("shell-web exports generic link-item components for app-owned shell wrappers", async () => {
-  const clientIndexSource = await readFile(path.join(PACKAGE_DIR, "src", "client", "index.js"), "utf8");
-  assert.match(clientIndexSource, /ShellMenuLinkItem/);
-  assert.match(clientIndexSource, /ShellSurfaceAwareMenuLinkItem/);
-  assert.match(clientIndexSource, /ShellTabLinkItem/);
-  assert.match(clientIndexSource, /ShellRouteTransition/);
-
-  const packageJson = JSON.parse(await readFile(path.join(PACKAGE_DIR, "package.json"), "utf8"));
-  assert.equal(
-    packageJson?.exports?.["./client/components/ShellRouteTransition"],
-    "./src/client/components/ShellRouteTransition.vue"
-  );
-  assert.equal(
-    packageJson?.exports?.["./client/components/ShellMenuLinkItem"],
-    "./src/client/components/ShellMenuLinkItem.vue"
-  );
-  assert.equal(
-    packageJson?.exports?.["./client/components/ShellSurfaceAwareMenuLinkItem"],
-    "./src/client/components/ShellSurfaceAwareMenuLinkItem.vue"
-  );
-  assert.equal(
-    packageJson?.exports?.["./client/components/ShellTabLinkItem"],
-    "./src/client/components/ShellTabLinkItem.vue"
-  );
-  assert.equal(
-    packageJson?.exports?.["./server/support/localLinkItemScaffolds"],
-    "./src/server/support/localLinkItemScaffolds.js"
-  );
-});
-
-test("shell-web scaffolds app-owned local link-item wrappers under src/components/menus", async () => {
-  const menuWrapperSource = await readFile(
-    path.join(PACKAGE_DIR, "templates", "src", "components", "menus", "MenuLinkItem.vue"),
-    "utf8"
-  );
-  const surfaceAwareWrapperSource = await readFile(
-    path.join(PACKAGE_DIR, "templates", "src", "components", "menus", "SurfaceAwareMenuLinkItem.vue"),
-    "utf8"
-  );
-  const tabWrapperSource = await readFile(
-    path.join(PACKAGE_DIR, "templates", "src", "components", "menus", "TabLinkItem.vue"),
-    "utf8"
-  );
-
-  assert.match(menuWrapperSource, /@jskit-ai\/shell-web\/client\/components\/ShellMenuLinkItem/);
-  assert.match(surfaceAwareWrapperSource, /@jskit-ai\/shell-web\/client\/components\/ShellSurfaceAwareMenuLinkItem/);
-  assert.match(tabWrapperSource, /@jskit-ai\/shell-web\/client\/components\/ShellTabLinkItem/);
-  assert.match(menuWrapperSource, /exact:\s*\{/);
-  assert.match(surfaceAwareWrapperSource, /exact:\s*\{/);
-  assert.match(tabWrapperSource, /icon:\s*\{/);
-
-  assert.deepEqual(findFileMutation("shell-web-component-menu-link-item"), {
-    from: "templates/src/components/menus/MenuLinkItem.vue",
-    to: "src/components/menus/MenuLinkItem.vue",
-    ownership: "app",
-    reason: "Install app-owned shell menu link-item scaffold for local placement customization.",
-    category: "shell-web",
-    id: "shell-web-component-menu-link-item"
-  });
-  assert.deepEqual(findFileMutation("shell-web-component-surface-aware-menu-link-item"), {
-    from: "templates/src/components/menus/SurfaceAwareMenuLinkItem.vue",
-    to: "src/components/menus/SurfaceAwareMenuLinkItem.vue",
-    ownership: "app",
-    reason: "Install app-owned surface-aware shell menu link-item scaffold for local placement customization.",
-    category: "shell-web",
-    id: "shell-web-component-surface-aware-menu-link-item"
-  });
-  assert.deepEqual(findFileMutation("shell-web-component-tab-link-item"), {
-    from: "templates/src/components/menus/TabLinkItem.vue",
-    to: "src/components/menus/TabLinkItem.vue",
-    ownership: "app",
-    reason: "Install app-owned shell tab link-item scaffold for local placement customization.",
-    category: "shell-web",
-    id: "shell-web-component-tab-link-item"
-  });
-
-  assert.deepEqual(
-    LOCAL_LINK_ITEM_COMPONENT_DEFINITIONS.map((entry) => ({
-      token: entry.token,
-      componentFile: entry.componentFile,
-      componentName: entry.componentName,
-      templateFile: entry.templateFile
-    })),
-    [
-      {
-        token: "local.main.ui.menu-link-item",
-        componentFile: "src/components/menus/MenuLinkItem.vue",
-        componentName: "MenuLinkItem",
-        templateFile: "templates/src/components/menus/MenuLinkItem.vue"
-      },
-      {
-        token: "local.main.ui.surface-aware-menu-link-item",
-        componentFile: "src/components/menus/SurfaceAwareMenuLinkItem.vue",
-        componentName: "SurfaceAwareMenuLinkItem",
-        templateFile: "templates/src/components/menus/SurfaceAwareMenuLinkItem.vue"
-      },
-      {
-        token: "local.main.ui.tab-link-item",
-        componentFile: "src/components/menus/TabLinkItem.vue",
-        componentName: "TabLinkItem",
-        templateFile: "templates/src/components/menus/TabLinkItem.vue"
-      }
-    ]
-  );
-  assert.equal(findLocalLinkItemDefinition("local.main.ui.tab-link-item")?.componentName, "TabLinkItem");
-  assert.equal(await readLocalLinkItemComponentSource("local.main.ui.tab-link-item"), tabWrapperSource);
-});
-
-test("shell-web generic link items support the expected shared route and icon behavior", async () => {
-  const shellMenuSource = await readFile(
-    path.join(PACKAGE_DIR, "src", "client", "components", "ShellMenuLinkItem.vue"),
-    "utf8"
-  );
-  const shellSurfaceAwareSource = await readFile(
-    path.join(PACKAGE_DIR, "src", "client", "components", "ShellSurfaceAwareMenuLinkItem.vue"),
-    "utf8"
-  );
-  const shellTabSource = await readFile(
-    path.join(PACKAGE_DIR, "src", "client", "components", "ShellTabLinkItem.vue"),
-    "utf8"
-  );
-
-  assert.match(shellMenuSource, /exact:\s*\{/);
-  assert.match(shellMenuSource, /:exact="props\.exact"/);
-  assert.match(shellMenuSource, /:aria-label="props\.label"/);
-  assert.match(shellMenuSource, /ShellNavigationTooltip/);
-  assert.match(shellMenuSource, /@keydown\.space="activateShellNavigationLinkOnSpace"/);
-  assert.doesNotMatch(shellMenuSource, /v-tooltip="props\.label"/);
-  assert.match(shellMenuSource, /class="shell-menu-link-item"/);
-  assert.match(shellMenuSource, /min-height:\s*48px/);
-  assert.match(shellSurfaceAwareSource, /exact:\s*\{/);
-  assert.match(shellSurfaceAwareSource, /:exact="props\.exact"/);
-  assert.match(shellSurfaceAwareSource, /:aria-label="props\.label"/);
-  assert.match(shellSurfaceAwareSource, /ShellNavigationTooltip/);
-  assert.match(shellSurfaceAwareSource, /@keydown\.space="activateShellNavigationLinkOnSpace"/);
-  assert.doesNotMatch(shellSurfaceAwareSource, /v-tooltip="props\.label"/);
-  assert.match(shellSurfaceAwareSource, /class="shell-menu-link-item"/);
-  assert.match(shellSurfaceAwareSource, /min-height:\s*48px/);
-  assert.match(shellTabSource, /icon:\s*\{/);
-  assert.match(shellTabSource, /resolveMenuLinkIcon/);
-  assert.match(shellTabSource, /<v-btn/);
-  assert.match(shellTabSource, /stacked/);
-  assert.match(shellTabSource, /min-height:\s*48px/);
-  assert.match(shellTabSource, /<v-icon v-if="resolvedIcon" :icon="resolvedIcon" \/>/);
-
-  const tooltipSource = await readFile(
-    path.join(PACKAGE_DIR, "src", "client", "components", "ShellNavigationTooltip.vue"),
-    "utf8"
-  );
-  assert.match(tooltipSource, /:theme="theme\.name\.value"/);
-  assert.match(tooltipSource, /location="end"/);
-  assert.match(tooltipSource, /:open-on-focus="true"/);
-  assert.match(tooltipSource, /:open-on-hover="true"/);
-  assert.match(tooltipSource, /--v-theme-inverse-surface, var\(--v-theme-on-surface\)/);
-  assert.match(tooltipSource, /--v-theme-inverse-on-surface, var\(--v-theme-surface\)/);
-  assert.match(tooltipSource, /opacity:\s*1\s*!important/);
-});
-
-test("shell-web binds the local link-item wrapper tokens into MainClientProvider", () => {
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-menu-link-item-import"), {
-    op: "ensure-import",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    defaultImport: "MenuLinkItem",
-    from: "/src/components/menus/MenuLinkItem.vue",
-    reason: "Bind app-owned shell menu link-item scaffold into local main client provider imports.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-menu-link-item-import"
-  });
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-surface-aware-menu-link-item-import"), {
-    op: "ensure-import",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    defaultImport: "SurfaceAwareMenuLinkItem",
-    from: "/src/components/menus/SurfaceAwareMenuLinkItem.vue",
-    reason: "Bind app-owned shell surface-aware menu link-item scaffold into local main client provider imports.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-surface-aware-menu-link-item-import"
-  });
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-tab-link-item-import"), {
-    op: "ensure-import",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    defaultImport: "TabLinkItem",
-    from: "/src/components/menus/TabLinkItem.vue",
-    reason: "Bind app-owned shell tab link-item scaffold into local main client provider imports.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-tab-link-item-import"
-  });
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-menu-link-item-register"), {
-    op: "ensure-call",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    callee: "registerMainClientComponent",
-    args: ["\"local.main.ui.menu-link-item\"", "() => MenuLinkItem"],
-    beforeClass: "MainClientProvider",
-    reason: "Bind app-owned shell menu link-item token into local main client provider registry.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-menu-link-item-register"
-  });
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-surface-aware-menu-link-item-register"), {
-    op: "ensure-call",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    callee: "registerMainClientComponent",
-    args: ["\"local.main.ui.surface-aware-menu-link-item\"", "() => SurfaceAwareMenuLinkItem"],
-    beforeClass: "MainClientProvider",
-    reason: "Bind app-owned shell surface-aware menu link-item token into local main client provider registry.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-surface-aware-menu-link-item-register"
-  });
-  assert.deepEqual(findSourceMutation("shell-web-main-client-provider-tab-link-item-register"), {
-    op: "ensure-call",
-    file: "packages/main/src/client/providers/MainClientProvider.js",
-    callee: "registerMainClientComponent",
-    args: ["\"local.main.ui.tab-link-item\"", "() => TabLinkItem"],
-    beforeClass: "MainClientProvider",
-    reason: "Bind app-owned shell tab link-item token into local main client provider registry.",
-    category: "shell-web",
-    id: "shell-web-main-client-provider-tab-link-item-register"
-  });
-});