@antelopejs/dms 0.9.2 → 0.9.3

package/frontend-vue/tests/activity-feed-head.test.ts

@@ -1,140 +0,0 @@
-/**
- * An ActivityFeed's head carries a count beside its title (the option, or the
- * `count` its route answers) and a soft badge before its actions; each entry
- * may add a third, dimmed mono line under its details.
- */
-import { computed, createSSRApp, defineComponent, h, ref } from "vue";
-import { renderToString } from "vue/server-renderer";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import ActivityFeed from "../layers/dms-ui/app/components/activity-feed/ActivityFeed.vue";
-
-const items = ref<Array<Record<string, unknown>>>([]);
-const fetchedCount = ref<number | undefined>(undefined);
-
-vi.mock("../layers/dms-ui/app/build/composables/blocks/useBlockItems", () => ({
-  useBlockItems: () => ({
-    items: computed(() => items.value),
-    count: computed(() => fetchedCount.value),
-    isPending: computed(() => false),
-    hasError: computed(() => false),
-    refresh: async () => {},
-  }),
-}));
-
-const Card = defineComponent({
-  props: {
-    title: { type: String, default: undefined },
-    count: { type: [Number, String], default: undefined },
-  },
-  setup:
-    (props, { slots }) =>
-    () =>
-      h("div", { "data-card": "" }, [
-        h("header", [
-          props.title,
-          props.count === undefined
-            ? null
-            : h("span", { "data-count": "" }, String(props.count)),
-          slots.actions?.(),
-        ]),
-        slots.default?.(),
-      ]),
-});
-
-const Badge = defineComponent({
-  props: { label: String },
-  setup: (props) => () => h("span", { "data-badge": "" }, props.label),
-});
-
-const Slot = defineComponent({
-  setup:
-    (_, { slots }) =>
-    () =>
-      h("div", slots.default?.()),
-});
-
-async function render(props: Record<string, unknown>): Promise<string> {
-  const app = createSSRApp({
-    render: () =>
-      h(ActivityFeed, {
-        componentId: "attention",
-        pageId: "overview",
-        title: "Needs attention",
-        fetchUrl: "/api/attention",
-        groupByDay: false,
-        ...props,
-      }),
-  });
-  app.component("DmsCard", Card);
-  app.component("UBadge", Badge);
-  for (const name of ["UIcon", "USkeleton", "UButton", "ULink", "NuxtLink"]) {
-    app.component(name, Slot);
-  }
-  return renderToString(app);
-}
-
-beforeEach(() => {
-  items.value = [
-    {
-      id: "cart",
-      title: "POST /cart/checkout",
-      meta: ["Client errors"],
-      detail: '400 "Cart is empty" × 16',
-    },
-  ];
-  fetchedCount.value = undefined;
-  vi.stubGlobal("useI18n", () => ({ locale: ref("en-GB"), t: String }));
-  vi.stubGlobal("useTranslation", () => ({
-    processI18n: (text: string) => (text.startsWith("$") ? `t(${text})` : text),
-  }));
-});
-
-afterEach(() => vi.unstubAllGlobals());
-
-describe("ActivityFeed head", () => {
-  it("draws no count and no badge unless asked", async () => {
-    const html = await render({});
-    expect(html).not.toContain("data-count");
-    expect(html).not.toContain("data-badge");
-  });
-
-  it("shows the count option beside the title", async () => {
-    const html = await render({ count: 7 });
-    expect(html).toMatch(/<span data-count[^>]*>7<\/span>/);
-  });
-
-  it("prefers the count its route answers", async () => {
-    fetchedCount.value = 4;
-    const html = await render({ count: 7 });
-    expect(html).toMatch(/<span data-count[^>]*>4<\/span>/);
-  });
-
-  it("draws a translated badge in the head", async () => {
-    // `t` is stubbed as String: a translated key reads as the bare key.
-    const html = await render({ badge: "$api.overview.last_24h" });
-    expect(html).toMatch(
-      /<span data-badge[^>]*>api\.overview\.last_24h<\/span>/,
-    );
-  });
-
-  it("draws a literal badge as written", async () => {
-    const html = await render({ badge: "Last 24 h" });
-    expect(html).toMatch(/<span data-badge[^>]*>Last 24 h<\/span>/);
-  });
-});
-
-describe("ActivityFeed entry detail", () => {
-  it("writes the detail as a third, dimmed mono line", async () => {
-    const html = await render({});
-    const line = /<p class="([^"]*)"[^>]*>([^<]*)<\/p>/.exec(html);
-    expect(line?.[2]?.trim()).toBe("400 &quot;Cart is empty&quot; × 16");
-    expect(line?.[1]).toContain("font-mono");
-    expect(line?.[1]).toContain("text-dimmed");
-  });
-
-  it("draws no detail line for an entry without one", async () => {
-    items.value = [{ id: "a", title: "GET /health" }];
-    const html = await render({});
-    expect(html).not.toMatch(/<p class="[^"]*font-mono/);
-  });
-});

