@antelopejs/dms 0.9.2 → 0.9.4

package/frontend-vue/tests/footer-config.test.ts

@@ -1,135 +0,0 @@
-// @vitest-environment jsdom
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import {
-  computed,
-  createApp,
-  defineComponent,
-  h,
-  nextTick,
-  onMounted,
-  ref,
-  type App,
-} from "vue";
-import type { DmsFooterConfig } from "../layers/dms-core/shared/types/app-config";
-
-let app: App | undefined;
-let host: HTMLDivElement;
-let footerConfig: DmsFooterConfig | undefined;
-
-const SelectStub = defineComponent({
-  setup: () => () => h("select", { "data-locale-switcher": "" }),
-});
-
-async function mountFooter(): Promise<void> {
-  const { default: Footer } = await import(
-    "../layers/dms-layout/app/build/components/layout/Footer.vue"
-  );
-  host = document.createElement("div");
-  document.body.append(host);
-  app = createApp(Footer);
-  app.component("DmsLink", {
-    props: ["to"],
-    setup:
-      (props: { to: string }, { slots }) =>
-      () =>
-        h("a", { href: props.to }, slots.default?.()),
-  });
-  app.component("UIcon", { render: () => null });
-  app.component("USkeleton", { render: () => null });
-  app.component("USelect", SelectStub);
-  app.mount(host);
-  await nextTick();
-}
-
-function linkTexts(): string[] {
-  return [...host.querySelectorAll("a")]
-    .map((link) => link.textContent?.trim() ?? "")
-    .filter((text) => text.length > 0);
-}
-
-beforeEach(async () => {
-  vi.resetModules();
-  footerConfig = undefined;
-  vi.stubGlobal("ref", ref);
-  vi.stubGlobal("computed", computed);
-  vi.stubGlobal("onMounted", onMounted);
-  vi.stubGlobal(
-    "fetch",
-    vi.fn(async () => ({ ok: false })),
-  );
-  vi.stubGlobal("useI18n", () => ({
-    locale: ref("en"),
-    setLocale: vi.fn(),
-    t: (key: string) => key,
-  }));
-  vi.stubGlobal("useUniqueLocales", () => ({ uniqueLocales: ref([]) }));
-  vi.stubGlobal("useTranslation", () => ({
-    processI18n: (text: string) =>
-      text.startsWith("$") ? `t(${text.slice(1)})` : text,
-  }));
-  vi.stubGlobal("useDmsAppConfig", () => ({
-    branding: { footer: footerConfig },
-  }));
-  const footerLinks = await import(
-    "../layers/dms-layout/app/composables/useFooterLinks"
-  );
-  vi.stubGlobal("useFooterLinks", footerLinks.useFooterLinks);
-  vi.stubGlobal("registerFooterLink", footerLinks.registerFooterLink);
-  vi.stubGlobal("unregisterFooterLink", footerLinks.unregisterFooterLink);
-});
-
-afterEach(() => {
-  app?.unmount();
-  host?.remove();
-  vi.unstubAllGlobals();
-});
-
-describe("footer", () => {
-  it("shows the copyright, the Antelope links, the star and the language picker by default", async () => {
-    await mountFooter();
-    expect(host.textContent).toContain("© Antelope");
-    expect(linkTexts()).toEqual([
-      "empty_layout.footer.documentation",
-      "empty_layout.footer.website",
-      "empty_layout.footer.github_star",
-    ]);
-    expect(host.querySelector("[data-locale-switcher]")).not.toBeNull();
-  });
-
-  it("drops a link a layer unregisters, the Antelope ones included", async () => {
-    const { registerFooterLink, unregisterFooterLink } = await import(
-      "../layers/dms-layout/app/composables/useFooterLinks"
-    );
-    registerFooterLink({
-      id: "acme:status",
-      label: "Status",
-      to: "/status",
-      order: 30,
-    });
-    unregisterFooterLink("dms:documentation");
-    unregisterFooterLink("dms:website");
-    unregisterFooterLink("never-registered");
-    await mountFooter();
-    expect(linkTexts()).toEqual(["Status", "empty_layout.footer.github_star"]);
-  });
-
-  it("names the copyright holder, or drops it, the star and the picker", async () => {
-    footerConfig = { copyright: "$acme.name" };
-    await mountFooter();
-    expect(host.textContent).toContain("© t(acme.name)");
-    app?.unmount();
-    host.remove();
-    vi.mocked(fetch).mockClear();
-
-    footerConfig = {
-      copyright: false,
-      githubStar: false,
-      localeSwitcher: false,
-    };
-    await mountFooter();
-    expect(host.textContent).not.toContain("©");
-    expect(linkTexts()).not.toContain("empty_layout.footer.github_star");
-    expect(host.querySelector("[data-locale-switcher]")).toBeNull();
-    expect(fetch).not.toHaveBeenCalled();
-  });
-});

