@antelopejs/dms 0.9.2 → 0.9.3

package/frontend-vue/tests/sidebar-search-hint.test.ts

@@ -1,191 +0,0 @@
-// @vitest-environment jsdom
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import {
-  computed,
-  createSSRApp,
-  defineComponent,
-  h,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  reactive,
-  ref,
-  watch,
-  type App,
-  type PropType,
-  type Ref,
-} from "vue";
-import { renderToString } from "vue/server-renderer";
-import Sidebar from "../layers/dms-layout/app/build/components/layout/DashboardSidebar.vue";
-import { KEYBOARD_PLATFORM_COOKIE } from "../layers/dms-ui/app/composables/global/keyboardPlatform";
-import { addActiveStateToMenuItem } from "../layers/dms-core/app/utils/menu";
-
-const MAC_UA =
-  "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36";
-const WINDOWS_UA =
-  "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36";
-const NAVIGATORS = {
-  mac: { userAgent: MAC_UA, platform: "MacIntel", hint: "macOS" },
-  windows: { userAgent: WINDOWS_UA, platform: "Win32", hint: "Windows" },
-} as const;
-
-const route = reactive({ path: "/settings", query: {} });
-let cookies: Map<string, Ref<unknown>>;
-let app: App | undefined;
-let host: HTMLDivElement;
-
-/** Stands in for Nuxt UI's button: its kbds, and its tooltip's while collapsed. */
-const SearchButton = defineComponent({
-  props: {
-    kbds: { type: Array as PropType<string[]>, default: () => [] },
-    tooltip: { type: Object as PropType<{ kbds?: string[] }>, default: null },
-  },
-  setup: (props) => () =>
-    h("button", { "data-testid": "search" }, [
-      ...props.kbds.map((kbd) => h("kbd", { "data-slot": "hint" }, kbd)),
-      ...(props.tooltip?.kbds ?? []).map((kbd) =>
-        h("kbd", { "data-slot": "tooltip" }, kbd),
-      ),
-    ]),
-});
-
-function installRuntime(initialCookies: Record<string, unknown>) {
-  cookies = new Map(
-    Object.entries(initialCookies).map(([key, value]) => [key, ref(value)]),
-  );
-  Object.entries({
-    computed,
-    ref,
-    watch,
-    onMounted,
-    onBeforeUnmount,
-    addActiveStateToMenuItem,
-  }).forEach(([key, value]) => vi.stubGlobal(key, value));
-  vi.stubGlobal("useI18n", () => ({ t: (key: string) => key }));
-  vi.stubGlobal("useDmsAppConfig", () => ({}));
-  vi.stubGlobal("useTranslation", () => ({
-    processI18n: (value: string) => value,
-  }));
-  vi.stubGlobal("useDmsRoute", () => route);
-  vi.stubGlobal("useDmsState", (_key: string, initial: () => unknown) =>
-    ref(initial()),
-  );
-  // One ref per cookie, shared by every caller, as `useDmsCookie` does.
-  vi.stubGlobal(
-    "useDmsCookie",
-    (key: string, options: { default: () => unknown }) => {
-      if (!cookies.has(key)) cookies.set(key, ref(options.default()));
-      return cookies.get(key);
-    },
-  );
-  vi.stubGlobal("useSiteLayout", () => ({
-    siteLayout: ref({}),
-    siteLayoutTree: ref(),
-    findMatchingRoute: () => null,
-    findMatchingRouteOrCategory: () => null,
-  }));
-  vi.stubGlobal("useFavoritePages", () => ({
-    cleanupInvalidFavorites: vi.fn(),
-    sortedFavorites: ref([]),
-  }));
-  vi.stubGlobal("useIsOwner", () => ref(true));
-  vi.stubGlobal("useCurrentModule", () => computed(() => null));
-  vi.stubGlobal("useSidebarWidgets", () => ({ widgets: ref([]) }));
-  vi.stubGlobal("useHomepage", () => "/settings");
-  vi.stubGlobal("getExpandedItemIds", () => []);
-}
-
-function useNavigator(kind: keyof typeof NAVIGATORS) {
-  const nav = NAVIGATORS[kind];
-  vi.spyOn(window.navigator, "userAgent", "get").mockReturnValue(nav.userAgent);
-  vi.spyOn(window.navigator, "platform", "get").mockReturnValue(nav.platform);
-  Object.defineProperty(window.navigator, "userAgentData", {
-    configurable: true,
-    value: { platform: nav.hint },
-  });
-}
-
-function createSidebarApp(collapsed = false): App {
-  const sidebarApp = createSSRApp(Sidebar);
-  sidebarApp.component(
-    "UDashboardSidebar",
-    defineComponent({
-      setup:
-        (_, { slots }) =>
-        () =>
-          h("aside", slots.default?.({ collapsed })),
-    }),
-  );
-  sidebarApp.component("UDashboardSearchButton", SearchButton);
-  for (const name of [
-    "DmsNavigationMenu",
-    "DmsDashboardSearch",
-    "DmsSidebarUserMenu",
-  ])
-    sidebarApp.component(name, defineComponent({ render: () => null }));
-  return sidebarApp;
-}
-
-function hints(slot: "hint" | "tooltip"): string[] {
-  return [...host.querySelectorAll(`kbd[data-slot="${slot}"]`)].map(
-    (kbd) => kbd.textContent ?? "",
-  );
-}
-
-beforeEach(() => {
-  host = document.createElement("div");
-});
-afterEach(() => {
-  app?.unmount();
-  app = undefined;
-  vi.restoreAllMocks();
-  vi.unstubAllGlobals();
-  Reflect.deleteProperty(window.navigator, "userAgentData");
-});
-
-describe("sidebar search hint", () => {
-  it.each([
-    ["mac", "⌘K"],
-    ["windows", "Ctrl K"],
-  ] as const)("reads the %s keyboard once mounted", async (kind, expected) => {
-    installRuntime({});
-    useNavigator(kind);
-    app = createSidebarApp();
-    app.mount(host);
-    await nextTick();
-    expect(hints("hint")).toEqual([expected]);
-  });
-
-  it("names the key in the collapsed rail's tooltip", async () => {
-    installRuntime({});
-    useNavigator("windows");
-    app = createSidebarApp(true);
-    app.mount(host);
-    await nextTick();
-    expect(hints("tooltip")).toEqual(["Ctrl K"]);
-  });
-
-  it("corrects a stale platform cookie after mount", async () => {
-    installRuntime({ [KEYBOARD_PLATFORM_COOKIE]: "mac" });
-    useNavigator("windows");
-    app = createSidebarApp();
-    app.mount(host);
-    await nextTick();
-    expect(hints("hint")).toEqual(["Ctrl K"]);
-    expect(cookies.get(KEYBOARD_PLATFORM_COOKIE)?.value).toBe("other");
-  });
-
-  it.each([
-    [{}, "Ctrl K"],
-    [{ [KEYBOARD_PLATFORM_COOKIE]: "mac" }, "⌘K"],
-    [{ [KEYBOARD_PLATFORM_COOKIE]: "other" }, "Ctrl K"],
-  ])(
-    "server-renders the cookie's platform (%o), so hydration matches",
-    async (initialCookies, expected) => {
-      installRuntime(initialCookies);
-      useNavigator("mac");
-      const html = await renderToString(createSidebarApp());
-      expect(html).toContain(`<kbd data-slot="hint">${expected}</kbd>`);
-    },
-  );
-});

