@truedat/qx 7.5.9 → 7.5.11

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap

@@ -7,9 +7,10 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
   >
     <a
       class="section"
+      data-discover="true"
       href="/qualityControls"
     >
-      Quality Controls
+      quality_controls.header
     </a>
     <i
       aria-hidden="true"
@@ -50,7 +51,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
                 <div
                   class="ui label no-margin"
                 >
-                  Percentage
+                  quality_control.control_mode.percentage
                 </div>
                 <div
                   class="flex-gapped"
@@ -59,7 +60,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
                     aria-hidden="true"
                     class="green play fitted icon"
                   />
-                  Enabled
+                  quality_control.props.active.true
                 </div>
               </div>
             </div>
@@ -75,7 +76,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
           <button
             class="ui secondary button"
           >
-            Execute quality control
+            quality_control.actions.do_execution
           </button>
           <div
             aria-disabled="false"
@@ -105,13 +106,14 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
                 <span
                   class="text"
                 >
-                  Deprecate
+                  quality_controls.actions.deprecate
                 </span>
               </div>
               <a
                 aria-checked="false"
                 aria-selected="false"
                 class="item"
+                data-discover="true"
                 href="/qualityControls/8/version/1/new_draft"
                 role="option"
                 style="pointer-events: all;"
@@ -123,7 +125,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
                 <span
                   class="text"
                 >
-                  Create Draft
+                  quality_controls.actions.create_draft
                 </span>
               </a>
               <button
@@ -133,7 +135,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
                   aria-hidden="true"
                   class="pause icon"
                 />
-                Disable
+                quality_controls.actions.disable
               </button>
               <button
                 class="ui button"
@@ -152,28 +154,31 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
     <div
       class="ui olive tag label float-right"
     >
-      Draft
+      quality_control.status.draft
     </div>
     <div
       class="ui pointing secondary top attached tabular menu"
     >
       <a
         class="item"
+        data-discover="true"
         href="/qualityControls/8/version/1"
       >
-        Detail
+        quality_control.tabs.quality_control
       </a>
       <a
         class="item"
+        data-discover="true"
         href="/qualityControls/8/version/1/history"
       >
-        History
+        quality_control.tabs.history
       </a>
       <a
         class="item"
+        data-discover="true"
         href="/qualityControls/8/version/1/scores"
       >
-        Scores
+        quality_control.tabs.scores
       </a>
     </div>
   </div>

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHistory.spec.js.snap

