@truedat/dq 4.50.4 → 4.51.0

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

@@ -0,0 +1,51 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import { MY_EXECUTION_GROUPS_QUERY } from "../../api/queries";
+import ExecutionGroups from "../ExecutionGroups";
+
+const group = {
+  id: "123",
+  insertedAt: "2022-02-02T12:22:25Z",
+  statusCounts: {
+    PENDING: 1,
+    STARTED: 2,
+    SUCCEEDED: 3,
+    FAILED: 4,
+  },
+  dfContent: null,
+};
+
+const executionGroupsConnection = {
+  totalCount: 123,
+  pageInfo: {
+    endCursor: null,
+    hasNextPage: null,
+    hasPreviousPage: true,
+    startCursor: "xyz",
+  },
+  page: [group, group],
+};
+
+const executionGroupsMock = {
+  request: { query: MY_EXECUTION_GROUPS_QUERY, variables: { last: 20 } },
+  result: { data: { me: { id: "123", executionGroupsConnection } } },
+};
+
+const renderOpts = {
+  state: {},
+  mocks: [executionGroupsMock],
+};
+
+describe("<ExecutionGroups />", () => {
+  it("matches the latest snapshot with a row per execution group", async () => {
+    const { container, queryByText, queryAllByRole } = render(
+      <ExecutionGroups />,
+      renderOpts
+    );
+    await waitFor(() => expect(queryByText(/pending/i)).toBeInTheDocument());
+
+    expect(container).toMatchSnapshot();
+    expect(queryAllByRole("row")).toHaveLength(3); // 2 rows + header
+  });
+});

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