package/frontend-vue/tests/forgot-validation-resend.test.ts

@@ -1,234 +0,0 @@
-// @vitest-environment jsdom
-import { afterEach, beforeEach, expect, it, vi } from "vitest";
-import {
-  computed,
-  createApp,
-  defineComponent,
-  h,
-  nextTick,
-  onMounted,
-  reactive,
-  ref,
-  watch,
-  type App,
-} from "vue";
-
-// The password-reset code page: a new code starts clean, without the refusal
-// of the previous one.
-
-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, error: String },
-      emits: ["update:modelValue"],
-      setup: (props, { emit, expose }) => {
-        expose({ focus: () => undefined });
-        return () =>
-          render("div", [
-            render("input", {
-              "data-testid": "code",
-              onInput: (event: Event) =>
-                emit(
-                  "update:modelValue",
-                  (event.target as HTMLInputElement).value.split(""),
-                ),
-            }),
-            render("p", { "data-testid": "code-error" }, props.error ?? ""),
-          ]);
-      },
-    }),
-  };
-});
-vi.mock(
-  "../layers/dms-layout/app/build/components/layout/StageCard.vue",
-  async () => {
-    const { defineComponent: define, h: render } = await import("vue");
-    return {
-      default: define({
-        setup:
-          (_, { slots }) =>
-          () =>
-            render("section", slots.default?.()),
-      }),
-    };
-  },
-);
-vi.mock(
-  "../layers/dms-auth/app/build/components/AuthBackLink.vue",
-  async () => {
-    const { defineComponent: define, h: render } = await import("vue");
-    return { default: define({ setup: () => () => render("span") }) };
-  },
-);
-
-const { default: ForgotValidationPage } = await import(
-  "../layers/dms-auth/app/custom-pages/auth/forgot-validation.vue"
-);
-
-const WRONG_CODE = "ABC123";
-const CODE_REFUSAL = {
-  statusCode: 400,
-  data: "error.invalid_or_expired_token",
-};
-const RATE_LIMITED = { statusCode: 429, data: "error.rate_limited" };
-
-let app: App;
-let host: HTMLDivElement;
-const authFetch = vi.fn();
-const toastAdd = vi.fn();
-
-const Form = defineComponent({
-  props: { state: { type: Object, required: true } },
-  emits: ["submit"],
-  setup: (props, { emit, expose, slots }) => {
-    const submit = () => emit("submit", { data: props.state });
-    expose({ submit });
-    return () =>
-      h(
-        "form",
-        {
-          onSubmit: (event: Event) => {
-            event.preventDefault();
-            submit();
-          },
-        },
-        slots.default?.(),
-      );
-  },
-});
-
-const Alert = defineComponent({
-  props: { title: String, description: String },
-  setup: (props) => () =>
-    h("div", { "data-testid": "form-error" }, props.title),
-});
-
-const Passthrough = defineComponent({
-  setup:
-    (_, { slots }) =>
-    () =>
-      h("span", slots.default?.()),
-});
-
-function installRuntime() {
-  Object.entries({ computed, ref, reactive, watch, 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: toastAdd }));
-  vi.stubGlobal("useDmsApp", () => ({
-    runWithContext: (fn: () => unknown) => fn(),
-  }));
-  vi.stubGlobal("useDmsRoute", () => ({
-    query: { email: "member@local.test" },
-  }));
-  vi.stubGlobal("useAuthFetch", () => ({ $authFetch: authFetch }));
-  vi.stubGlobal("navigateDms", vi.fn());
-  // The resend link shows at once: the wait is not under test.
-  vi.stubGlobal("useCooldown", () => ({
-    cooldown: ref(0),
-    startCooldown: vi.fn(),
-  }));
-}
-
-function mountPage() {
-  app = createApp(ForgotValidationPage);
-  app.config.globalProperties.$t = (key: string) => key;
-  app.component("UForm", Form);
-  app.component("UAlert", Alert);
-  app.component("UButton", Passthrough);
-  app.component("i18n-t", Passthrough);
-  app.mount(host);
-}
-
-async function settle() {
-  for (let tick = 0; tick < 5; tick++) {
-    await Promise.resolve();
-    await nextTick();
-  }
-}
-
-const codeError = () =>
-  host.querySelector('[data-testid="code-error"]')?.textContent ?? "";
-const formError = () => host.querySelector('[data-testid="form-error"]');
-
-function resendButton(): HTMLButtonElement {
-  const button = [...host.querySelectorAll("button")].find(
-    (entry) => entry.textContent?.trim() === "page.auth.code.resend",
-  );
-  if (!button) throw new Error("No resend link");
-  return button;
-}
-
-async function typeCode(code: string) {
-  const input = host.querySelector<HTMLInputElement>('[data-testid="code"]')!;
-  input.value = code;
-  input.dispatchEvent(new Event("input"));
-  await settle();
-}
-
-async function resend() {
-  resendButton().click();
-  await settle();
-}
-
-beforeEach(() => {
-  authFetch.mockReset();
-  toastAdd.mockReset();
-  installRuntime();
-  host = document.createElement("div");
-  document.body.append(host);
-});
-afterEach(() => {
-  app?.unmount();
-  host.remove();
-  vi.unstubAllGlobals();
-});
-
-it("drops the refusal of the previous code once a new one is sent", async () => {
-  authFetch.mockRejectedValueOnce(CODE_REFUSAL);
-  mountPage();
-  await typeCode(WRONG_CODE);
-  expect(codeError()).not.toBe("");
-
-  authFetch.mockResolvedValueOnce(undefined);
-  await resend();
-
-  expect(authFetch).toHaveBeenLastCalledWith("/api/auth/forgot-password", {
-    method: "POST",
-    body: { email: "member@local.test" },
-  });
-  expect(toastAdd).toHaveBeenCalledWith(
-    expect.objectContaining({ color: "success" }),
-  );
-  expect(codeError()).toBe("");
-});
-
-it("drops a refused resend's alert once a new code is sent", async () => {
-  mountPage();
-  authFetch.mockRejectedValueOnce(RATE_LIMITED);
-  await resend();
-  expect(formError()).not.toBe(null);
-
-  authFetch.mockResolvedValueOnce(undefined);
-  await resend();
-
-  expect(formError()).toBe(null);
-});
-
-it("keeps the refusal of the code when the new one could not be sent", async () => {
-  authFetch.mockRejectedValueOnce(CODE_REFUSAL);
-  mountPage();
-  await typeCode(WRONG_CODE);
-  const refusal = codeError();
-
-  authFetch.mockRejectedValueOnce(RATE_LIMITED);
-  await resend();
-
-  expect(codeError()).toBe(refusal);
-  expect(formError()).not.toBe(null);
-});

