@antelopejs/dms 0.9.1 → 0.9.3

package/frontend-vue/tests/table-metric-cells.test.ts

@@ -1,165 +0,0 @@
-// @vitest-environment jsdom
-import { createApp, defineComponent, h, type App, type VNodeChild } from "vue";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import type { DataType } from "../layers/dms-core/app/composables/data-types/useDataType";
-import {
-  formatBytes,
-  formatDuration,
-  progressShares,
-  registerMetricCellTypes,
-} from "../layers/dms-ui/app/build/composables/data-types/metricCells";
-
-vi.mock("../layers/dms-ui/app/build/components/table/MonoCell.vue", () => ({
-  default: {
-    props: ["value", "copy"],
-    render(this: { value: string; copy: boolean }) {
-      return h("code", { "data-copy": String(this.copy) }, this.value);
-    },
-  },
-}));
-
-type Formatter = (
-  value: unknown,
-  locale: string,
-  options?: unknown,
-  row?: Record<string, unknown>,
-) => VNodeChild;
-
-const formatters = new Map<string, Formatter>();
-registerMetricCellTypes((dataType: DataType) => {
-  formatters.set(dataType.id, dataType.formatter!.default as Formatter);
-});
-
-describe("metric cell formats", () => {
-  it("reads a duration in its most fitting unit", () => {
-    expect(formatDuration(910, "en-GB")).toBe("910 ms");
-    expect(formatDuration(1800, "en-GB")).toBe("1.8 s");
-    expect(formatDuration(1800, "fr-FR")).toBe("1,8 s");
-    expect(formatDuration(252_000, "en-GB")).toBe("4 min 12 s");
-    expect(formatDuration(240_000, "en-GB")).toBe("4 min");
-    expect(formatDuration(7_500_000, "en-GB")).toBe("2 h 5 min");
-  });
-
-  it("reads a size in its most fitting unit", () => {
-    expect(formatBytes(512, "en-GB")).toBe("512 B");
-    expect(formatBytes(12_400, "en-GB")).toBe("12.4 kB");
-    expect(formatBytes(1_400_000, "en-GB")).toBe("1.4 MB");
-  });
-
-  it("fills the bar with the items done, the failed ones at its end", () => {
-    expect(progressShares(31, 0, 44)).toEqual({
-      done: (31 / 44) * 100,
-      failed: 0,
-    });
-    expect(progressShares(39, 2, 41).failed).toBeCloseTo((2 / 41) * 100);
-    expect(progressShares(5, 0, 0)).toEqual({ done: 0, failed: 0 });
-  });
-});
-
-describe("metric cells", () => {
-  let app: App | undefined;
-
-  const render = (content: VNodeChild): HTMLElement => {
-    const container = document.createElement("div");
-    app = createApp(defineComponent({ setup: () => () => content }));
-    app.component("UIcon", defineComponent({ setup: () => () => h("i") }));
-    app.mount(container);
-    return container;
-  };
-
-  beforeEach(() => {
-    vi.stubGlobal("useTranslation", () => ({
-      processI18n: (text: string) => text.replace(/^\$/, "i18n:"),
-    }));
-    vi.stubGlobal("useI18n", () => ({
-      t: (key: string) => `i18n:${key}`,
-      locale: { value: "en-GB" },
-    }));
-  });
-
-  afterEach(() => {
-    app?.unmount();
-    app = undefined;
-    vi.unstubAllGlobals();
-  });
-
-  it("names a status pill after the select item, in the tone its value maps to, the cause under it", () => {
-    const cell = render(
-      formatters.get("status_pill")!(
-        "failing",
-        "en-GB",
-        {
-          tones: { failing: "error" },
-          subField: "lastError",
-          typeOptions: {
-            items: [{ value: "failing", label: "$automation.failing" }],
-          },
-        },
-        { lastError: "HTTP 502 at Push invoice" },
-      ),
-    );
-    expect(cell.textContent).toContain("i18n:automation.failing");
-    expect(cell.textContent).toContain("HTTP 502 at Push invoice");
-    expect(cell.innerHTML).toContain("text-error");
-  });
-
-  it("tones a status pill by the row's tone field before the column's map", () => {
-    const options = { tones: { "404": "info" }, toneField: "statusTone" };
-    const pill = (row: Record<string, unknown>) =>
-      render(formatters.get("status_pill")!(404, "en-GB", options, row))
-        .innerHTML;
-
-    expect(pill({ statusTone: "warning" })).toContain("text-warning");
-    app?.unmount();
-    expect(pill({ statusTone: "not-a-tone" })).toContain("text-info");
-    app?.unmount();
-    expect(
-      render(
-        formatters.get("status_pill")!(
-          503,
-          "en-GB",
-          { toneField: "statusTone" },
-          { statusTone: "error" },
-        ),
-      ).innerHTML,
-    ).toContain("text-error");
-  });
-
-  it("draws a progress bar with its figures", () => {
-    const cell = render(
-      formatters.get("progress")!(
-        undefined,
-        "en-GB",
-        {
-          doneField: "done",
-          totalField: "total",
-          errorField: "failed",
-        },
-        { done: 18, total: 20, failed: 2 },
-      ),
-    );
-    expect(cell.textContent).toBe("18 / 20");
-    expect(
-      cell.querySelector('[role="progressbar"]')?.getAttribute("aria-valuemax"),
-    ).toBe("20");
-  });
-
-  it("draws a duration and a size as right-aligned figures, a stored second as one", () => {
-    expect(
-      render(formatters.get("duration")!(1.8, "en-GB", { unit: "s" }))
-        .textContent,
-    ).toBe("1.8 s");
-    app?.unmount();
-    expect(render(formatters.get("bytes")!(2048, "en-GB")).textContent).toBe(
-      "2 kB",
-    );
-  });
-
-  it("hands a mono value its copy button", () => {
-    const cell = render(
-      formatters.get("mono")!("run_8f3a2c", "en-GB", { copy: true }),
-    );
-    expect(cell.querySelector("code")?.getAttribute("data-copy")).toBe("true");
-    expect(cell.textContent).toBe("run_8f3a2c");
-  });
-});

