@truedat/qx 8.10.2 → 8.10.4

package/src/components/functions/__tests__/FunctionParams.spec.js

@@ -47,9 +47,6 @@ describe("<FunctionParams />", () => {
 
     const nameInput = () =>
       rendered.queryByPlaceholderText("functions.form.name");
-    const descriptionInputLabel = () =>
-      rendered.getByText("functions.form.add_description");
-
     const descriptionInput = () =>
       rendered.getByPlaceholderText("functions.form.description");
     const typeSelector = () => rendered.getByRole("listbox");
@@ -58,18 +55,14 @@ describe("<FunctionParams />", () => {
 
     await waitFor(() => expect(nameInput()).toBeInTheDocument());
     await waitFor(() => expect(typeSelector()).toBeInTheDocument());
-    await waitFor(() => expect(descriptionInputLabel()).toBeInTheDocument());
+    await waitFor(() => expect(descriptionInput()).toBeInTheDocument());
 
     await user.click(typeSelector());
-    await waitFor(() => expect(descriptionInputLabel()).toBeInTheDocument());
 
     await user.click(stringOption());
 
     await user.type(nameInput(), testArgName);
 
-    await user.click(descriptionInputLabel());
-    await waitFor(() => expect(descriptionInput()).toBeInTheDocument());
-
     await user.type(descriptionInput(), testArgDescription);
 
     expect(watcher).toHaveBeenLastCalledWith({

package/src/components/functions/__tests__/FunctionsList.spec.js

@@ -0,0 +1,62 @@
+import { render, waitForLoad } from "@truedat/test/render";
+import { messages } from "@truedat/qx/components/__tests__/__fixtures__/helper";
+import FunctionsList from "../FunctionsList";
+
+const makeFunctions = (count) =>
+  Array.from({ length: count }, (_, i) => ({
+    id: i + 1,
+    name: `func_${i + 1}`,
+    type: "boolean",
+    class: i % 2 === 0 ? "aggregator" : null,
+    description: `Description ${i + 1}`,
+    params: [],
+    expression: {
+      shape: "constant",
+      value: { type: "boolean", value: "true" },
+    },
+  }));
+
+jest.mock("@truedat/qx/hooks/useFunctions", () => {
+  const originalModule = jest.requireActual("@truedat/qx/hooks/useFunctions");
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useFunctions: jest.fn(() => ({
+      data: { data: makeFunctions(15) },
+      loading: false,
+    })),
+  };
+});
+
+const renderOpts = { messages };
+
+describe("<FunctionsList />", () => {
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<FunctionsList />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("shows only PAGE_SIZE functions per page", async () => {
+    const rendered = render(<FunctionsList />, renderOpts);
+    await waitForLoad(rendered);
+    const rows = rendered.getAllByRole("row");
+    // 10 data rows + 1 header row
+    expect(rows).toHaveLength(11);
+  });
+
+  it("displays the function count", async () => {
+    const rendered = render(<FunctionsList />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.getByText(/15 functions/i)).toBeTruthy();
+  });
+
+  it("renders an empty state when no functions", async () => {
+    const { useFunctions } = require("@truedat/qx/hooks/useFunctions");
+    useFunctions.mockReturnValueOnce({ data: { data: [] }, loading: false });
+    const rendered = render(<FunctionsList />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.getByText(/No functions found/i)).toBeTruthy();
+  });
+});