package/frontend-vue/tests/admin-invite-email.test.ts

@@ -1,86 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { createSSRApp, defineComponent, h } from "vue";
-import { renderToString } from "vue/server-renderer";
-import { createI18n } from "vue-i18n";
-import AdminInvite from "../layers/dms-layout/app/emails/EmailAdminInvite.vue";
-import en from "../layers/dms-layout/i18n/locales/layout-en-GB.json";
-import fr from "../layers/dms-layout/i18n/locales/layout-fr-FR.json";
-
-const EMAIL_ELEMENTS = ["EHtml", "EHead", "EBody", "EContainer", "ESection"];
-const LEAF_ELEMENTS = ["EText", "EHeading", "EButton"];
-
-function passthrough(tag: string) {
-  return defineComponent({
-    setup:
-      (_, { slots }) =>
-      () =>
-        h(tag, slots.default?.()),
-  });
-}
-
-async function renderInvite(
-  props: Record<string, unknown>,
-  locale = "en",
-): Promise<string> {
-  vi.stubGlobal("useDmsAppConfig", () => ({}));
-  vi.stubGlobal("useDmsRuntimeConfig", () => ({ public: {} }));
-  const app = createSSRApp(AdminInvite, {
-    email: "invitee@local.test",
-    signupLink: "https://app.local/auth/signup?token=t",
-    expiresInDays: 7,
-    ...props,
-  });
-  app.use(
-    createI18n({
-      legacy: false,
-      locale,
-      fallbackLocale: "en",
-      messages: { en, fr },
-    }),
-  );
-  EMAIL_ELEMENTS.forEach((name) => app.component(name, passthrough("div")));
-  LEAF_ELEMENTS.forEach((name) => app.component(name, passthrough("p")));
-  app.component("EImg", passthrough("img"));
-  app.component("EHr", passthrough("hr"));
-  const html = await renderToString(app);
-  vi.unstubAllGlobals();
-  return html.replace(/<!--[^>]*-->/g, "").replace(/&#39;/g, "'");
-}
-
-describe("EmailAdminInvite", () => {
-  it("keeps today's generic wording without any name", async () => {
-    const html = await renderInvite({});
-    expect(html).toContain("You're Invited!");
-    expect(html).toContain(
-      "You've been invited to join our platform. Click the button below to create your account:",
-    );
-    expect(html).toContain("This invitation expires in 7 days.");
-  });
-
-  it("names the workspace, the platform and the inviter", async () => {
-    const html = await renderInvite({
-      workspaceName: "Storefront",
-      platformName: "Acme",
-      inviterName: "Ada",
-    });
-    expect(html).toContain("You're invited to Storefront");
-    expect(html).toContain("Ada invited you to join Storefront on Acme.");
-  });
-
-  it("names the platform when the workspace is unknown", async () => {
-    const html = await renderInvite({ platformName: "Acme" });
-    expect(html).toContain("You've been invited to join Acme.");
-  });
-
-  it("writes the email in French", async () => {
-    const html = await renderInvite(
-      { workspaceName: "Storefront", platformName: "Acme" },
-      "fr",
-    );
-    expect(html).toContain("Vous êtes invité à rejoindre Storefront");
-    expect(html).toContain(
-      "Vous avez été invité à rejoindre Storefront sur Acme.",
-    );
-    expect(html).toContain("Cette invitation expire dans 7 jours.");
-  });
-});

package/frontend-vue/tests/api-error-title.test.ts

@@ -1,24 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { resolveApiErrorTitle } from "../layers/dms-core/app/composables/useApiError";
-
-describe("resolveApiErrorTitle", () => {
-  it("titles a 4xx response as a refused request", () => {
-    expect(resolveApiErrorTitle({ statusCode: 403 })).toBe(
-      "error.request_refused.title",
-    );
-    expect(resolveApiErrorTitle({ status: 422 })).toBe(
-      "error.request_refused.title",
-    );
-  });
-
-  it("titles a 5xx response as a server error", () => {
-    expect(resolveApiErrorTitle({ statusCode: 502 })).toBe("error.500.title");
-  });
-
-  it("titles an error without a status as a server error", () => {
-    expect(resolveApiErrorTitle(new Error("network down"))).toBe(
-      "error.500.title",
-    );
-    expect(resolveApiErrorTitle(undefined)).toBe("error.500.title");
-  });
-});

package/frontend-vue/tests/api-message-i18n.test.ts

@@ -1,46 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { resolveApiMessage } from "../layers/dms-core/app/composables/translation/useTranslation";
-
-const MESSAGES: Record<string, string> = {
-  "error.unauthorized": "You are not allowed to perform this action.",
-  "page.settings.invites.error.not_found": "This invitation no longer exists.",
-};
-
-const translate = (key: string) => MESSAGES[key] ?? key;
-
-describe("resolveApiMessage", () => {
-  it("translates a bare backend key", () => {
-    expect(resolveApiMessage(translate, "error.unauthorized")).toBe(
-      "You are not allowed to perform this action.",
-    );
-  });
-
-  it("translates a key carrying the DMS $ prefix", () => {
-    expect(
-      resolveApiMessage(translate, "$page.settings.invites.error.not_found"),
-    ).toBe("This invitation no longer exists.");
-  });
-
-  it("falls back to the bare key when a $ marked key has no translation", () => {
-    expect(resolveApiMessage(translate, "$error.does_not_exist")).toBe(
-      "error.does_not_exist",
-    );
-  });
-
-  it("returns an untranslated bare key as it came in", () => {
-    expect(resolveApiMessage(translate, "error.does_not_exist")).toBe(
-      "error.does_not_exist",
-    );
-  });
-
-  it("leaves a plain-text message untouched", () => {
-    expect(resolveApiMessage(translate, "Export response has no body")).toBe(
-      "Export response has no body",
-    );
-  });
-
-  it("stringifies a non-string message instead of throwing", () => {
-    expect(resolveApiMessage(translate, { code: 12 })).toBe("[object Object]");
-    expect(resolveApiMessage(translate, undefined)).toBe("undefined");
-  });
-});

package/frontend-vue/tests/async-data-key-owners.test.ts

@@ -1,74 +0,0 @@
-import { readFileSync, readdirSync } from "node:fs";
-import { fileURLToPath } from "node:url";
-import { join, relative } from "node:path";
-import { describe, expect, it } from "vitest";
-
-const LAYERS_DIR = fileURLToPath(new URL("../layers", import.meta.url));
-const SOURCE_EXTENSIONS = [".vue", ".ts"];
-const ASYNC_DATA_KEY =
-  /useDms(?:Lazy)?AsyncData\(\s*(?:`([^`]*)`|"([^"]*)"|'([^']*)')/g;
-
-function collectSources(dir: string): string[] {
-  return readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
-    const path = join(dir, entry.name);
-    if (entry.isDirectory()) return collectSources(path);
-    return SOURCE_EXTENSIONS.some((ext) => entry.name.endsWith(ext))
-      ? [path]
-      : [];
-  });
-}
-
-// String constants are resolved so a key spelled `${PREFIX}${id}` is still
-// comparable; what is left interpolated marks the end of the static part.
-function staticPrefix(key: string, source: string): string {
-  const resolved = key.replace(/\$\{(\w+)\}/g, (interpolation, name) => {
-    const declaration = source.match(
-      new RegExp(`\\bconst ${name} = ("[^"]*"|'[^']*'|\`[^\`$]*\`)`),
-    );
-    return declaration ? declaration[1]!.slice(1, -1) : interpolation;
-  });
-  return resolved.split("${")[0] ?? "";
-}
-
-function keyOwners(): Map<string, Set<string>> {
-  const owners = new Map<string, Set<string>>();
-  for (const path of collectSources(LAYERS_DIR)) {
-    const source = readFileSync(path, "utf8");
-    for (const match of source.matchAll(ASYNC_DATA_KEY)) {
-      const key = match[1] ?? match[2] ?? match[3] ?? "";
-      const prefix = staticPrefix(key, source);
-      if (!prefix) continue;
-      const files = owners.get(prefix) ?? new Set<string>();
-      files.add(relative(LAYERS_DIR, path));
-      owners.set(prefix, files);
-    }
-  }
-  return owners;
-}
-
-describe("useAsyncData key ownership", () => {
-  // Nuxt keys async data globally and keeps only the first handler registered
-  // for a key, so a key claimed from two files means one of them silently runs
-  // the other's fetch. Sharing is fine — through a composable, from one file.
-  it("declares every key prefix in a single file", () => {
-    const shared = [...keyOwners()]
-      .filter(([, files]) => files.size > 1)
-      .map(([prefix, files]) => `${prefix} → ${[...files].join(", ")}`);
-
-    expect(shared).toEqual([]);
-  });
-
-  it("routes the page layout fetch through usePageLayout", () => {
-    const page = readFileSync(
-      join(LAYERS_DIR, "dms-layout/app/pages/[...slug].vue"),
-      "utf8",
-    );
-    const owner = readFileSync(
-      join(LAYERS_DIR, "dms-layout/app/composables/page/usePageLayout.ts"),
-      "utf8",
-    );
-    expect(page).toContain("await usePageLayout()");
-    expect(page).not.toContain("useDmsAsyncData(");
-    expect(owner).toContain("siteLayout.pageLayouts.value");
-  });
-});

