@truedat/dq 7.11.0 → 7.11.2

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

@@ -1,31 +1,49 @@
-import { render, waitForLoad } from "@truedat/test/render";
 import userEvent from "@testing-library/user-event";
+import { render, waitForLoad } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
 import { RuleImplementationsActions } from "../RuleImplementationsActions";
 
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
 describe("<RuleImplementationsActions />", () => {
-  const addImplementationFilter = jest.fn();
-  const toggleImplementationFilterValue = jest.fn();
   const setMode = jest.fn();
-  const removeImplementationFilter = jest.fn();
   const props = {
-    actions: {
-      uploadResults: {},
-      createRuleLess: {},
-      createRawRuleLess: {},
-      download: {},
-      execute: {},
-    },
-    executionGroupLoading: false,
-    ruleImplementationCount: 12,
-    implementationsExecution: true,
-    ruleImplementationsLoading: false,
-    toggleImplementationFilterValue,
-    addImplementationFilter,
     executeImplementationsOn: false,
+    implementationQuery: {},
+    selectedImplementations: [],
     setMode,
-    removeImplementationFilter,
   };
 
+  const mockSearchContext = {
+    searchData: {
+      data: [{ id: 1 }],
+      _actions: {
+        uploadResults: {},
+        createRuleLess: {},
+        createRawRuleLess: {},
+        download: {},
+        execute: {},
+      },
+    },
+    count: 12,
+    loading: false,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    useSearchContext.mockReturnValue(mockSearchContext);
+  });
+
   it("matches the latest snapshot", async () => {
     const rendered = render(<RuleImplementationsActions {...props} />);
     await waitForLoad(rendered);
@@ -33,14 +51,15 @@ describe("<RuleImplementationsActions />", () => {
   });
 
   it("as user with permissions I see execute implementations button and checkbox", async () => {
-    const userProps = {
-      actions: { execute: {} },
-      executionGroupLoading: false,
-      ruleImplementationCount: 12,
-      implementationsExecution: true,
-      role: "user",
-    };
-    const rendered = render(<RuleImplementationsActions {...userProps} />);
+    useSearchContext.mockReturnValue({
+      searchData: {
+        _actions: { execute: {} },
+      },
+      count: 12,
+      loading: false,
+    });
+
+    const rendered = render(<RuleImplementationsActions {...props} />);
     await waitForLoad(rendered);
     expect(
       rendered.container.querySelector("#execute_checkbox")
@@ -51,13 +70,15 @@ describe("<RuleImplementationsActions />", () => {
   });
 
   it("as user I do not see execute rules actions if I have no permission", async () => {
-    const noPermProps = {
-      actions: {},
-      executionGroupLoading: false,
-      ruleImplementationCount: 12,
-      implementationsExecution: true,
-    };
-    const rendered = render(<RuleImplementationsActions {...noPermProps} />);
+    useSearchContext.mockReturnValue({
+      searchData: {
+        _actions: {},
+      },
+      count: 12,
+      loading: false,
+    });
+
+    const rendered = render(<RuleImplementationsActions {...props} />);
     await waitForLoad(rendered);
     expect(
       rendered.container.querySelector("#execute_checkbox")
@@ -66,25 +87,29 @@ describe("<RuleImplementationsActions />", () => {
   });
 
   it("as non admin user I can see an active checkbox if executeImplementationsOn", async () => {
+    useSearchContext.mockReturnValue({
+      searchData: {
+        data: [{ id: 1 }],
+        _actions: { execute: {} },
+      },
+      count: 12,
+      loading: false,
+    });
+
     const activeProps = {
-      actions: { execute: {} },
-      executionGroupLoading: false,
-      ruleImplementationCount: 12,
-      implementationsExecution: true,
+      ...props,
       executeImplementationsOn: true,
     };
+
     const rendered = render(<RuleImplementationsActions {...activeProps} />);
     await waitForLoad(rendered);
     const checkbox = rendered.container.querySelector("#execute_checkbox");
     expect(checkbox).toBeInTheDocument();
     expect(checkbox).toBeChecked();
-    expect(
-      rendered.getByText(/implementations.actions.download.tooltip/i)
-    ).toBeInTheDocument();
   });
 
   it("handles checkbox onChange", async () => {
-    const user = userEvent.setup({ delay: null }); // Asynchronous userEvent setup
+    const user = userEvent.setup({ delay: null });
     const rendered = render(<RuleImplementationsActions {...props} />);
     await waitForLoad(rendered);
 
@@ -94,21 +119,14 @@ describe("<RuleImplementationsActions />", () => {
 
     await user.click(checkbox);
     expect(setMode).toHaveBeenCalledWith(true);
-    expect(addImplementationFilter).toHaveBeenCalledWith({
-      filter: "executable",
-    });
-    expect(toggleImplementationFilterValue).toHaveBeenCalledWith({
-      filter: "executable",
-      value: true,
-    });
 
+    const thisProps = {
+      ...props,
+      executeImplementationsOn: true,
+    };
     // Reset and test unchecking
     setMode.mockReset();
-    rendered.rerender(
-      <RuleImplementationsActions
-        {...{ ...props, executeImplementationsOn: true }}
-      />
-    );
+    rendered.rerender(<RuleImplementationsActions {...thisProps} />);
     await waitForLoad(rendered);
 
     const updatedCheckbox =
@@ -117,8 +135,5 @@ describe("<RuleImplementationsActions />", () => {
 
     await user.click(updatedCheckbox);
     expect(setMode).toHaveBeenCalledWith(false);
-    expect(removeImplementationFilter).toHaveBeenCalledWith({
-      filter: "executable",
-    });
   });
 });

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

@@ -1,12 +1,37 @@
 import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import RuleImplementationsOptions from "../RuleImplementationsOptions";
 
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
+const { useSearchContext } = require("@truedat/core/search/SearchContext");
+
 const props = { canUploadResults: true };
 
 describe("<RuleImplementationsOptions />", () => {
+  beforeEach(() => {
+    useSearchContext.mockReturnValue({
+      searchData: {
+        data: [{ id: 1 }],
+        scroll_id: null,
+      },
+      setOnSearchChange: jest.fn(),
+    });
+  });
+
   it("matches the latest snapshot", async () => {
-    const { container } = render(<RuleImplementationsOptions {...props} />);
-    await waitFor(() => expect(container).toMatchSnapshot());
+    const rendered = render(<RuleImplementationsOptions {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,7 +1,20 @@
 import userEvent from "@testing-library/user-event";
 import { render, waitForLoad } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
 import { RuleImplementationsTable } from "../RuleImplementationsTable";
 
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
 describe("<RuleImplementationsTable />", () => {
   const ruleImplementations = [1, 2, 3].map((id) => ({ id }));
   const columns = [
@@ -19,6 +32,17 @@ describe("<RuleImplementationsTable />", () => {
     sortImplementations,
   };
 
+  beforeEach(() => {
+    useSearchContext.mockReturnValue({
+      searchData: {
+        data: ruleImplementations,
+        scroll_id: null,
+      },
+      searchMust: {},
+      setOnSearchChange: jest.fn(),
+    });
+  });
+
   it("matches the latest snapshot", async () => {
     const rendered = render(<RuleImplementationsTable {...props} />);
     await waitForLoad(rendered);

package/src/components/__tests__/__snapshots__/ImplementationSearchResults.spec.js.snap

@@ -3,12 +3,36 @@
 exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
 <div>
   <div
+    border="1px red"
     class="ui bottom attached segment"
   >
     <div
       style="float: right;"
     >
       <div
+        class="ui fitted toggle checkbox bgOrange"
+        style="top: 6px; margin-right: 7.5px;"
+      >
+        <input
+          class="hidden"
+          id="execute_checkbox"
+          readonly=""
+          tabindex="0"
+          type="checkbox"
+        />
+        <label
+          for="execute_checkbox"
+        />
+      </div>
+      <button
+        class="ui secondary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        implementation.actions.do_execution
+      </button>
+      <div
+        aria-disabled="false"
         aria-expanded="false"
         class="ui floating dropdown button icon group-actions button-update"
         role="listbox"
@@ -22,8 +46,8 @@ exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
           class="menu transition left"
         >
           <div
-            aria-disabled="true"
-            class="disabled item"
+            aria-disabled="false"
+            class="item"
             role="option"
           >
             <i
@@ -31,15 +55,11 @@ exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
               class="download icon"
             />
             <span>
-              implementations.actions.download.tooltip
+              implementations.actions.downloadXlsx.tooltip
             </span>
-            <p
-              class="menu-item-description"
-            >
-              implementations.actions.download.empty
-            </p>
           </div>
           <div
+            aria-disabled="false"
             class="item"
             role="option"
           >
@@ -59,14 +79,14 @@ exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
     <div
       class="ui action left icon input"
     >
-      <input
-        placeholder="implementations.search.placeholder"
-        type="text"
-      />
       <i
         aria-hidden="true"
         class="search link icon"
       />
+      <input
+        placeholder="search.placeholder"
+        type="text"
+      />
       <div
         aria-expanded="false"
         class="ui button floating labeled scrolling dropdown icon"
@@ -110,19 +130,24 @@ exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
       >
         ruleImplementations.retrieved.results
       </div>
-      <h4
-        class="ui header"
+      <div
+        class="implementations-table-overflow"
       >
-        <i
-          aria-hidden="true"
-          class="search icon"
-        />
-        <div
-          class="content"
+        <table
+          class="ui sortable table"
         >
-          ruleImplementations.search.results.empty
-        </div>
-      </h4>
+          <thead
+            class=""
+          >
+            <tr
+              class=""
+            />
+          </thead>
+          <tbody
+            class=""
+          />
+        </table>
+      </div>
     </div>
   </div>
 </div>
@@ -131,12 +156,34 @@ exports[`<ImplementationSearchResults /> matches the latest snapshot 1`] = `
 exports[`<ImplementationSearchResults /> renders executions on when executionEnabled is true 1`] = `
 <div>
   <div
+    border="1px red"
     class="ui bottom attached segment"
   >
     <div
       style="float: right;"
     >
       <div
+        class="ui checked fitted toggle checkbox bgOrange"
+        style="top: 6px; margin-right: 7.5px;"
+      >
+        <input
+          class="hidden"
+          id="execute_checkbox"
+          readonly=""
+          tabindex="0"
+          type="checkbox"
+        />
+        <label
+          for="execute_checkbox"
+        />
+      </div>
+      <button
+        class="ui secondary button"
+      >
+        implementation.actions.do_execution
+      </button>
+      <div
+        aria-disabled="false"
         aria-expanded="false"
         class="ui floating dropdown button icon group-actions button-update"
         role="listbox"
@@ -150,8 +197,8 @@ exports[`<ImplementationSearchResults /> renders executions on when executionEna
           class="menu transition left"
         >
           <div
-            aria-disabled="true"
-            class="disabled item"
+            aria-disabled="false"
+            class="item"
             role="option"
           >
             <i
@@ -159,15 +206,11 @@ exports[`<ImplementationSearchResults /> renders executions on when executionEna
               class="download icon"
             />
             <span>
-              implementations.actions.download.tooltip
+              implementations.actions.downloadXlsx.tooltip
             </span>
-            <p
-              class="menu-item-description"
-            >
-              implementations.actions.download.empty
-            </p>
           </div>
           <div
+            aria-disabled="false"
             class="item"
             role="option"
           >
@@ -187,14 +230,14 @@ exports[`<ImplementationSearchResults /> renders executions on when executionEna
     <div
       class="ui action left icon input"
     >
-      <input
-        placeholder="implementations.search.placeholder"
-        type="text"
-      />
       <i
         aria-hidden="true"
         class="search link icon"
       />
+      <input
+        placeholder="search.placeholder"
+        type="text"
+      />
       <div
         aria-expanded="false"
         class="ui button floating labeled scrolling dropdown icon"
@@ -243,19 +286,43 @@ exports[`<ImplementationSearchResults /> renders executions on when executionEna
       >
         implementations.execute.filtered
       </div>
-      <h4
-        class="ui header"
+      <div
+        class="implementations-table-overflow"
       >
-        <i
-          aria-hidden="true"
-          class="search icon"
-        />
-        <div
-          class="content"
+        <table
+          class="ui sortable table"
         >
-          ruleImplementations.search.results.empty
-        </div>
-      </h4>
+          <thead
+            class=""
+          >
+            <tr
+              class=""
+            >
+              <th
+                class="center aligned"
+              >
+                <div
+                  class="ui fitted checkbox"
+                >
+                  <input
+                    class="hidden"
+                    id="selectImplementation"
+                    readonly=""
+                    tabindex="0"
+                    type="checkbox"
+                  />
+                  <label
+                    for="selectImplementation"
+                  />
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class=""
+          />
+        </table>
+      </div>
     </div>
   </div>
 </div>

package/src/components/__tests__/__snapshots__/ImplementationUploadJobBreadcrumbs.spec.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ImplementationUploadJobBreadcrumbs renders breadcrumbs with filename 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/implementations/uploadJobs"
+    >
+      sidemenu.implementations_upload_jobs
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      test.csv
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImplementationUploadJobBreadcrumbs renders breadcrumbs without filename 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/implementations/uploadJobs"
+    >
+      sidemenu.implementations_upload_jobs
+    </a>
+  </div>
+</div>
+`;