@truedat/lm 8.2.0 → 8.2.2

package/src/components/__tests__/QualityControlConcepts.spec.js

@@ -0,0 +1,262 @@
+import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
+import { QualityControlConcepts } from "../QualityControlConcepts";
+
+const mockDeleteRelation = jest.fn();
+
+jest.mock("../../hooks/useRelations", () => ({
+  useDeleteRelation: jest.fn(),
+}));
+
+jest.mock("react-router", () => ({
+  ...jest.requireActual("react-router"),
+  useLocation: jest.fn(() => ({ state: null })),
+  Link: ({ children, to, ...props }) => (
+    <a href={to} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+jest.mock("../LinksSearch", () =>
+  jest.fn(
+    ({
+      columns,
+      extraRow,
+      deletedLinkId,
+      defaultFilters,
+      refetchSearch,
+      setRefetchSearch,
+    }) => (
+      <div>
+        <div>LinksSearch</div>
+        <div data-testid="columns-count">{columns?.length || 0}</div>
+        {extraRow && (
+          <div data-testid="extra-row">{JSON.stringify(extraRow)}</div>
+        )}
+        {deletedLinkId && (
+          <div data-testid="deleted-link-id">{deletedLinkId}</div>
+        )}
+        {refetchSearch && <div data-testid="refetch-search">true</div>}
+        {setRefetchSearch && (
+          <div data-testid="set-refetch-search">function</div>
+        )}
+        <div data-testid="default-filters">
+          {JSON.stringify(defaultFilters)}
+        </div>
+      </div>
+    )
+  )
+);
+
+jest.mock("../ConfirmDeleteRelation", () =>
+  jest.fn(({ id, deleteRelation }) => (
+    <button
+      data-testid={`delete-relation-${id}`}
+      onClick={() => deleteRelation({ id })}
+    >
+      Delete {id}
+    </button>
+  ))
+);
+
+jest.mock("@truedat/core/routes", () => ({
+  linkTo: {
+    QUALITY_CONTROL_CONCEPT_LINKS_NEW: jest.fn(
+      ({ id, version }) =>
+        `/qualityControls/${id}/version/${version}/links/concepts/new`
+    ),
+    CONCEPT_LINKS_QUALITY_CONTROLS: jest.fn(
+      ({ business_concept_id, id }) =>
+        `/concepts/${business_concept_id}/links/qualityControls/${id}`
+    ),
+  },
+}));
+
+const qualityControl = {
+  id: 10,
+  version: 1,
+  name: "Test Quality Control",
+};
+
+const actions = ["link_to_business_concept"];
+
+describe("<QualityControlConcepts />", () => {
+  const { useLocation } = require("react-router");
+  const { useDeleteRelation } = require("../../hooks/useRelations");
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    useLocation.mockReturnValue({ state: null });
+    mockDeleteRelation.mockResolvedValue({ status: 204, data: { id: 5 } });
+    useDeleteRelation.mockReturnValue({
+      trigger: mockDeleteRelation,
+      isMutating: false,
+    });
+  });
+
+  it("matches the latest snapshot", async () => {
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("renders LinksSearch with correct props", async () => {
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    expect(rendered.getByText("LinksSearch")).toBeInTheDocument();
+    expect(rendered.getByTestId("default-filters").textContent).toBe(
+      JSON.stringify({
+        target_id: 10,
+        target_type: "quality_control",
+        source_type: "business_concept",
+      })
+    );
+  });
+
+  it("shows create button when user has link_to_business_concept permission", async () => {
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      expect(rendered.getByText("links.actions.create")).toBeInTheDocument();
+    });
+  });
+
+  it("hides create button when user does not have link_to_business_concept permission", async () => {
+    const rendered = render(
+      <QualityControlConcepts qualityControl={qualityControl} actions={[]} />
+    );
+    await waitForLoad(rendered);
+
+    expect(
+      rendered.queryByText("links.actions.create")
+    ).not.toBeInTheDocument();
+  });
+
+  it("includes delete column when user has permission", async () => {
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      const columnsCount = parseInt(
+        rendered.getByTestId("columns-count").textContent
+      );
+      expect(columnsCount).toBe(5); // name, domain, tags, status, delete
+    });
+  });
+
+  it("excludes delete column when user does not have permission", async () => {
+    const rendered = render(
+      <QualityControlConcepts qualityControl={qualityControl} actions={[]} />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      const columnsCount = parseInt(
+        rendered.getByTestId("columns-count").textContent
+      );
+      expect(columnsCount).toBe(4); // name, domain, tags, status (no delete)
+    });
+  });
+
+  it("passes extraRow from location.state to LinksSearch", async () => {
+    const createdRelation = {
+      id: 999,
+      source_name: "New Concept",
+      source_data: { name: "New Concept" },
+    };
+
+    useLocation.mockReturnValue({ state: { createdRelation } });
+
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      expect(rendered.getByTestId("extra-row")).toBeInTheDocument();
+      expect(rendered.getByTestId("extra-row").textContent).toBe(
+        JSON.stringify(createdRelation)
+      );
+    });
+  });
+
+  it("sets up delete relation handler correctly", async () => {
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      expect(rendered.getByText("LinksSearch")).toBeInTheDocument();
+    });
+
+    // Verify the delete column is included when user has permission
+    const columnsCount = parseInt(
+      rendered.getByTestId("columns-count").textContent
+    );
+    expect(columnsCount).toBe(5); // Includes delete column
+  });
+
+  it("handles missing qualityControl gracefully", async () => {
+    const rendered = render(
+      <QualityControlConcepts qualityControl={null} actions={actions} />
+    );
+    await waitForLoad(rendered);
+
+    expect(rendered.getByText("LinksSearch")).toBeInTheDocument();
+    expect(rendered.getByTestId("default-filters").textContent).toBe(
+      JSON.stringify({
+        target_id: undefined,
+        target_type: "quality_control",
+        source_type: "business_concept",
+      })
+    );
+  });
+
+  it("shows loading state when deleting", () => {
+    useDeleteRelation.mockReturnValueOnce({
+      trigger: mockDeleteRelation,
+      isMutating: true,
+    });
+
+    const rendered = render(
+      <QualityControlConcepts
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+
+    expect(
+      rendered.container.querySelector(".segment.loading")
+    ).toBeInTheDocument();
+  });
+});