package/frontend-vue/tests/async-data-scope.test.ts

@@ -1,121 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Every key of the async data lives in the scope of the session's account and
- * workspace: the browser finds what the server transferred under the same
- * scope, and a switch of account or workspace drops the previous session's
- * data instead of showing it under the new one.
- */
-import {
-  type App,
-  createApp,
-  createSSRApp,
-  defineComponent,
-  h,
-  nextTick,
-  Suspense,
-} from "vue";
-import { renderToString } from "vue/server-renderer";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import type { DmsFrontendRuntime } from "#dms/frontend-module";
-import { asyncDataScopeOf } from "../layers/dms-core/app/build/utils/asyncDataScope";
-
-const engine = await import("#dms/frontend-module");
-const { default: asyncDataScopePlugin } = await import(
-  "../layers/dms-core/app/plugins/async-data-scope"
-);
-
-const ACCOUNT_A = { accountId: "account-a", activeTenantId: "tenant-1" };
-const ACCOUNT_B = { accountId: "account-b", activeTenantId: "tenant-1" };
-
-const handler = vi.fn(async () => "orders of account A");
-
-const Page = defineComponent({
-  async setup() {
-    const { data } = await engine.useDmsAsyncData("orders", handler);
-    return () => h("p", data.value ?? "none");
-  },
-});
-
-const Root = defineComponent({
-  setup: () => () => h(Suspense, null, { default: () => h(Page) }),
-});
-
-const mounted: App[] = [];
-
-function start(app: App, runtime: DmsFrontendRuntime, session: object) {
-  engine.provideDmsFrontendRuntime(app, runtime);
-  app.runWithContext(() => {
-    engine.useDmsState("dms-session", () => null).value = session;
-    void asyncDataScopePlugin({} as never);
-  });
-}
-
-async function settle(): Promise<void> {
-  await nextTick();
-  await new Promise((done) => setTimeout(done, 0));
-}
-
-beforeEach(async () => {
-  handler.mockClear();
-  await engine.setupFrontendModules([]);
-});
-
-afterEach(() => {
-  mounted.splice(0).forEach((app) => app.unmount());
-});
-
-describe("the async data scope", () => {
-  it("is a digest of the account and the workspace, none when signed out", () => {
-    const scope = asyncDataScopeOf(ACCOUNT_A);
-    expect(scope).toMatch(/^[0-9a-z]+$/);
-    expect(scope).not.toContain("account-a");
-    expect(asyncDataScopeOf({ ...ACCOUNT_A })).toBe(scope);
-    expect(asyncDataScopeOf(ACCOUNT_B)).not.toBe(scope);
-    expect(
-      asyncDataScopeOf({ ...ACCOUNT_A, activeTenantId: "tenant-2" }),
-    ).not.toBe(scope);
-    expect(asyncDataScopeOf(null)).toBeUndefined();
-    expect(asyncDataScopeOf({})).toBeUndefined();
-  });
-
-  it("hands the server's data to the browser under the same session", async () => {
-    const server = engine.createDmsFrontendRuntime(undefined, {}, true);
-    const serverApp = createSSRApp(Root);
-    start(serverApp, server, ACCOUNT_A);
-    expect(await renderToString(serverApp)).toBe("<p>orders of account A</p>");
-    const payload = structuredClone(engine.serializeDmsPayload(server));
-    expect(JSON.stringify(payload)).not.toContain("account-a");
-
-    handler.mockClear();
-    const browser = engine.createDmsFrontendRuntime(undefined, {});
-    const browserApp = createApp(Root);
-    start(browserApp, browser, ACCOUNT_A);
-    engine.restoreDmsPayload(browser, payload);
-    const host = document.createElement("div");
-    browserApp.mount(host);
-    mounted.push(browserApp);
-    await settle();
-
-    expect(handler).not.toHaveBeenCalled();
-    expect(host.textContent).toBe("orders of account A");
-  });
-
-  it("drops the previous account's data once the session switches", async () => {
-    const browser = engine.createDmsFrontendRuntime(undefined, {});
-    const browserApp = createApp(Root);
-    start(browserApp, browser, ACCOUNT_A);
-    const host = document.createElement("div");
-    browserApp.mount(host);
-    mounted.push(browserApp);
-    await settle();
-    expect(host.textContent).toBe("orders of account A");
-
-    browserApp.runWithContext(() => {
-      engine.useDmsState("dms-session", () => null).value = ACCOUNT_B;
-    });
-    await settle();
-
-    expect(browser.asyncData.size).toBe(0);
-    expect(host.textContent).toBe("none");
-  });
-});