package/frontend-vue/tests/sidebar-widget-position.test.ts

@@ -1,117 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import {
-  isSidebarWidgetVisible,
-  resolveSidebarWidgetPosition,
-  type SidebarWidget,
-  SidebarWidgetPosition,
-  useSidebarWidgets,
-} from "../layers/dms-layout/app/composables/useSidebarWidgets";
-
-const UNKNOWN_POSITION = "top" as SidebarWidgetPosition;
-
-const widget = (extra: Partial<SidebarWidget> = {}): SidebarWidget => ({
-  id: "widget",
-  component: "Widget",
-  ...extra,
-});
-
-describe("resolveSidebarWidgetPosition", () => {
-  it("keeps the pre-position placement of an unscoped widget", () => {
-    expect(resolveSidebarWidgetPosition(widget())).toBe(
-      SidebarWidgetPosition.ABOVE_SEARCH_BAR,
-    );
-  });
-
-  it("keeps the pre-position placement of a module-scoped widget", () => {
-    expect(resolveSidebarWidgetPosition(widget({ module: "demo" }))).toBe(
-      SidebarWidgetPosition.BELOW_SEARCH_BAR,
-    );
-  });
-
-  it("honors a declared position over the module-derived default", () => {
-    expect(
-      resolveSidebarWidgetPosition(
-        widget({
-          module: "demo",
-          position: SidebarWidgetPosition.ABOVE_SEARCH_BAR,
-        }),
-      ),
-    ).toBe(SidebarWidgetPosition.ABOVE_SEARCH_BAR);
-    expect(
-      resolveSidebarWidgetPosition(
-        widget({ position: SidebarWidgetPosition.BELOW_SEARCH_BAR }),
-      ),
-    ).toBe(SidebarWidgetPosition.BELOW_SEARCH_BAR);
-  });
-
-  it("falls back to the default rather than dropping an unknown position", () => {
-    expect(
-      resolveSidebarWidgetPosition(widget({ position: UNKNOWN_POSITION })),
-    ).toBe(SidebarWidgetPosition.ABOVE_SEARCH_BAR);
-    expect(
-      resolveSidebarWidgetPosition(
-        widget({ module: "demo", position: UNKNOWN_POSITION }),
-      ),
-    ).toBe(SidebarWidgetPosition.BELOW_SEARCH_BAR);
-  });
-});
-
-describe("isSidebarWidgetVisible", () => {
-  it("shows a global widget outside modules and hides it inside one", () => {
-    const global = widget();
-    expect(isSidebarWidgetVisible(global, null)).toBe(true);
-    expect(isSidebarWidgetVisible(global, undefined)).toBe(true);
-    expect(isSidebarWidgetVisible(global, "demo")).toBe(false);
-  });
-
-  it("shows a scoped widget only inside its own module", () => {
-    const scoped = widget({ module: "demo" });
-    expect(isSidebarWidgetVisible(scoped, "demo")).toBe(true);
-    expect(isSidebarWidgetVisible(scoped, "other")).toBe(false);
-    expect(isSidebarWidgetVisible(scoped, null)).toBe(false);
-  });
-});
-
-describe("useSidebarWidgets registration order", () => {
-  beforeEach(() => {
-    // The composable reads its store through the DMS app's injected `useDmsState`;
-    // a fresh array per call keeps each spec isolated.
-    vi.stubGlobal("useDmsState", (_key: string, init: () => SidebarWidget[]) => ({
-      value: init(),
-    }));
-  });
-
-  // The config sets no `unstubGlobals`, and file isolation is the pool's
-  // default rather than something this suite should rely on.
-  afterEach(() => {
-    vi.unstubAllGlobals();
-  });
-
-  const ids = (widgets: readonly SidebarWidget[]) => widgets.map((w) => w.id);
-
-  it("sorts by order and keeps registration order within a tie", () => {
-    const { widgets, register } = useSidebarWidgets();
-    register(widget({ id: "a" }));
-    register(widget({ id: "b", order: -1 }));
-    register(widget({ id: "c" }));
-    expect(ids(widgets.value)).toEqual(["b", "a", "c"]);
-  });
-
-  it("upserts in place, so re-registering keeps the widget's rank", () => {
-    const { widgets, register } = useSidebarWidgets();
-    register(widget({ id: "a" }));
-    register(widget({ id: "b" }));
-    register(widget({ id: "a", component: "Replaced" }));
-    expect(ids(widgets.value)).toEqual(["a", "b"]);
-    expect(widgets.value[0]?.component).toBe("Replaced");
-  });
-
-  it("treats unregister then register as a new arrival, landing last in its tie", () => {
-    const { widgets, register, unregister } = useSidebarWidgets();
-    register(widget({ id: "a" }));
-    register(widget({ id: "b" }));
-    unregister("a");
-    register(widget({ id: "a" }));
-    expect(ids(widgets.value)).toEqual(["b", "a"]);
-  });
-});