package/frontend-vue/tests/form-action-reset.test.ts

@@ -1,106 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { computed, effectScope, ref, watch, type EffectScope } from "vue";
-import { useForm } from "../layers/dms-ui/app/composables/form/useForm";
-
-const authFetch = vi.fn();
-const addToast = vi.fn();
-let scope: EffectScope;
-
-const FIELDS = [
-  { id: "title", label: "Title", component: { componentName: "DmsInputText" } },
-  {
-    id: "channel",
-    label: "Channel",
-    defaultValue: "general",
-    component: { componentName: "DmsInputText" },
-  },
-];
-
-function setupForm(kind?: "record" | "action") {
-  return scope.run(() =>
-    useForm({
-      componentId: "form-1",
-      pageId: "page-1",
-      fields: FIELDS,
-      submitUrl: "/api/messages/send",
-      kind,
-    } as never),
-  )!;
-}
-
-/** Fills the form as the user would, from the values it opened with. */
-async function fillAndSubmit(form: ReturnType<typeof setupForm>) {
-  form.initialValues.value = { channel: "general" };
-  Object.assign(form.state.value, { title: "Hello", channel: "random" });
-  await form.onSubmit({
-    data: { title: "Hello", channel: "random" },
-  } as never);
-}
-
-beforeEach(() => {
-  scope = effectScope();
-  authFetch.mockResolvedValue({ success: true });
-  vi.stubGlobal("computed", computed);
-  vi.stubGlobal("ref", ref);
-  vi.stubGlobal("watch", watch);
-  vi.stubGlobal("isString", (value: unknown) => typeof value === "string");
-  vi.stubGlobal("Color", { error: "error", success: "success", info: "info" });
-  vi.stubGlobal("CONTENT_LANGUAGE_HEADER", "Content-Language");
-  vi.stubGlobal("useToast", () => ({ add: addToast }));
-  vi.stubGlobal("useAuthFetch", () => ({ $authFetch: authFetch }));
-  vi.stubGlobal("useDataTypes", () => ({ getDataType: () => undefined }));
-  vi.stubGlobal("useTranslation", () => ({
-    processI18n: (key: string) => key,
-    processApiMessage: (message: string) => message,
-  }));
-  vi.stubGlobal("useI18n", () => ({ t: (key: string) => key }));
-  vi.stubGlobal("useDmsRoute", () => ({ query: {} }));
-  vi.stubGlobal("useComponentEvent", () => ({ sendComponentEvent: vi.fn() }));
-  vi.stubGlobal("useEventedAction", () => ({
-    execute: (action: () => Promise<unknown>) => action(),
-  }));
-  vi.stubGlobal(
-    "useWatch",
-    (_actions: unknown, _id: unknown, initial: Record<string, unknown>) => ({
-      isLoading: ref(false),
-      state: ref({ ...initial }),
-    }),
-  );
-  vi.stubGlobal("navigateDms", vi.fn());
-});
-
-afterEach(() => {
-  scope.stop();
-  vi.unstubAllGlobals();
-  vi.resetAllMocks();
-});
-
-describe("DMS form reset after a submit", () => {
-  it("empties an action form once sent, back to the values it opened with", async () => {
-    const form = setupForm("action");
-    await fillAndSubmit(form);
-    expect(addToast).toHaveBeenCalledWith(
-      expect.objectContaining({ color: "success" }),
-    );
-    expect(form.state.value.title).toBeUndefined();
-    expect(form.state.value.channel).toBe("general");
-    expect(form.initialValues.value).toEqual({ channel: "general" });
-  });
-
-  it("keeps a record's saved values as the new starting point", async () => {
-    const form = setupForm();
-    await fillAndSubmit(form);
-    expect(form.state.value.title).toBe("Hello");
-    expect(form.initialValues.value).toEqual({
-      title: "Hello",
-      channel: "random",
-    });
-  });
-
-  it("keeps what the user typed when the submit fails", async () => {
-    authFetch.mockRejectedValue({ statusCode: 500, data: "boom" });
-    const form = setupForm("action");
-    await fillAndSubmit(form);
-    expect(form.state.value.title).toBe("Hello");
-  });
-});

