@truedat/ai 7.5.9 → 7.5.11

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

@@ -1,6 +1,4 @@
-import React, { Suspense } from "react";
-import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 import ActionDetail from "../ActionDetail";
 
@@ -73,16 +71,6 @@ const action = {
 };
 
 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.actions.form.user": "Agent",
-      "ai.actions.form.type": "Type",
-    },
-  },
   mocks: [templatesMock],
 };
 
@@ -92,15 +80,9 @@ describe("<ActionDetail />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { queryByText, container } = render(
-      <Suspense fallback={null}>
-        <ActionDetail {...props} />
-      </Suspense>,
-      renderOpts
-    );
-    await waitFor(() =>
-      expect(queryByText(/Value One/i)).not.toBeInTheDocument()
-    );
-    expect(container).toMatchSnapshot();
+    const rendered = render(<ActionDetail {...props} />, renderOpts);
+    await waitForLoad(rendered);
+
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,6 +1,4 @@
-import React from "react";
-import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 import ActionEdit from "../ActionEdit";
 
@@ -13,8 +11,8 @@ jest.mock("@truedat/auth/hooks/useUsers", () => ({
   })),
 }));
 
-jest.mock("react-router-dom", () => ({
-  ...jest.requireActual("react-router-dom"),
+jest.mock("react-router", () => ({
+  ...jest.requireActual("react-router"),
   useParams: () => ({ id: "123" }),
 }));
 
@@ -95,26 +93,7 @@ jest.mock("@truedat/ai/hooks/useActions", () => ({
   })),
 }));
 
-const renderOpts = {
-  messages: {
-    en: {
-      "actions.cancel": "Cancel",
-      "actions.update": "Update",
-      "ai.actions.actions.edit": "Edit 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",
-};
+const renderOpts = { mocks: [templatesMock] };
 
 describe("<ActionEdit />", () => {
   const setActionResource = jest.fn();
@@ -122,12 +101,9 @@ describe("<ActionEdit />", () => {
     setActionResource,
   };
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
-      <ActionEdit {...props} />,
-      renderOpts
-    );
+    const rendered = render(<ActionEdit {...props} />, renderOpts);
 
-    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
-    expect(container).toMatchSnapshot();
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,6 +1,4 @@
-import React, { Suspense } from "react";
-import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 import ActionForm from "../ActionForm";
 
@@ -80,14 +78,10 @@ describe("<ActionForm />", () => {
       isEnabled: true,
       onSubmit: jest.fn(),
     };
-    const { container } = render(
-      <Suspense fallback={null}>
-        <ActionForm {...props} />
-      </Suspense>,
-      renderOpts
-    );
+    const rendered = render(<ActionForm {...props} />, renderOpts);
 
-    await waitFor(() => expect(container).toMatchSnapshot());
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("create button disable if has empty data", async () => {
@@ -95,14 +89,10 @@ describe("<ActionForm />", () => {
       isEnabled: true,
       onSubmit: jest.fn(),
     };
-    const { getByRole } = render(
-      <Suspense fallback={null}>
-        <ActionForm {...props} />
-      </Suspense>,
-      renderOpts
-    );
+    const rendered = render(<ActionForm {...props} />, renderOpts);
 
-    expect(getByRole("button", { name: /create/i })).not.toBeEnabled();
+    await waitForLoad(rendered);
+    expect(rendered.getByRole("button", { name: /create/i })).not.toBeEnabled();
   });
 
   it("matches the latest snapshot when is editing", async () => {
@@ -132,15 +122,9 @@ describe("<ActionForm />", () => {
       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());
+    const rendered = render(<ActionForm {...props} />, renderOpts);
+
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,6 +1,4 @@
-import React from "react";
-import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 import ActionNew from "../ActionNew";
 
@@ -56,24 +54,7 @@ const templatesMock = {
 };
 
 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 />", () => {
@@ -82,30 +63,10 @@ describe("<ActionNew />", () => {
     setActionResource,
   };
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
-      <ActionNew {...props} />,
-      renderOpts
-    );
-
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    });
-    expect(container).toMatchSnapshot();
-  });
-
-  it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
-      <ActionNew {...props} />,
-      renderOpts
-    );
+    const rendered = render(<ActionNew {...props} />, renderOpts);
 
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    });
-
-    expect(container).toMatchSnapshot();
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("create button is disable", async () => {
@@ -113,16 +74,9 @@ describe("<ActionNew />", () => {
       isEnabled: true,
       onSubmit: jest.fn(),
     };
-    const { container, queryByText, getByRole } = render(
-      <ActionNew {...props} />,
-      renderOpts
-    );
-
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    });
+    const rendered = render(<ActionNew {...props} />, renderOpts);
 
-    expect(getByRole("button", { name: /create/i })).not.toBeEnabled();
+    await waitForLoad(rendered);
+    expect(rendered.getByRole("button", { name: /create/i })).not.toBeEnabled();
   });
 });

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