package/frontend-vue/tests/sign-in-exit-history.test.ts

@@ -1,219 +0,0 @@
-// @vitest-environment jsdom
-import { afterEach, beforeEach, expect, it, vi } from "vitest";
-import {
-  computed,
-  createApp,
-  defineComponent,
-  h,
-  nextTick,
-  onMounted,
-  reactive,
-  ref,
-  watch,
-  watchEffect,
-  type App,
-  type Component,
-} from "vue";
-import { usePostLoginRedirect } from "../layers/dms-auth/app/composables/usePostLoginRedirect";
-
-// The pages that end a sign-in by spending a one-time token in their URL: the
-// OAuth completion and the second factor (code or backup code). Each leaves
-// for the destination in its own place in the history, so Back never lands on
-// a spent token, or on a completion page that sends the user forward again.
-
-vi.mock("#dms-ui/app/build/components/form/OtpInput.vue", async () => {
-  const { defineComponent: define, h: render } = await import("vue");
-  return {
-    default: define({
-      props: { modelValue: Array },
-      emits: ["update:modelValue"],
-      setup: (_, { emit, expose }) => {
-        expose({ focus: () => undefined });
-        return () =>
-          render("input", {
-            "data-testid": "code",
-            onInput: (event: Event) =>
-              emit(
-                "update:modelValue",
-                (event.target as HTMLInputElement).value.split(""),
-              ),
-          });
-      },
-    }),
-  };
-});
-const stub = vi.hoisted(() => async () => {
-  const { defineComponent: define, h: render } = await import("vue");
-  return {
-    default: define({
-      setup:
-        (_: unknown, { slots }: { slots: Record<string, () => unknown> }) =>
-        () =>
-          render("section", slots.default?.() as never),
-    }),
-  };
-});
-vi.mock("../layers/dms-layout/app/build/components/layout/StageCard.vue", stub);
-vi.mock("../layers/dms-auth/app/build/components/AuthBackLink.vue", stub);
-vi.mock("../layers/dms-auth/app/build/components/AuthFormAlert.vue", stub);
-
-const { default: OAuthCompletePage } = await import(
-  "../layers/dms-auth/app/custom-pages/auth/oauth-complete.vue"
-);
-const { default: TwoFactorPage } = await import(
-  "../layers/dms-auth/app/custom-pages/auth/2fa.vue"
-);
-const { default: BackupCodePage } = await import(
-  "../layers/dms-auth/app/custom-pages/auth/backup.vue"
-);
-
-const HOMEPAGE = "/home";
-const navigate = vi.fn();
-const fetchApi = vi.fn();
-let route: { path: string; query: Record<string, string> };
-let app: App;
-let host: HTMLDivElement;
-
-const Form = defineComponent({
-  props: { state: { type: Object, required: true } },
-  emits: ["submit"],
-  setup: (props, { emit, expose, slots }) => {
-    expose({ setErrors: () => undefined, getErrors: () => [] });
-    return () =>
-      h(
-        "form",
-        {
-          onSubmit: (event: Event) => {
-            event.preventDefault();
-            emit("submit", { data: props.state });
-          },
-        },
-        slots.default?.(),
-      );
-  },
-});
-const Passthrough = defineComponent({
-  setup:
-    (_, { slots }) =>
-    () =>
-      h("span", slots.default?.()),
-});
-
-function installRuntime() {
-  Object.entries({
-    computed,
-    ref,
-    reactive,
-    watch,
-    watchEffect,
-    onMounted,
-  }).forEach(([key, value]) => vi.stubGlobal(key, value));
-  vi.stubGlobal("useI18n", () => ({ t: (key: string) => key }));
-  vi.stubGlobal("useTranslation", () => ({
-    processApiMessage: (message: string) => message,
-  }));
-  vi.stubGlobal("useToast", () => ({ add: vi.fn() }));
-  vi.stubGlobal("useDmsRoute", () => route);
-  vi.stubGlobal("useHomepage", () => HOMEPAGE);
-  vi.stubGlobal("useDmsApp", () => ({
-    runWithContext: (fn: () => unknown) => fn(),
-    $i18n: { setLocale: vi.fn() },
-  }));
-  vi.stubGlobal("useDmsUserSession", () => ({
-    fetch: async () => undefined,
-    user: ref({ _id: "user" }),
-  }));
-  vi.stubGlobal("useMultiAccount", () => ({ addCurrentAccount: vi.fn() }));
-  vi.stubGlobal("useSiteLayout", () => ({ refresh: async () => undefined }));
-  vi.stubGlobal("withAccountsFlag", (_query: unknown, extra = {}) => extra);
-  vi.stubGlobal("usePostLoginRedirect", usePostLoginRedirect);
-  vi.stubGlobal("navigateDms", navigate);
-  vi.stubGlobal("$fetch", fetchApi);
-}
-
-function mountPage(page: Component) {
-  app = createApp(page);
-  app.config.globalProperties.$t = (key: string) => key;
-  for (const name of ["UButton", "UFormField", "UInput", "UIcon", "DmsLink"])
-    app.component(name, Passthrough);
-  app.component("UForm", Form);
-  app.mount(host);
-}
-
-async function settle() {
-  for (let tick = 0; tick < 10; tick++) {
-    await Promise.resolve();
-    await nextTick();
-  }
-}
-
-async function submit(code: string) {
-  const input = host.querySelector<HTMLInputElement>('[data-testid="code"]');
-  if (input) {
-    input.value = code;
-    input.dispatchEvent(new Event("input"));
-    await settle();
-  }
-  host.querySelector("form")!.dispatchEvent(new Event("submit"));
-  await settle();
-}
-
-beforeEach(() => {
-  navigate.mockReset();
-  fetchApi.mockReset();
-  installRuntime();
-  host = document.createElement("div");
-  document.body.append(host);
-});
-afterEach(() => {
-  app?.unmount();
-  host.remove();
-  vi.unstubAllGlobals();
-});
-
-it("replaces the OAuth completion page with the destination", async () => {
-  route = { path: "/auth/oauth/complete", query: { redirect: "/settings" } };
-  fetchApi.mockResolvedValueOnce({ kind: "none" });
-  mountPage(OAuthCompletePage);
-  await settle();
-
-  expect(fetchApi).toHaveBeenCalledWith("/auth/oauth/handoff", {
-    method: "POST",
-  });
-  expect(navigate).toHaveBeenCalledTimes(1);
-  expect(navigate).toHaveBeenCalledWith("/settings", { replace: true });
-});
-
-it("replaces the second-factor page with the destination", async () => {
-  route = {
-    path: "/auth/2fa",
-    query: { token: "spent-token", methods: "totp" },
-  };
-  fetchApi.mockResolvedValueOnce(undefined);
-  mountPage(TwoFactorPage);
-  await settle();
-  await submit("123456");
-
-  expect(fetchApi).toHaveBeenCalledWith("/auth/verify-2fa", {
-    method: "POST",
-    body: { token: "spent-token", code: "123456", method: "totp" },
-  });
-  expect(navigate).toHaveBeenCalledWith(HOMEPAGE, { replace: true });
-});
-
-it("replaces the backup code page with the destination", async () => {
-  route = { path: "/auth/backup", query: { token: "spent-token" } };
-  fetchApi.mockResolvedValueOnce(undefined);
-  mountPage(BackupCodePage);
-  await settle();
-  (host.querySelector("form") as HTMLFormElement).dispatchEvent(
-    new Event("submit"),
-  );
-  await settle();
-
-  expect(fetchApi).toHaveBeenCalledWith(
-    "/auth/verify-2fa",
-    expect.objectContaining({ method: "POST" }),
-  );
-  expect(navigate).toHaveBeenCalledWith(HOMEPAGE, { replace: true });
-});