@antelopejs/dms 0.9.2 → 0.9.4

package/frontend-vue/tests/settings-navigation.test.ts

@@ -1,170 +0,0 @@
-import { afterEach, beforeEach, expect, it, vi } from "vitest";
-import { computed, ref } from "vue";
-import {
-  findActiveSettingsPath,
-  useSettingsNavigation,
-} from "../layers/dms-layout/app/build/composables/settings/useSettingsNavigation";
-
-interface NodeFixture {
-  fullId: string;
-  displayName: string;
-  fullSlug: string;
-  order?: number;
-  layoutUrl?: string;
-  hasAccess?: boolean;
-  children: Record<string, NodeFixture>;
-  childrenOrders: string[];
-}
-
-function page(fullId: string, order = 0, hasAccess = true): NodeFixture {
-  return {
-    fullId,
-    displayName: fullId,
-    fullSlug: `/${fullId.replaceAll(".", "/")}`,
-    order,
-    layoutUrl: `/${fullId}/pagelayout`,
-    hasAccess,
-    children: {},
-    childrenOrders: [],
-  };
-}
-
-// The site layout lists a node's children in menu order (`order`, then name):
-// the fixture takes them in that order.
-function category(
-  fullId: string,
-  children: NodeFixture[],
-  order = 0,
-): NodeFixture {
-  return {
-    fullId,
-    displayName: `$${fullId}`,
-    fullSlug: `/${fullId.replaceAll(".", "/")}`,
-    order,
-    children: Object.fromEntries(
-      children.map((child) => [child.fullId.split(".").pop()!, child]),
-    ),
-    childrenOrders: children.map((child) => child.fullId.split(".").pop()!),
-  };
-}
-
-const tree = ref<NodeFixture | undefined>();
-
-const withChildren = (node: NodeFixture, children: NodeFixture[]) => ({
-  ...node,
-  children: Object.fromEntries(
-    children.map((child) => [child.fullId.split(".").pop()!, child]),
-  ),
-  childrenOrders: children.map((child) => child.fullId.split(".").pop()!),
-});
-
-beforeEach(() => {
-  vi.stubGlobal("computed", computed);
-  vi.stubGlobal("useSiteLayout", () => ({ siteLayoutTree: tree }));
-  const settings = category("settings", [
-    { ...page("settings.settings"), fullSlug: "/settings" },
-    category("settings.user", [
-      page("settings.user.profile", 1),
-      page("settings.user.region", 2),
-      page("settings.user.hidden", 3, false),
-      page("settings.user.notifications", 4),
-    ]),
-    category("settings.workspace", [
-      withChildren(page("settings.workspace.members", 1), [
-        page("settings.workspace.members.invites"),
-      ]),
-      page("settings.workspace.roles", 2),
-      page("settings.workspace.billing", 3),
-    ]),
-    category("settings.crm", [page("settings.crm.pipelines")], 7),
-    page("settings.loose", 9),
-  ]);
-  settings.fullSlug = "/settings";
-  tree.value = category("", [settings]);
-});
-
-afterEach(() => {
-  vi.unstubAllGlobals();
-});
-
-it("makes a group of each settings category, in menu order", () => {
-  const { groups } = useSettingsNavigation();
-  expect(
-    groups.value.map((group) => [
-      group.id,
-      group.pages.map((entry) => entry.fullId),
-    ]),
-  ).toEqual([
-    [
-      "settings.user",
-      [
-        "settings.user.profile",
-        "settings.user.region",
-        "settings.user.notifications",
-      ],
-    ],
-    [
-      "settings.workspace",
-      [
-        "settings.workspace.members",
-        "settings.workspace.members.invites",
-        "settings.workspace.roles",
-        "settings.workspace.billing",
-      ],
-    ],
-    ["settings.crm", ["settings.crm.pipelines"]],
-    ["settings", ["settings.loose"]],
-  ]);
-});
-
-it("labels each group with its category's name", () => {
-  const { groups } = useSettingsNavigation();
-  expect(groups.value.map((group) => group.label)).toEqual([
-    "$settings.user",
-    "$settings.workspace",
-    "$settings.crm",
-    "$settings",
-  ]);
-});
-
-it("leaves out the overview and the pages the viewer cannot open", () => {
-  const { groups } = useSettingsNavigation();
-  const listed = groups.value.flatMap((group) =>
-    group.pages.map((entry) => entry.fullId),
-  );
-  expect(listed).not.toContain("settings.settings");
-  expect(listed).not.toContain("settings.user.hidden");
-});
-
-it("carries each page's badge and status to its entry", () => {
-  const settings = tree.value!.children.settings!;
-  Object.assign(settings.children.user!.children.region!, {
-    badge: "3",
-    status: "warning",
-  });
-  const { groups } = useSettingsNavigation();
-  expect(groups.value[0]?.pages[1]).toMatchObject({
-    badge: "3",
-    status: "warning",
-  });
-});
-
-it("marks only the most specific settings entry active", () => {
-  const paths = [
-    "/settings/workspace/members",
-    "/settings/workspace/members/invites",
-    "/settings/workspace/roles",
-  ];
-  expect(
-    findActiveSettingsPath("/settings/workspace/members/invites", paths),
-  ).toBe("/settings/workspace/members/invites");
-  expect(findActiveSettingsPath("/settings/workspace/members", paths)).toBe(
-    "/settings/workspace/members",
-  );
-  expect(
-    findActiveSettingsPath("/settings/workspace/members/42/edit", paths),
-  ).toBe("/settings/workspace/members");
-  expect(findActiveSettingsPath("/settings/workspace/rolesx", paths)).toBe(
-    undefined,
-  );
-});