package/src/components/__tests__/QualityControlStructures.spec.js

@@ -0,0 +1,213 @@
+import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
+import { QualityControlStructures } from "../QualityControlStructures";
+
+const mockDeleteRelation = jest.fn();
+
+jest.mock("../../hooks/useRelations", () => ({
+  useDeleteRelation: jest.fn(),
+  useRelations: jest.fn(),
+  useRelationFilters: jest.fn(),
+}));
+
+jest.mock("react-router", () => ({
+  ...jest.requireActual("react-router"),
+  useLocation: jest.fn(() => ({ state: null })),
+  Link: ({ children, to, ...props }) => (
+    <a href={to} {...props}>
+      {children}
+    </a>
+  ),
+}));
+
+jest.mock("../LinksSearch", () =>
+  jest.fn(
+    ({
+      columns,
+      extraRow,
+      deletedLinkId,
+      defaultFilters,
+      refetchSearch,
+      setRefetchSearch,
+    }) => (
+      <div>
+        <div>LinksSearch</div>
+        <div data-testid="columns-count">{columns?.length || 0}</div>
+        {extraRow && (
+          <div data-testid="extra-row">{JSON.stringify(extraRow)}</div>
+        )}
+        {deletedLinkId && (
+          <div data-testid="deleted-link-id">{deletedLinkId}</div>
+        )}
+        {refetchSearch && <div data-testid="refetch-search">true</div>}
+        {setRefetchSearch && (
+          <div data-testid="set-refetch-search">function</div>
+        )}
+        <div data-testid="default-filters">
+          {JSON.stringify(defaultFilters)}
+        </div>
+      </div>
+    )
+  )
+);
+
+jest.mock("../ConfirmDeleteRelation", () =>
+  jest.fn(({ id, deleteRelation }) => (
+    <button
+      data-testid={`delete-relation-${id}`}
+      onClick={() => deleteRelation({ id })}
+    >
+      Delete {id}
+    </button>
+  ))
+);
+
+jest.mock("@truedat/core/routes", () => ({
+  linkTo: {
+    QUALITY_CONTROL_STRUCTURE_LINKS_NEW: jest.fn(
+      ({ id, version }) =>
+        `/qualityControls/${id}/version/${version}/links/structures/new`
+    ),
+    STRUCTURE: jest.fn(({ id }) => `/structures/${id}`),
+  },
+}));
+
+const qualityControl = {
+  id: 10,
+  version: 1,
+  name: "Test Quality Control",
+};
+
+const actions = ["link_to_data_structure"];
+
+describe("<QualityControlStructures />", () => {
+  const { useLocation } = require("react-router");
+  const {
+    useDeleteRelation,
+    useRelations,
+    useRelationFilters,
+  } = require("../../hooks/useRelations");
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    useLocation.mockReturnValue({ state: null });
+    mockDeleteRelation.mockResolvedValue({ status: 204 });
+    useDeleteRelation.mockReturnValue({
+      trigger: mockDeleteRelation,
+      isMutating: false,
+    });
+    useRelations.mockReturnValue({
+      trigger: jest.fn(),
+    });
+    useRelationFilters.mockReturnValue({
+      trigger: jest.fn(),
+    });
+  });
+
+  it("matches the latest snapshot", async () => {
+    const rendered = render(
+      <QualityControlStructures
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("renders create button when canCreateLink is true", async () => {
+    const rendered = render(
+      <QualityControlStructures
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    expect(rendered.getByText("links.actions.create")).toBeInTheDocument();
+  });
+
+  it("does not render create button when canCreateLink is false", async () => {
+    const rendered = render(
+      <QualityControlStructures qualityControl={qualityControl} actions={[]} />
+    );
+    await waitForLoad(rendered);
+
+    expect(
+      rendered.queryByText("links.actions.create")
+    ).not.toBeInTheDocument();
+  });
+
+  it("renders LinksSearch with correct props", async () => {
+    const rendered = render(
+      <QualityControlStructures
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    const defaultFilters = JSON.parse(
+      rendered.getByTestId("default-filters").textContent
+    );
+    expect(defaultFilters).toEqual({
+      source_id: 10,
+      target_type: "data_structure",
+      source_type: "quality_control",
+    });
+  });
+
+  it("includes delete column when user has permission", async () => {
+    const rendered = render(
+      <QualityControlStructures
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      const columnsCount = parseInt(
+        rendered.getByTestId("columns-count").textContent
+      );
+      // Should include delete column: name, domain, system, path, last_change_at, relation_tags, deleted_at, delete
+      expect(columnsCount).toBe(8);
+    });
+  });
+
+  it("excludes delete column when user does not have permission", async () => {
+    const rendered = render(
+      <QualityControlStructures qualityControl={qualityControl} actions={[]} />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      const columnsCount = parseInt(
+        rendered.getByTestId("columns-count").textContent
+      );
+      // Should not include delete column: name, domain, system, path, last_change_at, relation_tags, deleted_at
+      expect(columnsCount).toBe(7);
+    });
+  });
+
+  it("displays extraRow when createdRelation is in location state", async () => {
+    const createdRelation = {
+      id: 999,
+      source_id: 10,
+      target_id: 456,
+    };
+    useLocation.mockReturnValue({ state: { createdRelation } });
+
+    const rendered = render(
+      <QualityControlStructures
+        qualityControl={qualityControl}
+        actions={actions}
+      />
+    );
+    await waitForLoad(rendered);
+
+    expect(rendered.getByTestId("extra-row")).toBeInTheDocument();
+    const extraRow = JSON.parse(rendered.getByTestId("extra-row").textContent);
+    expect(extraRow).toEqual(createdRelation);
+  });
+});