package/frontend-vue/tests/auth-middleware-error.test.ts

@@ -1,58 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-
-type Middleware = (to: unknown) => Promise<unknown>;
-
-const pageError = { value: null as { statusCode: number } | null };
-const navigateDms = vi.fn();
-
-beforeEach(() => {
-  vi.resetModules();
-  vi.stubGlobal("defineDmsMiddleware", (handler: Middleware) => handler);
-  vi.stubGlobal("useDmsError", () => pageError);
-  vi.stubGlobal("abortDmsNavigation", () => false);
-  vi.stubGlobal("navigateDms", navigateDms);
-  vi.stubGlobal("useSiteLayout", () => ({
-    siteLayout: { value: {} },
-    findMatchingRoute: () => ({ metadata: {} }),
-  }));
-  vi.stubGlobal("useDmsUserSession", () => ({ loggedIn: { value: false } }));
-});
-
-afterEach(() => {
-  pageError.value = null;
-  navigateDms.mockReset();
-  vi.unstubAllGlobals();
-});
-
-async function loadMiddleware(): Promise<Middleware> {
-  const module = await import("../layers/dms-auth/app/middleware/auth");
-  return module.default as unknown as Middleware;
-}
-
-const privateRoute = {
-  path: "/projects/project",
-  fullPath: "/projects/project",
-  matched: [{}],
-  meta: { auth: true },
-};
-
-describe("auth middleware", () => {
-  it("aborts without throwing when the page already raised an error", async () => {
-    pageError.value = { statusCode: 404 };
-    const middleware = await loadMiddleware();
-
-    await expect(middleware(privateRoute)).resolves.toBe(false);
-    expect(navigateDms).not.toHaveBeenCalled();
-  });
-
-  it("still sends a signed-out visitor to the login page", async () => {
-    const middleware = await loadMiddleware();
-
-    await middleware(privateRoute);
-
-    expect(navigateDms).toHaveBeenCalledWith({
-      path: "/auth",
-      query: { redirect: "/projects/project" },
-    });
-  });
-});