@truedat/ai 6.11.0 → 6.12.0

package/src/components/actions/__tests__/ActionForm.spec.js

@@ -0,0 +1,146 @@
+import React, { Suspense } from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
+import ActionForm from "../ActionForm";
+
+jest.mock("@truedat/auth/hooks/useUsers", () => ({
+  useAgents: jest.fn(() => ({
+    agents: [
+      { id: 1, full_name: "Agent 1" },
+      { id: 2, full_name: "Agent 2" },
+    ],
+  })),
+}));
+
+const template = {
+  __typename: "Template",
+  content: [
+    {
+      fields: [
+        {
+          cardinality: "1",
+          default: {
+            origin: "default",
+            value: "",
+          },
+          label: "Field Label",
+          name: "field_name",
+          type: "string",
+          values: {
+            fixed_tuple: [
+              {
+                text: "Value One",
+                value: "value_one",
+              },
+            ],
+          },
+          widget: "dropdown",
+        },
+      ],
+      name: "",
+    },
+  ],
+  id: "1",
+  label: "template_label",
+  name: "Template Name",
+  scope: "actions",
+};
+
+const templatesMock = {
+  request: {
+    query: TEMPLATES_QUERY,
+    variables: { scope: "actions", domainIds: null },
+  },
+  result: { data: { templates: [template] } },
+};
+
+const renderOpts = {
+  messages: {
+    en: {
+      "ai.actions.actions.form.name": "Name",
+      "ai.actions.actions.form.resource_type": "Resource Type",
+      "ai.actions.actions.form.user": "user",
+      "fields.dropdown.placeholder": "Select One...",
+      loading: "Loading",
+      "selector.no.selection": "No Selection",
+      "template.form.validation.empty_required": "Required Field",
+      "template.selector.label": "Template",
+      "actions.cancel": "Cancel",
+      "actions.create": "Create",
+      "actions.update": "Update",
+    },
+  },
+  mocks: [templatesMock],
+};
+
+describe("<ActionForm />", () => {
+  it("matches the latest snapshot when is creating", async () => {
+    const props = {
+      isEnabled: true,
+      onSubmit: jest.fn(),
+    };
+    const { container } = render(
+      <Suspense fallback={null}>
+        <ActionForm {...props} />
+      </Suspense>,
+      renderOpts
+    );
+
+    await waitFor(() => expect(container).toMatchSnapshot());
+  });
+
+  it("create button disable if has empty data", async () => {
+    const props = {
+      isEnabled: true,
+      onSubmit: jest.fn(),
+    };
+    const { getByRole } = render(
+      <Suspense fallback={null}>
+        <ActionForm {...props} />
+      </Suspense>,
+      renderOpts
+    );
+
+    expect(getByRole("button", { name: /create/i })).not.toBeEnabled();
+  });
+
+  it("matches the latest snapshot when is editing", async () => {
+    const action = {
+      deleted_at: null,
+      dynamic_content: {
+        field_name: {
+          origin: "user",
+          value: "value_one",
+        },
+      },
+      id: 123,
+      is_enabled: true,
+      name: "Action Name",
+      type: "Template Name",
+      updated_at: "2024-10-01T00:00:00.000000Z",
+      user: {
+        full_name: "Agent 1",
+        id: 1,
+      },
+      user_id: 1,
+    };
+
+    const props = {
+      action,
+      template,
+      isEnabled: true,
+      onSubmit: jest.fn(),
+    };
+    const { container, queryByText } = render(
+      <Suspense fallback={null}>
+        <ActionForm {...props} />
+      </Suspense>,
+      renderOpts
+    );
+    await waitFor(() =>
+      expect(queryByText(/Loading/i)).not.toBeInTheDocument()
+    );
+    await waitFor(() => expect(container).toMatchSnapshot());
+  });
+});

package/src/components/actions/__tests__/ActionNew.spec.js

