@truedat/ai 6.0.1

package/src/components/resourceMappings/__tests__/ResourceMappings.spec.js

@@ -0,0 +1,79 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import ResourceMappings from "../ResourceMappings";
+
+jest.mock("@truedat/ai/hooks/useResourceMappings", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/ai/hooks/useResourceMappings"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useResourceMappings: jest.fn(() => ({
+      data: {
+        data: [
+          {
+            name: "rm1",
+            resource_type: "boolean",
+            fields: [{ source: "s1", target: "t1" }],
+            selector: { system_external_id: 1 },
+          },
+        ],
+      },
+      loading: false,
+    })),
+    useResourceMappingCreate: jest.fn(() => ({
+      trigger: jest.fn(() => new Promise(() => {})),
+      isMutating: false,
+    })),
+    useResourceMappingDelete: jest.fn(() => ({
+      trigger: jest.fn(() => new Promise(() => {})),
+      isMutating: false,
+    })),
+    useResourceMappingUpdate: jest.fn(() => ({
+      trigger: jest.fn(() => new Promise(() => {})),
+      isMutating: false,
+    })),
+  };
+});
+
+describe("<ResourceMappings />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "resourceMappings.header": "resourceMappings.header",
+        "resourceMappings.subheader": "resourceMappings.subheader",
+        "resourceMappings.no_selection": "resourceMappings.no_selection",
+        "resourceMappings.empty_list": "resourceMappings.empty_list",
+        "resourceMappings.action.new": "resourceMappings.action.new",
+        "group.props.name": "name",
+        "resourceMappings.form.name": "name",
+        "resourceMappings.form.add_description": "add_description",
+        "resourceMappings.form.name": "name",
+        "resourceMappings.form.add_param": "add_param",
+        "actions.save": "save",
+        "actions.cancel": "cancel",
+        "actions.delete": "delete",
+        "resourceMappings.action.delete.header": "delete_header",
+        "resourceMappings.action.delete.content": "delete_content",
+        "resourceMappings.form.output": "output",
+        "resourceMappings.form.params": "params",
+        "form.validation.required": "required",
+        "confirmation.yes": "confirm_yes",
+        "confirmation.no": "confirm_no",
+        "actions.discard.confirmation.header": "confirmation_header",
+        "actions.discard.confirmation.content": "confirmation_content",
+        "resourceMappings.action.new": "resourceMappings.action.new",
+      },
+    },
+    fallback: "lazy",
+  };
+
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(<ResourceMappings />, renderOpts);
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    expect(container).toMatchSnapshot();
+  });
+});