@@ -0,0 +1,30 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ExecutionGroupsTable from "../ExecutionGroupsTable";
+
+const renderOpts = {
+  state: {},
+};
+
+const executionGroup = {
+  id: "123",
+  insertedAt: "2022-02-02T12:22:25Z",
+  statusCounts: {
+    PENDING: 1,
+    STARTED: 2,
+    SUCCEEDED: 3,
+    FAILED: 4,
+  },
+};
+
+describe("<ExecutionGroupsTable />", () => {
+  const props = { page: [executionGroup] };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <ExecutionGroupsTable {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -1,108 +1,144 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ExecutionGroup /> matches the latest snapshot 1`] = `
-<Fragment>
-  <ExecutionGroupMessage
-    count={1}
-    error={1}
-    pending={-1}
-  />
-  <Table
-    as="table"
+<div>
+  <div
+    class="ui breadcrumb"
   >
-    <TableHeader
-      as="thead"
+    <a
+      class="section"
+      href="/executionGroups"
     >
-      <TableRow
-        as="tr"
-        cellAs="td"
+      My Executions
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    />
+  </div>
+  <div
+    class="ui message"
+  >
+    <div
+      class="content"
+    >
+      <div
+        class="header"
+      >
+        Executions scheduled
+      </div>
+      <p>
+        There are 1 executions pending, please check again later.
+      </p>
+    </div>
+  </div>
+  <table
+    class="ui table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
       >
-        <TableHeaderCell
-          as="th"
-          content="ruleImplementations.props.status"
-          key="ruleImplementations.props.status"
-        />
-        <TableHeaderCell
-          as="th"
-          content="ruleImplementations.props.implementation_key"
-          key="ruleImplementations.props.implementation_key"
-        />
-        <TableHeaderCell
-          as="th"
-          content="rule.props.name"
-          key="rule.props.name"
-        />
-        <TableHeaderCell
-          as="th"
-          content="ruleResult.props.date"
-          key="ruleResult.props.date"
-          textAlign="center"
-        />
-        <TableHeaderCell
-          as="th"
-          content="ruleResult.props.records"
-          key="ruleResult.props.records"
-          textAlign="right"
-        />
-        <TableHeaderCell
-          as="th"
-          content="ruleResult.props.errors"
-          key="ruleResult.props.errors"
-          textAlign="right"
-        />
-        <TableHeaderCell
-          as="th"
-          content="ruleResult.props.quality"
-          key="ruleResult.props.quality"
-        />
-      </TableRow>
-    </TableHeader>
-    <TableBody
-      as="tbody"
+        <th
+          class=""
+        >
+          Status
+        </th>
+        <th
+          class=""
+        >
+          Identifier
+        </th>
+        <th
+          class=""
+        >
+          Name
+        </th>
+        <th
+          class="center aligned"
+        >
+          Date
+        </th>
+        <th
+          class="right aligned"
+        >
+          Records
+        </th>
+        <th
+          class="right aligned"
+        >
+          Errors
+        </th>
+        <th
+          class=""
+        >
+          Quality
+        </th>
+      </tr>
+    </thead>
+    <tbody
+      class=""
     >
-      <ExecutionRow
-        execution={
-          Object {
-            "_embedded": Object {
-              "implementation": Object {
-                "goal": 20,
-                "id": 1,
-                "implementation_key": "foo",
-                "minimum": 10,
-                "result_type": "percentage",
-                "rule_id": 1,
-              },
-              "quality_events": Array [
-                Object {
-                  "execution_id": 1,
-                  "id": 1,
-                  "inserted_at": "2020-01-01 00:00:00Z",
-                  "message": "",
-                  "type": "SUCCESS",
-                },
-              ],
-              "result": Object {
-                "date": "2020-01-01 00:00:00Z",
-                "errors": 30,
-                "goal": 20,
-                "id": 1,
-                "implementation_key": "foo",
-                "minimum": 10,
-                "records": 100,
-                "result": 30,
-                "result_type": "percentage",
-              },
-              "rule": Object {
-                "id": 1,
-                "name": "rule_name",
-              },
-            },
-            "id": 1,
-          }
-        }
-        key="0"
-      />
-    </TableBody>
-  </Table>
-</Fragment>
+      <tr
+        class=""
+      >
+        <td
+          class=""
+        >
+          <i
+            aria-hidden="true"
+            class="question circle outline large icon"
+          />
+        </td>
+        <td
+          class=""
+        >
+          <a
+            href="/implementations/1/results"
+          >
+            foo
+          </a>
+        </td>
+        <td
+          class=""
+        >
+          rule_name
+        </td>
+        <td
+          class="center aligned"
+        >
+          <time
+            datetime="1577836800000"
+          >
+            2020-01-01 00:00
+          </time>
+        </td>
+        <td
+          class="right aligned"
+        >
+          100
+        </td>
+        <td
+          class="right aligned"
+        >
+          30
+        </td>
+        <td
+          class=""
+        >
+          <i
+            aria-hidden="true"
+            class="green circle icon"
+          />
+          30%
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
 `;

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

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ExecutionGroupBreadcrumbs /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/executionGroups"
+    >
+      My Executions
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      <time
+        datetime="1643805296789"
+      >
+        2022-02-02 12:34
+      </time>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ExecutionGroupContent /> matches the latest snapshot and renders dynamic content 1`] = `
+<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"
+      >
+        <div
+          class="default-value"
+        >
+          foo
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ExecutionGroupLink /> matches the latest snapshot 1`] = `
+<div>
+  <a
+    href="/executionGroups/123"
+  >
+    <time
+      datetime="1643805296789"
+    >
+      2022-02-02 12:34
+    </time>
+  </a>
+</div>
+`;

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

@@ -0,0 +1,155 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ExecutionGroups /> matches the latest snapshot with a row per execution group 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      My Executions
+    </h2>
+    <div
+      class="ui pagination menu"
+      role="navigation"
+    >
+      <div
+        aria-label="Latest"
+        class="disabled item"
+        to="[object Object]"
+      >
+        «
+      </div>
+      <div
+        aria-label="Later"
+        class="disabled item"
+      >
+        ⟨
+      </div>
+      <a
+        aria-label="Earlier"
+        class="link item"
+        href="/?before=xyz"
+      >
+        ⟩
+      </a>
+    </div>
+    <table
+      class="ui table"
+    >
+      <thead
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <th
+            class=""
+          >
+            Created
+          </th>
+          <th
+            class="right aligned"
+          >
+            Pending
+          </th>
+          <th
+            class="right aligned"
+          >
+            Started
+          </th>
+          <th
+            class="right aligned"
+          >
+            Succeeded
+          </th>
+          <th
+            class="right aligned"
+          >
+            Failed
+          </th>
+        </tr>
+      </thead>
+      <tbody
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <a
+              href="/executionGroups/123"
+            >
+              <time
+                datetime="1643804545000"
+              >
+                2022-02-02 12:22
+              </time>
+            </a>
+          </td>
+          <td
+            class="right aligned"
+          >
+            1
+          </td>
+          <td
+            class="right aligned"
+          >
+            2
+          </td>
+          <td
+            class="right aligned"
+          >
+            3
+          </td>
+          <td
+            class="right aligned"
+          >
+            4
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            <a
+              href="/executionGroups/123"
+            >
+              <time
+                datetime="1643804545000"
+              >
+                2022-02-02 12:22
+              </time>
+            </a>
+          </td>
+          <td
+            class="right aligned"
+          >
+            1
+          </td>
+          <td
+            class="right aligned"
+          >
+            2
+          </td>
+          <td
+            class="right aligned"
+          >
+            3
+          </td>
+          <td
+            class="right aligned"
+          >
+            4
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,84 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ExecutionGroupsTable /> matches the latest snapshot 1`] = `
+<div>
+  <table
+    class="ui table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <th
+          class=""
+        >
+          Created
+        </th>
+        <th
+          class="right aligned"
+        >
+          Pending
+        </th>
+        <th
+          class="right aligned"
+        >
+          Started
+        </th>
+        <th
+          class="right aligned"
+        >
+          Succeeded
+        </th>
+        <th
+          class="right aligned"
+        >
+          Failed
+        </th>
+      </tr>
+    </thead>
+    <tbody
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <td
+          class=""
+        >
+          <a
+            href="/executionGroups/123"
+          >
+            <time
+              datetime="1643804545000"
+            >
+              2022-02-02 12:22
+            </time>
+          </a>
+        </td>
+        <td
+          class="right aligned"
+        >
+          1
+        </td>
+        <td
+          class="right aligned"
+        >
+          2
+        </td>
+        <td
+          class="right aligned"
+        >
+          3
+        </td>
+        <td
+          class="right aligned"
+        >
+          4
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;