package/frontend-vue/tests/settings-reads-ssr.test.ts

@@ -1,232 +0,0 @@
-// @vitest-environment jsdom
-/**
- * The reads of the settings pages through the runtime's real async data: a
- * server render reads what the page shows and hands it to the browser, which
- * hydrates without asking again; the blocks of a page showing one request
- * share it, and a change still reads it again.
- */
-import {
-  computed,
-  defineComponent,
-  h,
-  nextTick,
-  ref,
-  watch,
-  type App,
-  type Component,
-} from "vue";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { hydrate, serverRender, stubApiData } from "./helpers/api-data-runtime";
-import { useSecurityOverview } from "../layers/dms-layout/app/build/composables/settings/security/useSecurityOverview";
-import { useNotificationPreferences } from "../layers/dms-layout/app/build/composables/notification/useNotificationPreferences";
-import { useNotificationCatalog } from "../layers/dms-layout/app/build/composables/notification/useNotificationCatalog";
-
-vi.mock(
-  "../layers/dms-layout/app/build/composables/security/useSessionHandoff",
-  () => ({ useSessionHandoff: () => async () => {} }),
-);
-
-const NOW = new Date("2026-10-15T12:00:00Z").getTime();
-const MINUTE = 60_000;
-
-const ANSWERS: Record<string, unknown> = {
-  "/dms/pages/settings/user/security": {
-    activeSessions: 2,
-    attention: ["two_factor_off"],
-    attentionTone: "warning",
-    attentionTones: { two_factor_off: "warning" },
-  },
-  "/dms/pages/settings/user/security/sessions": [
-    {
-      _id: "other",
-      browser: "Firefox",
-      os: "Linux",
-      // Half a minute short of 5: rounded to 4 minutes, to 5 a second later.
-      lastActiveAt: new Date(NOW - 4.5 * MINUTE + 1000).toISOString(),
-      isCurrent: false,
-    },
-  ],
-  "/dms/pages/settings/user/notifications/categories": {
-    categories: [{ id: "core", labelKey: "Core", icon: "i-ph-bell" }],
-    subjects: [
-      { id: "login", labelKey: "Login", category: { id: "core" } },
-      { id: "mention", labelKey: "Mention", category: { id: "core" } },
-    ],
-  },
-  "/dms/pages/settings/user/notifications/preferences": { "core:mention": false },
-};
-
-const authFetch = vi.fn(async (url: string, options?: { method?: string }) => {
-  if (options?.method === "PATCH") return undefined;
-  return structuredClone(ANSWERS[url]);
-});
-const reads = () =>
-  authFetch.mock.calls.filter(([, options]) => !options?.method).map(([url]) => url);
-const mounted: App[] = [];
-
-/** Renders `root` on the server, then hydrates it: the reads of each side. */
-async function renderAndHydrate(root: Component) {
-  vi.stubEnv("SSR", true);
-  const { html, payload } = await serverRender(root);
-  vi.stubEnv("SSR", false);
-  const server = reads();
-  authFetch.mockClear();
-  const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
-  const { app, container } = hydrate(root, html, payload);
-  mounted.push(app);
-  await nextTick();
-  await new Promise((done) => setTimeout(done, 0));
-  const hydrationWarnings = warn.mock.calls
-    .flat()
-    .filter((message) => /hydration/i.test(String(message)));
-  warn.mockRestore();
-  return { html, container, server, browser: reads(), hydrationWarnings };
-}
-
-beforeEach(() => {
-  vi.useFakeTimers({ toFake: ["Date"] });
-  vi.setSystemTime(NOW);
-  vi.stubGlobal("computed", computed);
-  vi.stubGlobal("ref", ref);
-  vi.stubGlobal("watch", watch);
-  vi.stubGlobal("useI18n", () => ({
-    locale: ref("en"),
-    t: (key: string) => key,
-    te: () => false,
-  }));
-  stubApiData(authFetch as never);
-});
-
-afterEach(() => {
-  mounted.splice(0).forEach((app) => app.unmount());
-  vi.useRealTimers();
-  vi.unstubAllEnvs();
-  vi.unstubAllGlobals();
-  authFetch.mockClear();
-});
-
-describe("Security", () => {
-  it("renders the summary every block shares from one read, and the browser does not read it again", async () => {
-    const Block = defineComponent({
-      setup() {
-        const { overview, attention } = useSecurityOverview();
-        return () =>
-          h("p", `${overview.value?.activeSessions}:${attention.value.join()}`);
-      },
-    });
-    const Page = defineComponent({
-      setup: () => () => h("div", [h(Block), h(Block)]),
-    });
-
-    const { html, server, browser, hydrationWarnings } =
-      await renderAndHydrate(Page);
-    expect(html).toBe("<div><p>2:two_factor_off</p><p>2:two_factor_off</p></div>");
-    expect(server).toEqual(["/dms/pages/settings/user/security"]);
-    expect(browser).toEqual([]);
-    expect(hydrationWarnings).toEqual([]);
-  });
-
-  it("says when a session was last active as of the read, the same in the hydrating browser", async () => {
-    const { default: SecuritySessions } = await import(
-      "../layers/dms-layout/app/build/components/pages/settings/security/SecuritySessions.vue"
-    );
-    vi.stubGlobal("useI18n", () => ({
-      locale: ref("en"),
-      t: (key: string, named?: Record<string, unknown>) =>
-        named ? `${key}(${Object.values(named).join()})` : key,
-      te: () => false,
-    }));
-    vi.stubGlobal("useToast", () => ({ add: vi.fn() }));
-    const slotted = (tag: string) =>
-      defineComponent({
-        setup:
-          (_, { slots }) =>
-          () =>
-            h(tag, [slots.badge?.(), slots.default?.(), slots.meta?.()]),
-      });
-    const register = (app: App) => {
-      for (const name of ["DmsSection", "DmsListRow"])
-        app.component(name, slotted("div"));
-      for (const name of [
-        "DmsEmptyState",
-        "USkeleton",
-        "UButton",
-        "UBadge",
-        "DmsStatusPill",
-        "UModal",
-      ])
-        app.component(name, () => null);
-    };
-
-    vi.stubEnv("SSR", true);
-    const { html, payload } = await serverRender(SecuritySessions, register);
-    vi.stubEnv("SSR", false);
-    expect(html).toContain("active_ago(4 minutes ago)");
-    // The browser hydrates two seconds later: "5 minutes ago" from now.
-    vi.setSystemTime(NOW + 2000);
-    authFetch.mockClear();
-    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
-    const { app, container } = hydrate(SecuritySessions, html, payload, register);
-    mounted.push(app);
-    await nextTick();
-    await new Promise((done) => setTimeout(done, 0));
-    expect(reads()).toEqual([]);
-    expect(container.innerHTML).toBe(html);
-    expect(warn.mock.calls.flat().join(" ")).not.toMatch(/hydration/i);
-    warn.mockRestore();
-  });
-});
-
-describe("Notification preferences", () => {
-  it("renders the preferences and the catalog the inbox shares, read once on the server", async () => {
-    const Preferences = defineComponent({
-      setup() {
-        const { isLoading, isEnabled, categories, subjectsOf } =
-          useNotificationPreferences();
-        return () =>
-          h(
-            "ul",
-            isLoading.value
-              ? "loading"
-              : categories.value.flatMap((category) =>
-                  subjectsOf(category.id).map((subject) =>
-                    h("li", `${subject.id}:${isEnabled(subject)}`),
-                  ),
-                ),
-          );
-      },
-    });
-    const Inbox = defineComponent({
-      setup() {
-        const { findCategory } = useNotificationCatalog();
-        return () => h("p", findCategory("core")?.labelKey ?? "-");
-      },
-    });
-    const Page = defineComponent({
-      setup: () => () => h("div", [h(Preferences), h(Inbox)]),
-    });
-
-    const { html, server, browser, hydrationWarnings } =
-      await renderAndHydrate(Page);
-    expect(html).toBe(
-      "<div><ul><li>login:true</li><li>mention:false</li></ul><p>Core</p></div>",
-    );
-    expect(server.sort()).toEqual([
-      "/dms/pages/settings/user/notifications/categories",
-      "/dms/pages/settings/user/notifications/preferences",
-    ]);
-    expect(browser).toEqual([]);
-    expect(hydrationWarnings).toEqual([]);
-  });
-
-  it("reads nothing while the page does not show them", async () => {
-    const Hidden = defineComponent({
-      setup() {
-        const { isLoading } = useNotificationPreferences(() => false);
-        return () => h("p", String(isLoading.value));
-      },
-    });
-    await serverRender(Hidden);
-    expect(reads()).toEqual([]);
-  });
-});