package/frontend-vue/tests/table-page-size-options.test.ts

@@ -1,20 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { pageSizeOptions } from "../layers/dms-ui/app/build/composables/table/utils/pageSizeOptions";
-
-describe("Table page size picker", () => {
-  it("offers the standard sizes", () => {
-    expect(pageSizeOptions(undefined, 10)).toEqual([10, 25, 50]);
-  });
-
-  it("adds the table's own default when it is not a standard size", () => {
-    expect(pageSizeOptions(20, 20)).toEqual([10, 20, 25, 50]);
-  });
-
-  it("keeps the table's default once the user picked another size", () => {
-    expect(pageSizeOptions(20, 50)).toEqual([10, 20, 25, 50]);
-  });
-
-  it("keeps a stored size outside the list", () => {
-    expect(pageSizeOptions(undefined, 7)).toEqual([7, 10, 25, 50]);
-  });
-});

package/frontend-vue/tests/table-pills-cell.test.ts

@@ -1,126 +0,0 @@
-// @vitest-environment jsdom
-/**
- * The `pills` cell draws a list of strings and related rows as outline role
- * pills, and the pill items a server styles per row in their own tone and
- * variant.
- */
-import { createApp, defineComponent, h, type App, type VNodeChild } from "vue";
-import { afterEach, beforeAll, describe, expect, it, vi } from "vitest";
-import type { DataType } from "../layers/dms-core/app/composables/data-types/useDataType";
-import { isObject } from "../layers/dms-core/app/utils/type-check";
-
-const stub = { default: { render: () => null } };
-vi.mock("@nuxt/ui/components/Avatar.vue", () => stub);
-vi.mock("@nuxt/ui/components/Badge.vue", () => stub);
-vi.mock("@nuxt/ui/components/Link.vue", () => stub);
-vi.mock("@nuxt/ui/runtime/vue/components/Icon.vue", () => stub);
-vi.mock("../layers/dms-ui/app/composables/useFileReadUrls", () => ({
-  useFileReadUrls: () => ({ getUrl: () => undefined, resolve: () => {} }),
-}));
-
-type Formatter = (
-  value: unknown,
-  locale: string,
-  options?: unknown,
-  row?: Record<string, unknown>,
-) => VNodeChild;
-
-const registered = new Map<string, DataType["formatter"]>();
-
-// Auto-imports of the layer the default types are registered with.
-function stubLayerGlobals() {
-  vi.stubGlobal("h", h);
-  vi.stubGlobal("isObject", isObject);
-  for (const name of [
-    "formatNumber",
-    "formatPrice",
-    "formatPercentage",
-    "formatTimeSpan",
-    "formatDate",
-    "getBooleanLabel",
-  ]) {
-    vi.stubGlobal(name, () => "");
-  }
-  vi.stubGlobal("useTranslation", () => ({
-    processI18n: (text: string) => text.replace(/^\$/, "i18n:"),
-  }));
-  vi.stubGlobal("useDataTypes", () => ({
-    registerDataType: (dataType: DataType) =>
-      registered.set(dataType.id, dataType.formatter),
-  }));
-}
-
-let app: App | undefined;
-
-function renderPills(value: unknown, options: unknown = {}): HTMLElement {
-  const content = (registered.get("pills")!.default as Formatter)(
-    value,
-    "en",
-    options,
-    {},
-  );
-  const container = document.createElement("div");
-  app = createApp(defineComponent({ setup: () => () => content }));
-  app.component("UIcon", defineComponent({ render: () => h("i") }));
-  app.mount(container);
-  return container;
-}
-
-const pillsOf = (cell: HTMLElement) =>
-  [...cell.firstElementChild!.children].map((pill) => ({
-    label: pill.textContent,
-    className: pill.className,
-  }));
-
-beforeAll(async () => {
-  stubLayerGlobals();
-  const { registerDefaultDataTypes } = await import(
-    "../layers/dms-ui/app/build/composables/data-types/registerDefaults"
-  );
-  registerDefaultDataTypes();
-});
-
-afterEach(() => {
-  app?.unmount();
-  app = undefined;
-});
-
-describe("pills cell", () => {
-  it("draws strings and related rows as outline role pills, as before", () => {
-    const strings = pillsOf(renderPills(["$roles.admin", "Billing"]));
-    expect(strings.map((pill) => pill.label)).toEqual([
-      "i18n:roles.admin",
-      "Billing",
-    ]);
-    expect(strings[0]!.className).toContain("border-accented");
-    app?.unmount();
-
-    const rows = pillsOf(renderPills([{ _id: "r1", name: "Editor" }, "r2"]));
-    expect(rows.map((pill) => pill.label)).toEqual(["Editor"]);
-  });
-
-  it("draws a pill item in its tone and variant, beside plain strings", () => {
-    const pills = pillsOf(
-      renderPills([
-        { label: "EN", tone: "primary", variant: "soft" },
-        { label: "DE", variant: "outline" },
-        { label: "IT", tone: "success" },
-        "ES",
-      ]),
-    );
-
-    expect(pills.map((pill) => pill.label)).toEqual(["EN", "DE", "IT", "ES"]);
-    expect(pills[0]!.className).toContain("text-primary");
-    expect(pills[0]!.className).toContain("bg-(--dms-accent-tint)");
-    expect(pills[1]!.className).toContain("border");
-    expect(pills[1]!.className).toContain("bg-transparent");
-    expect(pills[2]!.className).toContain("bg-success/12");
-    expect(pills[3]!.className).toContain("border-accented");
-  });
-
-  it("draws a pill item without a tone nor a variant as a plain string", () => {
-    const [pill] = pillsOf(renderPills([{ label: "FR" }]));
-    expect(pill!.label).toBe("FR");
-    expect(pill!.className).toContain("border-accented");
-  });
-});