package/frontend-vue/tests/form-actions.test.ts

@@ -1,33 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { formShowsActions } from "../layers/dms-ui/app/composables/form/useForm";
-
-describe("formShowsActions", () => {
-  it("shows the buttons once the form has somewhere to submit to", () => {
-    expect(formShowsActions({ submitUrl: "/api/order/new" }, [{}])).toBe(true);
-    expect(formShowsActions({}, [{}])).toBe(false);
-  });
-
-  it("hides them on a form nothing in which can be filled in", () => {
-    expect(
-      formShowsActions({ submitUrl: "/api/order/new" }, [{ disabled: true }]),
-    ).toBe(false);
-  });
-
-  it("shows the submit of an action form with nothing to fill in", () => {
-    const action = { kind: "action", submitUrl: "/api/jobs/run" } as const;
-    expect(formShowsActions(action, [])).toBe(true);
-    expect(formShowsActions(action, [{ disabled: true }])).toBe(true);
-    expect(formShowsActions({ ...action, saveMode: "none" }, [])).toBe(false);
-  });
-
-  it("hides them with saveMode none, whatever the form could submit", () => {
-    expect(
-      formShowsActions({ saveMode: "none", submitUrl: "/api/order/new" }, [{}]),
-    ).toBe(false);
-    expect(
-      formShowsActions({ saveMode: "footer", submitUrl: "/api/order/new" }, [
-        {},
-      ]),
-    ).toBe(true);
-  });
-});

package/frontend-vue/tests/form-control-error-state.test.ts

