@truedat/qx 8.10.2 → 8.10.4

package/src/components/functions/__tests__/__snapshots__/FunctionsList.spec.js.snap

@@ -0,0 +1,588 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<FunctionsList /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="archive circular icon"
+      />
+      <div
+        class="content"
+      >
+        Quality Functions
+        <div
+          class="sub header"
+        >
+          List and edit quality functions
+        </div>
+      </div>
+    </h2>
+    <a
+      class="ui primary right floated button"
+      data-discover="true"
+      href="/functions/new"
+      role="button"
+    >
+      New function
+    </a>
+    <div
+      class="ui hidden divider"
+    />
+    <div>
+      <div
+        class="ui icon input"
+      >
+        <input
+          placeholder="Search..."
+          type="text"
+        />
+        <i
+          aria-hidden="true"
+          class="search icon"
+        />
+      </div>
+    </div>
+    <div
+      class="ui label"
+      style="float: right;"
+    >
+      15 functions
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <table
+      class="ui sortable table"
+    >
+      <thead
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <th
+            class="two wide"
+          >
+            Type
+          </th>
+          <th
+            class=""
+          >
+            Name
+          </th>
+          <th
+            class=""
+          >
+            label
+          </th>
+          <th
+            class="three wide"
+          >
+            Class
+          </th>
+          <th
+            class=""
+          >
+            Description
+          </th>
+          <th
+            class="center aligned two wide disabled"
+          >
+            Parameters
+          </th>
+        </tr>
+      </thead>
+      <tbody
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/1"
+            >
+              func_1
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            aggregator
+          </td>
+          <td
+            class=""
+          >
+            Description 1
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/2"
+            >
+              func_2
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            Description 2
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/3"
+            >
+              func_3
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            aggregator
+          </td>
+          <td
+            class=""
+          >
+            Description 3
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/4"
+            >
+              func_4
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            Description 4
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/5"
+            >
+              func_5
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            aggregator
+          </td>
+          <td
+            class=""
+          >
+            Description 5
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/6"
+            >
+              func_6
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            Description 6
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/7"
+            >
+              func_7
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            aggregator
+          </td>
+          <td
+            class=""
+          >
+            Description 7
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/8"
+            >
+              func_8
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            Description 8
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/9"
+            >
+              func_9
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            aggregator
+          </td>
+          <td
+            class=""
+          >
+            Description 9
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <div
+              class="ui teal tiny circular label"
+              width="100px"
+            >
+              b
+            </div>
+          </td>
+          <td
+            class=""
+          >
+            <a
+              data-discover="true"
+              href="/functions/10"
+            >
+              func_10
+            </a>
+          </td>
+          <td
+            class=""
+          />
+          <td
+            class=""
+          />
+          <td
+            class=""
+          >
+            Description 10
+          </td>
+          <td
+            class="center aligned"
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <div
+      aria-label="Pagination Navigation"
+      class="ui pagination menu"
+      role="navigation"
+    >
+      <a
+        aria-current="false"
+        aria-disabled="false"
+        aria-label="First item"
+        class="item"
+        tabindex="0"
+        type="firstItem"
+        value="1"
+      >
+        «
+      </a>
+      <a
+        aria-current="false"
+        aria-disabled="false"
+        aria-label="Previous item"
+        class="item"
+        tabindex="0"
+        type="prevItem"
+        value="1"
+      >
+        ⟨
+      </a>
+      <a
+        aria-current="true"
+        aria-disabled="false"
+        class="active item"
+        tabindex="0"
+        type="pageItem"
+        value="1"
+      >
+        1
+      </a>
+      <a
+        aria-current="false"
+        aria-disabled="false"
+        class="item"
+        tabindex="0"
+        type="pageItem"
+        value="2"
+      >
+        2
+      </a>
+      <a
+        aria-current="false"
+        aria-disabled="false"
+        aria-label="Next item"
+        class="item"
+        tabindex="0"
+        type="nextItem"
+        value="2"
+      >
+        ⟩
+      </a>
+      <a
+        aria-current="false"
+        aria-disabled="false"
+        aria-label="Last item"
+        class="item"
+        tabindex="0"
+        type="lastItem"
+        value="2"
+      >
+        »
+      </a>
+    </div>
+  </div>
+</div>
+`;

package/src/components/qualityControls/__tests__/NewQualityControl.spec.js

@@ -31,6 +31,7 @@ jest.mock("@truedat/qx/hooks/useFunctions", () => ({
         {
           name: "eq",
           type: "boolean",
+          class: "comparison",
           params: [
             { name: "arg1", type: "any" },
             { name: "arg2", type: "any" },
@@ -207,6 +208,9 @@ describe("<NewQualityControl />", () => {
 
     await act(async () => {
       await user.click(rendered.getAllByRole("option", { name: /campo1/ })[0]);
+      await user.click(
+        rendered.getByText("expression.condition.selectFunction"),
+      );
       await user.click(rendered.getByRole("option", { name: "eq" }));
       await user.click(rendered.getAllByRole("option", { name: /campo2/ })[1]);
     });

package/src/components/qualityControls/__tests__/QualityControlEditor.spec.js

@@ -22,6 +22,7 @@ jest.mock("@truedat/qx/hooks/useFunctions", () => ({
         {
           name: "eq",
           type: "boolean",
+          class: "comparison",
           params: [
             { name: "arg1", type: "any" },
             { name: "arg2", type: "any" },
@@ -374,7 +375,13 @@ describe("<QualityControlEditor />", () => {
 
     await act(async () => {
       await user.click(rendered.getAllByRole("option", { name: /campo1/ })[0]);
-      await user.click(rendered.getByRole("option", { name: /eq/i }));
+    });
+    await waitFor(() =>
+      expect(rendered.getByText(/select function/i)).toBeInTheDocument(),
+    );
+    await act(async () => {
+      await user.click(rendered.getByText(/select function/i));
+      await user.click(rendered.getByText(/eq/i));
       await user.click(rendered.getAllByRole("option", { name: /campo2/ })[1]);
     });