@@ -0,0 +1,113 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
+import ActionNew from "../ActionNew";
+
+jest.mock("@truedat/auth/hooks/useUsers", () => ({
+  useAgents: jest.fn(() => ({
+    agents: [
+      { id: 1, full_name: "Agent 1" },
+      { id: 2, full_name: "Agent 2" },
+    ],
+  })),
+}));
+
+const template = {
+  __typename: "Template",
+  content: [
+    {
+      fields: [
+        {
+          cardinality: "1",
+          default: {
+            origin: "default",
+            value: "",
+          },
+          label: "Field Label",
+          name: "field_name",
+          type: "string",
+          values: {
+            fixed_tuple: [
+              {
+                text: "Value One",
+                value: "value_one",
+              },
+            ],
+          },
+          widget: "dropdown",
+        },
+      ],
+      name: "",
+    },
+  ],
+  id: "1",
+  label: "template_label",
+  name: "Template Name",
+  scope: "actions",
+};
+
+const templatesMock = {
+  request: {
+    query: TEMPLATES_QUERY,
+    variables: { scope: "actions", domainIds: null },
+  },
+  result: { data: { templates: [template] } },
+};
+
+const renderOpts = {
+  messages: {
+    en: {
+      "actions.cancel": "Cancel",
+      "actions.create": "Create",
+      "ai.actions.actions.create": "New Action",
+      "ai.actions.actions.form.active": "Active",
+      "ai.actions.actions.form.name": "Name",
+      "ai.actions.actions.form.user": "Agent",
+      "fields.dropdown.placeholder": "Select One...",
+      loading: "Loading",
+      "navigation.admin.actions": "Actions",
+      "selector.no.selection": "No Selection",
+      "template.form.validation.empty_required": "Can't be empty",
+      "template.selector.label": "Template",
+    },
+  },
+  mocks: [templatesMock],
+  fallback: "lazy",
+};
+
+describe("<ActionNew />", () => {
+  const setActionResource = jest.fn();
+  const props = {
+    setActionResource,
+  };
+  it("matches the latest snapshot", async () => {
+    const { queryByText, container } = render(
+      <ActionNew {...props} />,
+      renderOpts
+    );
+
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot", async () => {
+    const { queryByText, container } = render(
+      <ActionNew {...props} />,
+      renderOpts
+    );
+
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    expect(container).toMatchSnapshot();
+  });
+
+  it("create button is disable", async () => {
+    const props = {
+      isEnabled: true,
+      onSubmit: jest.fn(),
+    };
+    const { getByRole } = render(<ActionNew {...props} />, renderOpts);
+
+    expect(getByRole("button", { name: /create/i })).not.toBeEnabled();
+  });
+});