@@ -1,164 +0,0 @@
-// @vitest-environment jsdom
-import { afterEach, beforeEach, expect, it, vi } from "vitest";
-import {
-  type App,
-  type Component,
-  computed,
-  createApp,
-  defineComponent,
-  h,
-  nextTick,
-  provide,
-  ref,
-  watch,
-} from "vue";
-import {
-  formBusInjectionKey,
-  formFieldInjectionKey,
-  useFormField,
-} from "@nuxt/ui/composables/useFormField";
-
-vi.mock(
-  "../layers/dms-core/app/composables/user/useUserRegionalPreferences",
-  () => ({ useUserRegionalPreferences: () => ({ weekStartsOn: ref(1) }) }),
-);
-
-// The field UFormField would provide: its error drives the control's state.
-const fieldError = ref<string | undefined>();
-const formEvents: Array<{ type: string; name: string }> = [];
-
-let app: App | undefined;
-let host: HTMLDivElement;
-
-async function flush(): Promise<void> {
-  for (let tick = 0; tick < 4; tick++) await nextTick();
-}
-
-// Renders its props as attributes, so the test reads what the control passed.
-const passThrough = (tag: string) =>
-  defineComponent({
-    inheritAttrs: false,
-    setup(_, { attrs, slots }) {
-      return () =>
-        h(
-          tag,
-          Object.fromEntries(
-            Object.entries(attrs).map(([key, value]) => [
-              key,
-              typeof value === "object" && !Array.isArray(value)
-                ? JSON.stringify(value)
-                : value,
-            ]),
-          ),
-          [slots.default?.(), slots.content?.()],
-        );
-    },
-  });
-
-async function mountInField(
-  control: Component,
-  props: Record<string, unknown> = {},
-): Promise<void> {
-  const Field = defineComponent({
-    setup() {
-      provide(
-        formFieldInjectionKey,
-        computed(() => ({
-          name: "field",
-          error: fieldError.value,
-          ariaId: "field-aria",
-        })) as never,
-      );
-      provide(formBusInjectionKey, {
-        emit: (event: { type: string; name: string }) => formEvents.push(event),
-      } as never);
-      return () => h(control, { id: "field", ...props });
-    },
-  });
-  app = createApp(Field);
-  app.component("UPopover", passThrough("div"));
-  app.component("UButton", passThrough("button"));
-  app.component("UCalendar", passThrough("div"));
-  app.component("UInput", passThrough("input"));
-  app.mount(host);
-  await flush();
-}
-
-beforeEach(() => {
-  vi.stubGlobal("computed", computed);
-  vi.stubGlobal("ref", ref);
-  vi.stubGlobal("watch", watch);
-  vi.stubGlobal("useFormField", useFormField);
-  vi.stubGlobal("isString", (value: unknown) => typeof value === "string");
-  vi.stubGlobal(
-    "isObject",
-    (value: unknown) => typeof value === "object" && value !== null,
-  );
-  vi.stubGlobal("useI18n", () => ({
-    t: (key: string) => key,
-    locale: ref("en-GB"),
-  }));
-  fieldError.value = undefined;
-  formEvents.length = 0;
-  host = document.createElement("div");
-  document.body.append(host);
-});
-
-afterEach(() => {
-  app?.unmount();
-  host.remove();
-  vi.unstubAllGlobals();
-});
-
-it("marks the date picker trigger invalid and describes it by the error", async () => {
-  const { default: DatePicker } = await import(
-    "../layers/dms-ui/app/components/form/components/DatePicker.vue"
-  );
-  await mountInField(DatePicker);
-  const trigger = () => host.querySelector("button")!;
-
-  expect(trigger().getAttribute("aria-invalid")).not.toBe("true");
-  expect(trigger().getAttribute("class")).not.toContain("ring-error");
-
-  fieldError.value = "This field is required.";
-  await flush();
-
-  expect(trigger().id).toBe("field");
-  expect(trigger().getAttribute("aria-invalid")).toBe("true");
-  expect(trigger().getAttribute("aria-describedby")).toBe("field-aria-error");
-  expect(trigger().getAttribute("class")).toContain("ring-error");
-});
-
-it("keeps the date bounds on the calendar", async () => {
-  const { default: DatePicker } = await import(
-    "../layers/dms-ui/app/components/form/components/DatePicker.vue"
-  );
-  await mountInField(DatePicker, {
-    minDate: "2026-01-01",
-    maxDate: "2026-12-31",
-  });
-  const calendar = host.querySelector("[min-value]")!;
-
-  expect(calendar.getAttribute("min-value")).toContain("2026");
-  expect(calendar.getAttribute("max-value")).toContain("2026");
-});
-
-it("marks the colour field invalid on both its swatch and its input", async () => {
-  const { default: InputColor } = await import(
-    "../layers/dms-ui/app/components/form/components/InputColor.vue"
-  );
-  await mountInField(InputColor);
-  const swatch = () => host.querySelector("label")!;
-  const input = () => host.querySelector("input:not([type=color])")!;
-
-  expect(swatch().className).toContain("border-accented");
-
-  fieldError.value = "This field is required.";
-  await flush();
-
-  expect(swatch().className).toContain("border-error");
-  expect(swatch().className).not.toContain("border-accented");
-  expect(input().getAttribute("color")).toBe("error");
-  expect(input().getAttribute("aria-invalid")).toBe("true");
-  expect(input().id).toBe("field");
-});