package/frontend-vue/tests/table-retry-loading.test.ts

@@ -1,37 +0,0 @@
-/**
- * The renderer keeps a failed list's `error` while the next run is in flight,
- * as Nuxt does. A table retrying its list (its retry button, a filter, a page)
- * shows that run, its skeleton or the rows it has, rather than the error panel
- * of the answer it may replace: the failure the table reads is the settled
- * one.
- */
-import { readFileSync } from "node:fs";
-import { resolve } from "node:path";
-import { describe, expect, it } from "vitest";
-
-const tableView = readFileSync(
-  resolve(__dirname, "../layers/dms-ui/app/components/table-view/TableView.vue"),
-  "utf8",
-);
-
-describe("a table retrying its list after a failure", () => {
-  it("reads the failure of settled runs only", () => {
-    expect(tableView).toMatch(
-      /const settledError = computed\(\(\) =>\s*status\.value === "pending" \? null : error\.value,?\s*\);/,
-    );
-  });
-
-  it("draws its skeleton and hides its error panel while the retry runs", () => {
-    const firstPage = tableView.slice(
-      tableView.indexOf("const isFirstPageLoading"),
-    );
-    expect(firstPage.slice(0, firstPage.indexOf(";"))).toMatch(
-      /!settledError\.value/,
-    );
-    const panel = tableView.slice(tableView.indexOf("const listLoadError"));
-    expect(panel.slice(0, panel.indexOf("});"))).toMatch(
-      /const failure = settledError\.value;\s*if \(!failure\) return undefined;/,
-    );
-    expect(panel.slice(0, panel.indexOf("});"))).not.toMatch(/error\.value/);
-  });
-});