package/frontend-vue/tests/settings-search-shortcuts.test.ts

@@ -1,208 +0,0 @@
-// @vitest-environment jsdom
-import { readFileSync } from "node:fs";
-import { resolve } from "node:path";
-import { afterEach, beforeEach, describe, expect, it } from "vitest";
-import { createApp, defineComponent, h, nextTick, type App } from "vue";
-import { defineShortcuts } from "@nuxt/ui/runtime/composables/defineShortcuts.js";
-import {
-  GLOBAL_META_SLASH_METADATA,
-  GLOBAL_SLASH_METADATA,
-  NAV_SEARCH_SHORTCUT,
-  PAGE_SEARCH_SHORTCUTS,
-  buildNavSearchShortcuts,
-  buildPageSearchShortcuts,
-  pageSearchAriaKeyshortcuts,
-} from "../layers/dms-ui/app/build/composables/global/searchShortcuts";
-import * as publicSearchShortcuts from "../layers/dms-ui/app/composables/global/searchShortcuts";
-import registry from "../layers/dms-ui/app/config/shortcuts-registry";
-
-let app: App;
-let host: HTMLDivElement;
-
-const navInput = () => document.getElementById("nav-search")!;
-const pageInput = () => document.getElementById("page-search")!;
-
-/**
- * The settings shell and the Shortcuts page bind their keys with two separate
- * `defineShortcuts` calls (two keydown listeners), as in the app: SettingsNav
- * ("/") and the page (⌘ / or Ctrl /).
- */
-function mountSettingsShortcutsPage() {
-  const Harness = defineComponent({
-    setup() {
-      defineShortcuts(buildNavSearchShortcuts(() => navInput().focus()));
-      defineShortcuts(buildPageSearchShortcuts(() => pageInput().focus()));
-      return () => [
-        h("input", { id: "nav-search" }),
-        h("input", { id: "page-search" }),
-      ];
-    },
-  });
-  app = createApp(Harness);
-  app.mount(host);
-}
-
-function press(
-  key: string,
-  modifiers: KeyboardEventInit = {},
-  target: EventTarget = document.activeElement ?? document.body,
-): KeyboardEvent {
-  const event = new KeyboardEvent("keydown", {
-    key,
-    bubbles: true,
-    cancelable: true,
-    ...modifiers,
-  });
-  target.dispatchEvent(event);
-  return event;
-}
-
-beforeEach(async () => {
-  host = document.createElement("div");
-  document.body.appendChild(host);
-  mountSettingsShortcutsPage();
-  await nextTick();
-});
-
-afterEach(() => {
-  app.unmount();
-  document.body.innerHTML = "";
-});
-
-describe("settings search shortcuts on the Shortcuts page", () => {
-  it('focuses the settings menu search on "/"', () => {
-    expect(press("/").defaultPrevented).toBe(true);
-    expect(document.activeElement).toBe(navInput());
-  });
-
-  it("focuses the page search on Ctrl + /", () => {
-    expect(press("/", { ctrlKey: true }).defaultPrevented).toBe(true);
-    expect(document.activeElement).toBe(pageInput());
-  });
-
-  it('focuses the page search on Ctrl + Shift + : (AZERTY "/")', () => {
-    press("/", { ctrlKey: true, shiftKey: true });
-    expect(document.activeElement).toBe(pageInput());
-  });
-
-  it('focuses the settings menu search on Shift + : (AZERTY "/")', () => {
-    press("/", { shiftKey: true });
-    expect(document.activeElement).toBe(navInput());
-  });
-
-  it('lets "/" be typed in a search without moving the focus', async () => {
-    pageInput().focus();
-    await nextTick();
-    expect(press("/").defaultPrevented).toBe(false);
-    expect(document.activeElement).toBe(pageInput());
-
-    navInput().focus();
-    await nextTick();
-    expect(press("/").defaultPrevented).toBe(false);
-    expect(document.activeElement).toBe(navInput());
-  });
-
-  it("ignores Ctrl + / while typing in an input", async () => {
-    navInput().focus();
-    await nextTick();
-    expect(press("/", { ctrlKey: true }).defaultPrevented).toBe(false);
-    expect(document.activeElement).toBe(navInput());
-  });
-
-  it("ignores Ctrl + / in a contenteditable", async () => {
-    const editor = document.createElement("div");
-    editor.contentEditable = "true";
-    editor.tabIndex = 0;
-    document.body.appendChild(editor);
-    editor.focus();
-    Object.defineProperty(editor, "contentEditable", { value: "true" });
-    await nextTick();
-    expect(press("/", { ctrlKey: true }, editor).defaultPrevented).toBe(false);
-    expect(press("/", {}, editor).defaultPrevented).toBe(false);
-  });
-});
-
-describe("settings search shortcut maps", () => {
-  it("never bind the same key twice", () => {
-    const nav = Object.keys(buildNavSearchShortcuts(() => {}));
-    const page = Object.keys(buildPageSearchShortcuts(() => {}));
-    expect(nav).toEqual(["/"]);
-    expect(page).toEqual(["meta_/", "meta_shift_/"]);
-    expect(nav.filter((key) => page.includes(key))).toEqual([]);
-  });
-
-  it("are public where the UI toolkit docs import them", () => {
-    expect(publicSearchShortcuts.buildPageSearchShortcuts).toBe(
-      buildPageSearchShortcuts,
-    );
-    expect(publicSearchShortcuts.PAGE_SEARCH_SHORTCUTS).toBe(
-      PAGE_SEARCH_SHORTCUTS,
-    );
-    const docs = readFileSync(
-      resolve(__dirname, "../../docs/06.frontend-composables/05.ui-toolkit.md"),
-      "utf8",
-    );
-    expect(docs).toContain(
-      'from "#dms-ui/app/composables/global/searchShortcuts"',
-    );
-  });
-
-  it("describe the page search keys per platform", () => {
-    expect(pageSearchAriaKeyshortcuts(true)).toBe("Meta+/");
-    expect(pageSearchAriaKeyshortcuts(false)).toBe("Control+/");
-  });
-});
-
-describe("search shortcuts metadata", () => {
-  const all = registry.flatMap((group) => group.shortcuts);
-  const global = registry.find((group) => group.component === "Global")!;
-
-  it("lists both keys in the Global group of the Shortcuts page", () => {
-    expect(global.shortcuts).toContain(GLOBAL_SLASH_METADATA);
-    expect(global.shortcuts).toContain(GLOBAL_META_SLASH_METADATA);
-    expect(GLOBAL_SLASH_METADATA.key).toEqual([NAV_SEARCH_SHORTCUT]);
-    expect(GLOBAL_META_SLASH_METADATA.key).toEqual(["$keyboard.meta", "/"]);
-    expect(PAGE_SEARCH_SHORTCUTS[0]).toBe("meta_/");
-  });
-
-  it("gives no other listed shortcut the same keys", () => {
-    const signature = (keys: string[]) => keys.join("+").toLowerCase();
-    const searchKeys = [
-      signature(GLOBAL_SLASH_METADATA.key),
-      signature(GLOBAL_META_SLASH_METADATA.key),
-    ];
-    const clashes = all.filter(
-      (shortcut) =>
-        shortcut !== GLOBAL_SLASH_METADATA &&
-        shortcut !== GLOBAL_META_SLASH_METADATA &&
-        searchKeys.includes(signature(shortcut.key)),
-    );
-    expect(clashes).toEqual([]);
-  });
-
-  it.each(["en-GB", "fr-FR"])("translates both entries in %s", (locale) => {
-    const messages = JSON.parse(
-      readFileSync(
-        resolve(__dirname, `../layers/dms-ui/i18n/locales/ui-${locale}.json`),
-        "utf8",
-      ),
-    );
-    const lookup = (token: string) =>
-      token
-        .slice(1)
-        .split(".")
-        .reduce<unknown>(
-          (node, part) => (node as Record<string, unknown> | undefined)?.[part],
-          messages,
-        );
-    for (const metadata of [
-      GLOBAL_SLASH_METADATA,
-      GLOBAL_META_SLASH_METADATA,
-    ]) {
-      expect(lookup(metadata.descriptionKey)).toEqual(expect.any(String));
-      expect(lookup(metadata.condition!.descriptionKey)).toEqual(
-        expect.any(String),
-      );
-    }
-  });
-});

