@truedat/df 8.2.3 → 8.3.0

package/src/templates/components/templateForm/__tests__/TemplateRelationsForm.spec.js

@@ -0,0 +1,94 @@
+import React from "react";
+import userEvent from "@testing-library/user-event";
+import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
+import TemplateRelationsForm from "../TemplateRelationsForm";
+
+jest.mock("@truedat/dd/hooks/useSystems", () => ({
+  useGrantableSystems: jest.fn(() => ({
+    data: [
+      { id: 1, name: "System One" },
+      { id: 2, name: "System Two" },
+    ],
+  })),
+}));
+
+const mockStableResource = [];
+jest.mock("@truedat/df/hooks/useTemplateRelations", () => ({
+  useTemplateRelations: jest.fn(() => ({
+    default: { template_id: 999 },
+    resource: mockStableResource,
+    error: null,
+    loading: false,
+    mutate: jest.fn(),
+  })),
+}));
+
+describe("<TemplateRelationsForm />", () => {
+  it("matches snapshot when scope is gr", async () => {
+    const rendered = render(<TemplateRelationsForm scope="gr" />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("calls onRelationsChange with empty array when scope is gr and no default or systems selected", async () => {
+    const onRelationsChange = jest.fn();
+    const rendered = render(
+      <TemplateRelationsForm scope="gr" onRelationsChange={onRelationsChange} />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      expect(onRelationsChange).toHaveBeenCalledWith([]);
+    });
+  });
+
+  it("calls onRelationsChange with default relation when use as default is checked", async () => {
+    const onRelationsChange = jest.fn();
+    const rendered = render(
+      <TemplateRelationsForm scope="gr" onRelationsChange={onRelationsChange} />
+    );
+    await waitForLoad(rendered);
+
+    const user = userEvent.setup({ delay: null });
+    await user.click(rendered.getByLabelText(/template\.relations\.default/i));
+
+    await waitFor(() => {
+      expect(onRelationsChange).toHaveBeenCalledWith([
+        { resource_type: "system", resource_id: null },
+      ]);
+    });
+  });
+
+  it("renders related systems dropdown with placeholder when scope is gr", async () => {
+    const rendered = render(<TemplateRelationsForm scope="gr" />);
+    await waitForLoad(rendered);
+
+    expect(rendered.getByText(/template\.relations\.related/i)).toBeInTheDocument();
+    expect(rendered.getByText(/template\.relations\.systems\.placeholder/i)).toBeInTheDocument();
+  });
+
+  it("does not call onRelationsChange when scope has no resource type mapping", async () => {
+    const onRelationsChange = jest.fn();
+    const rendered = render(
+      <TemplateRelationsForm scope="dd" onRelationsChange={onRelationsChange} />
+    );
+    await waitForLoad(rendered);
+
+    await waitFor(() => {
+      expect(onRelationsChange).not.toHaveBeenCalled();
+    });
+  });
+
+  it("does not throw when onRelationsChange is not provided", async () => {
+    const rendered = render(<TemplateRelationsForm scope="gr" />);
+    await waitForLoad(rendered);
+
+    const user = userEvent.setup({ delay: null });
+    await user.click(rendered.getByLabelText(/template\.relations\.default/i));
+
+    await waitFor(() => {
+      expect(rendered.getByText(/template\.relations\.header/i)).toBeInTheDocument();
+    });
+  });
+});