@@ -1,21 +1,12 @@
-import React from "react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } 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",
-    },
-  },
-};
+jest.mock("@truedat/ai/hooks/useActions");
 
 describe("<Actions />", () => {
-  it("matches the latest snapshot", () => {
-    const { container } = render(<Actions />, renderOpts);
-    expect(container).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<Actions />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@truedat/test/render";
 import { ActionsContextProvider } from "../ActionsContext";
 import { ActionsTable } from "../ActionsTable";
@@ -6,7 +5,7 @@ import { ActionsTable } from "../ActionsTable";
 const data = {
   data: [
     {
-      id: 1,
+      id: "1",
       name: "action_1",
       type: "bar",
       is_enabled: true,
@@ -14,7 +13,7 @@ const data = {
       updated_at: "2020-01-01T00:00:00.000Z",
     },
     {
-      id: 2,
+      id: "2",
       name: "action_2",
       type: "foo",
       is_enabled: false,
@@ -41,31 +40,12 @@ const searchProps = {
   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
+      </ActionsContextProvider>
     );
     expect(container).toMatchSnapshot();
   });

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

@@ -4,13 +4,13 @@ exports[`<Action /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui breadcrumb"
-    style="display: none;"
   >
     <a
       class="section"
+      data-discover="true"
       href="/tasks"
     >
-      Actions
+      navigation.admin.actions
     </a>
     <i
       aria-hidden="true"
@@ -24,7 +24,6 @@ exports[`<Action /> matches the latest snapshot 1`] = `
   </div>
   <div
     class="ui segment"
-    style="display: none;"
   >
     <div
       class="ui grid"
@@ -53,7 +52,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
                   aria-hidden="true"
                   class="green play fitted icon"
                 />
-                Active
+                ai.actions.is_enabled.true
               </p>
             </div>
           </div>
@@ -63,7 +62,6 @@ exports[`<Action /> matches the latest snapshot 1`] = `
         class="right aligned eight wide column"
       >
         <div
-          aria-disabled="false"
           aria-expanded="false"
           class="ui floating dropdown button icon group-actions"
           role="listbox"
@@ -80,6 +78,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
               aria-checked="false"
               aria-selected="true"
               class="selected item"
+              data-discover="true"
               href="/tasks/3/edit"
               role="option"
               style="pointer-events: all;"
@@ -91,7 +90,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
               <span
                 class="text"
               >
-                Edit
+                ai.actions.actions.edit
               </span>
             </a>
             <button
@@ -101,7 +100,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
                 aria-hidden="true"
                 class="pause icon"
               />
-              Disable
+              ai.actions.actions.disable
             </button>
             <button
               class="ui button"
@@ -110,7 +109,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
                 aria-hidden="true"
                 class="red trash alternate outline icon"
               />
-              Delete
+              ai.actions.actions.delete
             </button>
           </div>
         </div>
@@ -130,7 +129,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
           <div
             class="header dynamic-field-header"
           >
-            Agent
+            ai.actions.actions.form.user
           </div>
           <div
             class="content"
@@ -145,7 +144,7 @@ exports[`<Action /> matches the latest snapshot 1`] = `
           <div
             class="header dynamic-field-header"
           >
-            Type
+            ai.actions.form.type
           </div>
           <div
             class="content"
@@ -154,8 +153,37 @@ exports[`<Action /> matches the latest snapshot 1`] = `
           </div>
         </div>
       </div>
+      <div
+        class="ui horizontal divider"
+      >
+        <h3>
+          g1
+        </h3>
+      </div>
+      <div
+        class="ui big very relaxed list"
+        role="list"
+      >
+        <div
+          class="item"
+          role="listitem"
+        >
+          <div
+            class="header dynamic-field-header"
+          >
+            field1
+          </div>
+          <div
+            class="description"
+          >
+            <i
+              aria-hidden="true"
+              class="grey minus icon"
+            />
+          </div>
+        </div>
+      </div>
     </div>
   </div>
-  lazy
 </div>
 `;

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

@@ -3,7 +3,6 @@
 exports[`<ActionActions /> matches the latest snapshot 1`] = `
 <div>
   <div
-    aria-disabled="false"
     aria-expanded="false"
     class="ui floating dropdown button icon group-actions"
     role="listbox"
@@ -20,6 +19,7 @@ exports[`<ActionActions /> matches the latest snapshot 1`] = `
         aria-checked="false"
         aria-selected="true"
         class="selected item"
+        data-discover="true"
         href="/tasks/3/edit"
         role="option"
         style="pointer-events: all;"
@@ -31,7 +31,7 @@ exports[`<ActionActions /> matches the latest snapshot 1`] = `
         <span
           class="text"
         >
-          Edit
+          ai.actions.actions.edit
         </span>
       </a>
       <button
@@ -41,7 +41,7 @@ exports[`<ActionActions /> matches the latest snapshot 1`] = `
           aria-hidden="true"
           class="pause icon"
         />
-        Disable
+        ai.actions.actions.disable
       </button>
       <button
         class="ui button"
@@ -50,7 +50,7 @@ exports[`<ActionActions /> matches the latest snapshot 1`] = `
           aria-hidden="true"
           class="red trash alternate outline icon"
         />
-        Delete
+        ai.actions.actions.delete
       </button>
     </div>
   </div>

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

@@ -7,9 +7,10 @@ exports[`<ActionBreadcrumbs /> matches the latest snapshot 1`] = `
   >
     <a
       class="section"
+      data-discover="true"
       href="/tasks"
     >
-      Actions
+      navigation.admin.actions
     </a>
     <i
       aria-hidden="true"

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

@@ -4,7 +4,6 @@ exports[`<ActionDetail /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui bottom attached segment"
-    style="display: none;"
   >
     <div
       class="ui big relaxed list"
@@ -17,7 +16,7 @@ exports[`<ActionDetail /> matches the latest snapshot 1`] = `
         <div
           class="header dynamic-field-header"
         >
-          Agent
+          ai.actions.actions.form.user
         </div>
         <div
           class="content"
@@ -32,7 +31,7 @@ exports[`<ActionDetail /> matches the latest snapshot 1`] = `
         <div
           class="header dynamic-field-header"
         >
-          Type
+          ai.actions.form.type
         </div>
         <div
           class="content"
@@ -41,6 +40,30 @@ exports[`<ActionDetail /> matches the latest snapshot 1`] = `
         </div>
       </div>
     </div>
+    <div
+      class="ui big very relaxed list"
+      role="list"
+    >
+      <div
+        class="item"
+        role="listitem"
+      >
+        <div
+          class="header dynamic-field-header"
+        >
+          Field Label
+        </div>
+        <div
+          class="description"
+        >
+          <div
+            class="default-value"
+          >
+            Value One
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
 `;