package/frontend-vue/tests/shortcuts-aggregate.test.ts

@@ -1,48 +0,0 @@
-import { afterEach, describe, expect, it, vi } from "vitest";
-
-const finderShortcut = {
-  id: "finder.open",
-  keys: ["enter"],
-  description: "Open",
-};
-
-vi.mock("#shortcuts-aggregated", () => ({
-  default: [
-    {
-      component: "Tab",
-      shortcuts: [{ id: "tab.next", keys: ["ctrl", "tab"], description: "" }],
-    },
-    { component: "Finder", shortcuts: [finderShortcut] },
-  ],
-}));
-
-const registered = vi.hoisted((): Array<[string, unknown]> => []);
-
-vi.mock(
-  "../layers/dms-ui/app/build/composables/shortcuts/useShortcutRegistry",
-  () => ({
-    useShortcutRegistry: () => ({
-      registerShortcut: (component: string, shortcut: unknown) =>
-        registered.push([component, shortcut]),
-    }),
-  }),
-);
-
-describe("the shortcuts plugin", () => {
-  afterEach(() => {
-    vi.unstubAllGlobals();
-  });
-
-  it("registers every module's registry from the aggregate, not only dms-ui's", async () => {
-    vi.stubGlobal("defineDmsPlugin", (setup: () => void) => setup);
-    const { default: setup } = await import(
-      "../layers/dms-ui/app/plugins/shortcuts"
-    );
-    (setup as () => void)();
-    expect(registered.map(([component]) => component)).toEqual([
-      "Tab",
-      "Finder",
-    ]);
-    expect(registered[1]?.[1]).toEqual(finderShortcut);
-  });
-});