package/src/components/actions/__tests__/Actions.spec.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import Actions from "../Actions";
+
+const renderOpts = {
+  messages: {
+    en: {
+      "ai.actions.search.results.empty": "Empty",
+      "ai.actions.actions.create": "Create",
+      "ai.actions.subheader": "AI actions",
+      "ai.actions.header": "AI actions",
+    },
+  },
+};
+
+describe("<Actions />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<Actions />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/actions/__tests__/ActionsTable.spec.js

@@ -0,0 +1,72 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { ActionsContextProvider } from "../ActionsContext";
+import { ActionsTable } from "../ActionsTable";
+
+const data = {
+  data: [
+    {
+      id: 1,
+      name: "action_1",
+      type: "bar",
+      is_enabled: true,
+      user: { full_name: "agent 1" },
+      updated_at: "2020-01-01T00:00:00.000Z",
+    },
+    {
+      id: 2,
+      name: "action_2",
+      type: "foo",
+      is_enabled: false,
+      user: { full_name: "agent 2" },
+      updated_at: "2020-01-01T00:00:00.000Z",
+    },
+  ],
+};
+
+const useSearch = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data,
+        headers: {},
+      }),
+  }),
+  loading: false,
+});
+
+const searchProps = {
+  initialSortColumn: "updated_at",
+  initialSortDirection: "descending",
+  useSearch: useSearch,
+};
+
+const renderOpts = {
+  messages: {
+    en: {
+      "ai.actions.search.results.empty": "Empty",
+      "ai.actions.actions.create": "Create",
+      "ai.actions.subheader": "AI actions",
+      "ai.actions.header": "AI actions",
+      "ai.actions.resource_type.structures": "structures",
+      "ai.actions.is_enabled.true": "enabled",
+      "ai.actions.is_enabled.false": "disabled",
+      "ai.actions.form.user.full_name": "Agent",
+      "ai.actions.form.is_enabled": "status",
+      "ai.actions.form.name": "name",
+      "ai.actions.form.type": "Type",
+    },
+  },
+};
+
+describe("<ActionsTable />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <ActionsContextProvider {...searchProps}>
+        <ActionsTable />
+      </ActionsContextProvider>,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/actions/__tests__/__snapshots__/Action.spec.js.snap

@@ -0,0 +1,159 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Action /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+    style="display: none;"
+  >
+    <a
+      class="section"
+      href="/actions"
+    >
+      Actions
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      foo
+    </div>
+  </div>
+  <div
+    class="ui segment"
+    style="display: none;"
+  >
+    <div
+      class="ui grid"
+    >
+      <div
+        class="eight wide column"
+      >
+        <h2
+          class="ui header"
+        >
+          <i
+            aria-hidden="true"
+            class="caret square right circular icon"
+          />
+          <div
+            class="content"
+          >
+            foo
+            <div
+              class="sub header"
+            >
+              <p>
+                <i
+                  aria-hidden="true"
+                  class="green play fitted icon"
+                />
+                 
+                Active
+              </p>
+            </div>
+          </div>
+        </h2>
+      </div>
+      <div
+        class="right aligned eight wide column"
+      >
+        <div
+          aria-expanded="false"
+          class="ui floating dropdown button icon group-actions"
+          role="listbox"
+          tabindex="0"
+        >
+          <i
+            aria-hidden="true"
+            class="ellipsis vertical icon"
+          />
+          <div
+            class="left menu transition"
+          >
+            <a
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              href="/actions/3/edit"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <i
+                aria-hidden="true"
+                class="edit icon"
+              />
+              <span
+                class="text"
+              >
+                Edit
+              </span>
+            </a>
+            <button
+              class="ui button"
+            >
+              <i
+                aria-hidden="true"
+                class="pause icon"
+              />
+              Disable
+            </button>
+            <button
+              class="ui button"
+            >
+              <i
+                aria-hidden="true"
+                class="trash icon"
+              />
+              Delete
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui bottom attached segment"
+    >
+      <div
+        class="ui big relaxed list"
+        role="list"
+      >
+        <div
+          class="item"
+          role="listitem"
+        >
+          <div
+            class="header dynamic-field-header"
+          >
+            Agent
+          </div>
+          <div
+            class="content"
+          >
+            agent
+          </div>
+        </div>
+        <div
+          class="item"
+          role="listitem"
+        >
+          <div
+            class="header dynamic-field-header"
+          >
+            Type
+          </div>
+          <div
+            class="content"
+          >
+            baz
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  lazy
+</div>
+`;

package/src/components/actions/__tests__/__snapshots__/ActionActions.spec.js.snap

@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ActionActions /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    aria-expanded="false"
+    class="ui floating dropdown button icon group-actions"
+    role="listbox"
+    tabindex="0"
+  >
+    <i
+      aria-hidden="true"
+      class="ellipsis vertical icon"
+    />
+    <div
+      class="left menu transition"
+    >
+      <a
+        aria-checked="false"
+        aria-selected="true"
+        class="selected item"
+        href="/actions/3/edit"
+        role="option"
+        style="pointer-events: all;"
+      >
+        <i
+          aria-hidden="true"
+          class="edit icon"
+        />
+        <span
+          class="text"
+        >
+          Edit
+        </span>
+      </a>
+      <button
+        class="ui button"
+      >
+        <i
+          aria-hidden="true"
+          class="pause icon"
+        />
+        Disable
+      </button>
+      <button
+        class="ui button"
+      >
+        <i
+          aria-hidden="true"
+          class="trash icon"
+        />
+        Delete
+      </button>
+    </div>
+  </div>
+</div>
+`;

package/src/components/actions/__tests__/__snapshots__/ActionBreadcrumbs.spec.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ActionBreadcrumbs /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/actions"
+    >
+      Actions
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      edit
+    </div>
+  </div>
+</div>
+`;

package/src/components/actions/__tests__/__snapshots__/ActionDetail.spec.js.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ActionDetail /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui bottom attached segment"
+    style="display: none;"
+  >
+    <div
+      class="ui big relaxed list"
+      role="list"
+    >
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="header dynamic-field-header"
+        >
+          Agent
+        </div>
+        <div
+          class="content"
+        >
+          agent
+        </div>
+      </div>
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="header dynamic-field-header"
+        >
+          Type
+        </div>
+        <div
+          class="content"
+        >
+          baz
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;