@@ -38,6 +38,7 @@ exports[`<QualityControlsHistory /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/1"
           >
             tests v1
@@ -61,6 +62,7 @@ exports[`<QualityControlsHistory /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/2"
           >
             test

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlRow.spec.js.snap

@@ -11,6 +11,7 @@ exports[`<QualityControlRow /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/1"
           >
             test
@@ -75,7 +76,6 @@ exports[`<QualityControlRow /> withCheck set to true 1`] = `
               readonly=""
               tabindex="0"
               type="checkbox"
-              value=""
             />
             <label
               for="row-checkbox-8"
@@ -86,6 +86,7 @@ exports[`<QualityControlRow /> withCheck set to true 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/1"
           >
             test

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlScores.spec.js.snap

@@ -52,6 +52,7 @@ exports[`<QualityControlScores /> matches the latest snapshot 1`] = `
         >
           <a
             class="ui active ribbon label"
+            data-discover="true"
             href="/qualityControls/8/version/1/history"
           >
             Version: 1
@@ -65,6 +66,7 @@ exports[`<QualityControlScores /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/scores/15"
           >
             <time
@@ -118,6 +120,7 @@ exports[`<QualityControlScores /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/scores/16"
           >
             <time

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlTabs.spec.js.snap

@@ -7,18 +7,21 @@ exports[`<QualityControlTabs /> matches the latest snapshot 1`] = `
   >
     <a
       class="active item"
+      data-discover="true"
       href="/qualityControls/8/version/1"
     >
       Detail
     </a>
     <a
       class="item"
+      data-discover="true"
       href="/qualityControls/8/version/1/history"
     >
       History
     </a>
     <a
       class="item"
+      data-discover="true"
       href="/qualityControls/8/version/1/scores"
     >
       Scores

package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap

@@ -15,11 +15,11 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Quality Controls
+        quality_controls.header
         <div
           class="sub header"
         >
-          List and edit quality controls
+          quality_controls.subheader
         </div>
       </div>
     </h2>
@@ -37,7 +37,7 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
             class="search link icon"
           />
           <input
-            placeholder="Search..."
+            placeholder="search.placeholder"
             type="text"
             value=""
           />
@@ -93,7 +93,6 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
               readonly=""
               tabindex="0"
               type="checkbox"
-              value=""
             />
             <label
               for="execute_checkbox"
@@ -104,14 +103,15 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
             disabled=""
             tabindex="-1"
           >
-            Execute quality control
+            quality_control.actions.do_execution
           </button>
           <a
             class="ui primary button"
+            data-discover="true"
             href="/qualityControls/new"
             role="button"
           >
-            Create control
+            quality_controls.actions.create
           </a>
         </div>
       </div>
@@ -119,22 +119,11 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
     <div
       class="ui label quality-controls-label-results"
     >
-      1 quality controls found
+      quality_controls.retrieved.results
     </div>
     <div
       class="dimmable"
     >
-      <div
-        class="ui inverted dimmer"
-      >
-        <div
-          class="content"
-        >
-          <div
-            class="ui loader"
-          />
-        </div>
-      </div>
       <table
         class="ui sortable table"
       >
@@ -147,7 +136,7 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
             <th
               class=""
             >
-              Name
+              name
             </th>
             <th
               class="two wide"
@@ -186,6 +175,7 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
               class=""
             >
               <a
+                data-discover="true"
                 href="/qualityControls/8/version/1"
               >
                 test
@@ -199,12 +189,12 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
             <td
               class=""
             >
-              Percentage
+              quality_control.control_mode.percentage
             </td>
             <td
               class=""
             >
-              Published
+              quality_control.status.published
             </td>
             <td
               class=""

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlsTable.spec.js.snap

@@ -53,6 +53,7 @@ exports[`<QualityControlsTable /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/8/version/1"
           >
             test
@@ -99,6 +100,7 @@ exports[`<QualityControlsTable /> matches the latest snapshot 1`] = `
           class=""
         >
           <a
+            data-discover="true"
             href="/qualityControls/9/version/1"
           >
             Foo

package/src/components/qualityControls/controlProperties/Count.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useContext } from "react";
+import { use } from "react";
 import { useQuery } from "@apollo/client";
 import { useFormContext } from "react-hook-form";
 import { Loading } from "@truedat/core/components";
@@ -11,11 +11,10 @@ import { useFunctions } from "@truedat/qx/hooks/useFunctions";
 import ResourceSelector from "@truedat/qx/components/common/ResourceSelector";
 
 export default function Count() {
-  const { field } = useContext(QxContext);
+  const { field } = use(QxContext);
   const { watch } = useFormContext();
 
   const formData = watch();
-
   const { source_id: sourceId } = formData;
 
   const { data, loading: dataViewsLoading } = useDataViews();
@@ -33,6 +32,7 @@ export default function Count() {
     _.sortBy([({ name }) => lowerDeburrTrim(name), "name"]),
     _.map((row) => ({ ...row, id: Number(row?.id) }))
   )(referenceDatasetsData);
+
   const context = {
     dataViews,
     referenceDatasets,
@@ -43,14 +43,14 @@ export default function Count() {
     <Loading />
   ) : (
     <>
-      <QxContext.Provider
+      <QxContext
         value={{ ...context, sourceId, field: `${field}.errors_resource` }}
       >
         <ResourceSelector
           required
           labelId="quality_control.form.control_properties.count.errors_resource"
         />
-      </QxContext.Provider>
+      </QxContext>
     </>
   );
 }

package/src/components/qualityControls/controlProperties/Ratio.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useContext } from "react";
+import { use } from "react";
 import { useQuery } from "@apollo/client";
 import { useFormContext } from "react-hook-form";
 import { Loading } from "@truedat/core/components";
@@ -13,7 +13,7 @@ import ResourceSelector from "@truedat/qx/components/common/ResourceSelector";
 import { Clauses } from "@truedat/qx/components/common/expressions";
 
 export default function Ratio() {
-  const { field } = useContext(QxContext);
+  const { field } = use(QxContext);
   const { watch } = useFormContext();
 
   const formData = watch();
@@ -52,17 +52,15 @@ export default function Ratio() {
     <Loading />
   ) : (
     <>
-      <QxContext.Provider
-        value={{ ...context, sourceId, field: `${field}.resource` }}
-      >
+      <QxContext value={{ ...context, sourceId, field: `${field}.resource` }}>
         <ResourceSelector
           required
           labelId="quality_control.form.control_properties.ratio.resource"
         />
-      </QxContext.Provider>
+      </QxContext>
       {resource?.id ? (
         <div className="vertical-space">
-          <QxContext.Provider
+          <QxContext
             value={{
               ...context,
               sourceId,
@@ -71,7 +69,7 @@ export default function Ratio() {
             }}
           >
             <Clauses labelId="quality_control.form.control_properties.ratio.validation" />
-          </QxContext.Provider>
+          </QxContext>
         </div>
       ) : null}
     </>

package/src/components/qualityControls/controlProperties/__tests__/Count.spec.js

@@ -1,8 +1,6 @@
-import React from "react";
-import { render } from "@truedat/test/render";
-import { waitFor } from "@testing-library/react";
-import { REFERENCE_DATASETS_HEADERS_QUERY } from "@truedat/dd/api/queries";
+import { render, waitForLoad } from "@truedat/test/render";
 import TestFormWrapper from "@truedat/qx/components/common/TestFormWrapper";
+import { REFERENCE_DATASETS_HEADERS_QUERY } from "@truedat/dd/api/queries";
 import Count from "../Count";
 
 jest.mock("@truedat/qx/hooks/useDataViews", () => {
@@ -31,6 +29,7 @@ const dataSet = {
   name: "dataset1",
   headers: ["campo1", "campo2"],
 };
+
 const referenceDatasetsMock = {
   request: { query: REFERENCE_DATASETS_HEADERS_QUERY },
   result: { data: { referenceDatasets: [dataSet], loading: false } },
@@ -38,7 +37,6 @@ const referenceDatasetsMock = {
 
 const renderOpts = {
   mocks: [referenceDatasetsMock],
-  fallback: "lazy",
 };
 
 const context = {
@@ -56,16 +54,13 @@ const context = {
 
 describe("<Count />", () => {
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
+    const rendered = render(
       <TestFormWrapper context={context}>
         <Count />
       </TestFormWrapper>,
       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();
   });
 });

package/src/components/qualityControls/controlProperties/__tests__/Ratio.spec.js

@@ -1,6 +1,6 @@
-import React from "react";
-import { render } from "@truedat/test/render";
+import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
 import { REFERENCE_DATASETS_HEADERS_QUERY } from "@truedat/dd/api/queries";
 import TestFormWrapper from "@truedat/qx/components/common/TestFormWrapper";
 import Ratio from "../Ratio";
@@ -31,26 +31,14 @@ const dataSet = {
   name: "dataset1",
   headers: ["campo1", "campo2"],
 };
+
 const referenceDatasetsMock = {
   request: { query: REFERENCE_DATASETS_HEADERS_QUERY },
   result: { data: { referenceDatasets: [dataSet], loading: false } },
 };
 
-const messages = {
-  en: {
-    "quality_control.form.control_properties.ratio.resource": "Dataset",
-    "queryables.resource.type": "Resource type",
-    "queryables.resource.type.data_structure": "Data structures",
-    "queryables.resource.type.reference_dataset": "Reference datasets",
-    "expression.clause.action.addGroup": "Add group",
-    "quality_control.form.control_properties.ratio.validation": "Validation",
-  },
-};
-
 const renderOpts = {
   mocks: [referenceDatasetsMock],
-  fallback: "lazy",
-  messages,
 };
 
 const defaultValues = {
@@ -78,18 +66,15 @@ const context = {
 
 describe("<Ratio />", () => {
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
+    const rendered = render(
       <TestFormWrapper context={context} defaultValues={defaultValues}>
         <Ratio />
       </TestFormWrapper>,
       renderOpts
     );
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    });
+    await waitForLoad(rendered);
 
-    expect(container).toMatchSnapshot();
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("matches the latest snapshot when there is not resource", async () => {
@@ -99,17 +84,14 @@ describe("<Ratio />", () => {
         resource: {},
       },
     };
-    const { container, queryByText } = render(
+    const rendered = render(
       <TestFormWrapper context={context} defaultValues={newDefaultValues}>
         <Ratio />
       </TestFormWrapper>,
       renderOpts
     );
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loader")).not.toBeInTheDocument();
-    });
+    await waitForLoad(rendered);
 
-    expect(container).toMatchSnapshot();
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Ratio.spec.js.snap

@@ -6,7 +6,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
     class="required field"
   >
     <label>
-      Dataset
+      quality_control.form.control_properties.ratio.resource
     </label>
     <div
       aria-expanded="false"
@@ -20,7 +20,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
         class="divider default text"
         role="alert"
       >
-        Resource type
+        queryables.resource.type
       </div>
       <i
         aria-hidden="true"
@@ -39,7 +39,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
           <span
             class="text"
           >
-            Data structures
+            queryables.resource.type.data_structure
           </span>
         </div>
         <div
@@ -52,7 +52,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
           <span
             class="text"
           >
-            Reference datasets
+            queryables.resource.type.reference_dataset
           </span>
         </div>
       </div>
@@ -65,7 +65,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
       class="field"
     >
       <label>
-        Validation
+        quality_control.form.control_properties.ratio.validation
       </label>
       <div
         class="ui horizontal divider"
@@ -73,7 +73,7 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
         <button
           class="ui mini button"
         >
-          Add group
+          expression.clause.action.addGroup
         </button>
       </div>
     </div>
@@ -87,7 +87,7 @@ exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] =
     class="required field"
   >
     <label>
-      Dataset
+      quality_control.form.control_properties.ratio.resource
     </label>
     <div
       aria-expanded="false"
@@ -101,7 +101,7 @@ exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] =
         class="divider default text"
         role="alert"
       >
-        Resource type
+        queryables.resource.type
       </div>
       <i
         aria-hidden="true"
@@ -120,7 +120,7 @@ exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] =
           <span
             class="text"
           >
-            Data structures
+            queryables.resource.type.data_structure
           </span>
         </div>
         <div
@@ -133,7 +133,7 @@ exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] =
           <span
             class="text"
           >
-            Reference datasets
+            queryables.resource.type.reference_dataset
           </span>
         </div>
       </div>

package/src/components/qualityControls/qualityByControlMode.js

@@ -15,8 +15,8 @@ export default function qualityByControlMode(score) {
           scoreContent.count < scoreCriteria.goal
             ? "green"
             : scoreContent.count < scoreCriteria.maximum
-            ? "yellow"
-            : "red",
+              ? "yellow"
+              : "red",
         label1: "quality_control.score_criteria.count.goal",
         value1: scoreCriteria.goal,
         label2: "quality_control.score_criteria.count.maximum",
@@ -36,10 +36,10 @@ export default function qualityByControlMode(score) {
           scoreContent.total_count == 0
             ? "grey"
             : deviationRatio < scoreCriteria.goal
-            ? "green"
-            : deviationRatio < scoreCriteria.maximum
-            ? "yellow"
-            : "red",
+              ? "green"
+              : deviationRatio < scoreCriteria.maximum
+                ? "yellow"
+                : "red",
         label1: "quality_control.score_criteria.deviation.goal",
         value1: scoreCriteria.goal,
         label2: "quality_control.score_criteria.deviation.maximum",
@@ -62,10 +62,10 @@ export default function qualityByControlMode(score) {
           scoreContent.total_count == 0
             ? "grey"
             : percentageRatio > scoreCriteria.goal
-            ? "green"
-            : percentageRatio > scoreCriteria.minimum
-            ? "yellow"
-            : "red",
+              ? "green"
+              : percentageRatio > scoreCriteria.minimum
+                ? "yellow"
+                : "red",
         label1: "quality_control.score_criteria.percentage.minimum",
         value1: scoreCriteria.minimum,
         label2: "quality_control.score_criteria.percentage.goal",
@@ -86,10 +86,10 @@ export default function qualityByControlMode(score) {
           scoreContent.total_count == 0
             ? "grey"
             : errorCount > scoreCriteria.goal
-            ? "green"
-            : errorCount > scoreCriteria.maximum
-            ? "yellow"
-            : "red",
+              ? "green"
+              : errorCount > scoreCriteria.maximum
+                ? "yellow"
+                : "red",
         label1: "quality_control.score_criteria.error_count.goal",
         value1: scoreCriteria.goal,
         label2: "quality_control.score_criteria.error_count.maximum",