@truedat/qx 8.4.9 → 8.5.2

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

@@ -1,66 +0,0 @@
-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", () => {
-  const originalModule = jest.requireActual("@truedat/qx/hooks/useDataViews");
-
-  return {
-    __esModule: true,
-    ...originalModule,
-    useDataViews: jest.fn(() => ({
-      data: {
-        data: [
-          {
-            id: 4,
-            description: "Description",
-            name: "StructureView",
-          },
-        ],
-      },
-      loading: false,
-    })),
-  };
-});
-
-const dataSet = {
-  id: "7",
-  name: "dataset1",
-  headers: ["campo1", "campo2"],
-};
-
-const referenceDatasetsMock = {
-  request: { query: REFERENCE_DATASETS_HEADERS_QUERY },
-  result: { data: { referenceDatasets: [dataSet], loading: false } },
-};
-
-const renderOpts = {
-  mocks: [referenceDatasetsMock],
-};
-
-const context = {
-  functions: [
-    {
-      name: "eq",
-      type: "boolean",
-      params: [
-        { name: "arg1", type: "any" },
-        { name: "arg2", type: "any" },
-      ],
-    },
-  ],
-};
-
-describe("<Count />", () => {
-  it("matches the latest snapshot", async () => {
-    const rendered = render(
-      <TestFormWrapper context={context}>
-        <Count />
-      </TestFormWrapper>,
-      renderOpts
-    );
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-});

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

@@ -1,95 +0,0 @@
-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";
-
-jest.mock("@truedat/qx/hooks/useDataViews", () => {
-  const originalModule = jest.requireActual("@truedat/qx/hooks/useDataViews");
-
-  return {
-    __esModule: true,
-    ...originalModule,
-    useDataViews: jest.fn(() => ({
-      data: {
-        data: [
-          {
-            id: 4,
-            description: "Description",
-            name: "StructureView",
-          },
-        ],
-      },
-      loading: false,
-    })),
-  };
-});
-
-const dataSet = {
-  id: "7",
-  name: "dataset1",
-  headers: ["campo1", "campo2"],
-};
-
-const referenceDatasetsMock = {
-  request: { query: REFERENCE_DATASETS_HEADERS_QUERY },
-  result: { data: { referenceDatasets: [dataSet], loading: false } },
-};
-
-const renderOpts = {
-  mocks: [referenceDatasetsMock],
-};
-
-const defaultValues = {
-  source_id: "181",
-  control_properties: {
-    resource: {
-      id: 11859650,
-      embedded: { fields: [{ id: 11859651 }] },
-    },
-  },
-};
-
-const context = {
-  functions: [
-    {
-      name: "eq",
-      type: "boolean",
-      params: [
-        { name: "arg1", type: "any" },
-        { name: "arg2", type: "any" },
-      ],
-    },
-  ],
-};
-
-describe("<Ratio />", () => {
-  it("matches the latest snapshot", async () => {
-    const rendered = render(
-      <TestFormWrapper context={context} defaultValues={defaultValues}>
-        <Ratio />
-      </TestFormWrapper>,
-      renderOpts
-    );
-    await waitForLoad(rendered);
-
-    expect(rendered.container).toMatchSnapshot();
-  });
-
-  it("matches the latest snapshot when there is not resource", async () => {
-    const newDefaultValues = {
-      ...defaultValues,
-      control_properties: {
-        resource: {},
-      },
-    };
-    const rendered = render(
-      <TestFormWrapper context={context} defaultValues={newDefaultValues}>
-        <Ratio />
-      </TestFormWrapper>,
-      renderOpts
-    );
-    await waitForLoad(rendered);
-
-    expect(rendered.container).toMatchSnapshot();
-  });
-});

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

@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Count /> matches the latest snapshot 1`] = `
-<div>
-  <div
-    class="required field"
-  >
-    <label>
-      quality_control.form.control_properties.count.errors_resource
-    </label>
-    <div
-      class="disabled field"
-    >
-      <div
-        aria-disabled="true"
-        aria-expanded="false"
-        class="ui disabled selection dropdown"
-        role="listbox"
-        tabindex="-1"
-      >
-        <div
-          aria-atomic="true"
-          aria-live="polite"
-          class="divider default text"
-          role="alert"
-        >
-          queryables.resource.type
-        </div>
-        <i
-          aria-hidden="true"
-          class="dropdown icon"
-        />
-        <div
-          class="menu transition"
-        >
-          <div
-            aria-checked="false"
-            aria-selected="true"
-            class="selected item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.data_structure
-            </span>
-          </div>
-          <div
-            aria-checked="false"
-            aria-selected="false"
-            class="item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.reference_dataset
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,161 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Ratio /> matches the latest snapshot 1`] = `
-<div>
-  <div
-    class="required field"
-  >
-    <label>
-      quality_control.form.control_properties.ratio.resource
-    </label>
-    <div
-      class="field"
-    >
-      <div
-        aria-disabled="false"
-        aria-expanded="false"
-        class="ui selection dropdown"
-        role="listbox"
-        tabindex="0"
-      >
-        <div
-          aria-atomic="true"
-          aria-live="polite"
-          class="divider default text"
-          role="alert"
-        >
-          queryables.resource.type
-        </div>
-        <i
-          aria-hidden="true"
-          class="dropdown icon"
-        />
-        <div
-          class="menu transition"
-        >
-          <div
-            aria-checked="false"
-            aria-selected="true"
-            class="selected item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.data_structure
-            </span>
-          </div>
-          <div
-            aria-checked="false"
-            aria-selected="false"
-            class="item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.reference_dataset
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="vertical-space"
-  >
-    <div
-      class="field"
-    >
-      <label>
-        quality_control.form.control_properties.ratio.validation
-      </label>
-      <div
-        class="ui horizontal divider"
-      >
-        <div
-          class="ui medium basic buttons"
-        >
-          <button
-            class="ui button"
-          >
-            <i
-              aria-hidden="true"
-              class="plus icon"
-            />
-            expression.clause.action.addGroup
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] = `
-<div>
-  <div
-    class="required field"
-  >
-    <label>
-      quality_control.form.control_properties.ratio.resource
-    </label>
-    <div
-      class="field"
-    >
-      <div
-        aria-disabled="false"
-        aria-expanded="false"
-        class="ui selection dropdown"
-        role="listbox"
-        tabindex="0"
-      >
-        <div
-          aria-atomic="true"
-          aria-live="polite"
-          class="divider default text"
-          role="alert"
-        >
-          queryables.resource.type
-        </div>
-        <i
-          aria-hidden="true"
-          class="dropdown icon"
-        />
-        <div
-          class="menu transition"
-        >
-          <div
-            aria-checked="false"
-            aria-selected="true"
-            class="selected item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.data_structure
-            </span>
-          </div>
-          <div
-            aria-checked="false"
-            aria-selected="false"
-            class="item"
-            role="option"
-            style="pointer-events: all;"
-          >
-            <span
-              class="text"
-            >
-              queryables.resource.type.reference_dataset
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;

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

@@ -1,88 +0,0 @@
-import React, { use } from "react";
-import { useIntl } from "react-intl";
-import { Controller, useFormContext } from "react-hook-form";
-import { Form } from "semantic-ui-react";
-import QxContext from "@truedat/qx/components/QxContext";
-import { FieldLabel } from "@truedat/core/components";
-import { numberRules } from "@truedat/core/services/formRules";
-
-export default function Count() {
-  const { formatMessage } = useIntl();
-  const { field } = use(QxContext);
-  const { control, watch } = useFormContext();
-
-  const maximumField = `${field}.maximum`;
-  const goalField = `${field}.goal`;
-  const maximum = watch(maximumField);
-  const goal = watch(goalField);
-
-  return (
-    <>
-      <Controller
-        name={goalField}
-        control={control}
-        rules={numberRules({
-          formatMessage,
-          minValue: 0,
-          maxValue: maximum,
-          required: true,
-        })}
-        render={({
-          field: { onBlur, onChange, value },
-          fieldState: { error },
-        }) => (
-          <FieldLabel
-            label={formatMessage({
-              id: "quality_control.score_criteria.count.goal",
-            })}
-            required
-            error={error?.message}
-          >
-            <Form.Input
-              autoComplete="off"
-              placeholder={formatMessage({
-                id: "quality_control.score_criteria.count.goal",
-              })}
-              error={!!error}
-              onBlur={onBlur}
-              onChange={(_e, { value }) => onChange(value)}
-              value={value || ""}
-            />
-          </FieldLabel>
-        )}
-      />
-      <Controller
-        name={maximumField}
-        control={control}
-        rules={numberRules({
-          formatMessage,
-          minValue: goal,
-          required: true,
-        })}
-        render={({
-          field: { onBlur, onChange, value },
-          fieldState: { error },
-        }) => (
-          <FieldLabel
-            label={formatMessage({
-              id: "quality_control.score_criteria.count.maximum",
-            })}
-            required
-            error={error?.message}
-          >
-            <Form.Input
-              autoComplete="off"
-              placeholder={formatMessage({
-                id: "quality_control.score_criteria.count.maximum",
-              })}
-              error={!!error}
-              onBlur={onBlur}
-              onChange={(_e, { value }) => onChange(value)}
-              value={value || ""}
-            />
-          </FieldLabel>
-        )}
-      />
-    </>
-  );
-}

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

@@ -1,62 +0,0 @@
-import React from "react";
-import { render } from "@truedat/test/render";
-import { waitFor } from "@testing-library/react";
-import { fireEvent } from "@testing-library/react";
-import TestFormWrapper from "@truedat/qx/components/common/TestFormWrapper";
-import { messages } from "@truedat/qx/components/__tests__/__fixtures__/helper";
-import Count from "../Count";
-
-const renderOpts = { messages };
-
-describe("<Count />", () => {
-  it("matches the latest snapshot", async () => {
-    const { container } = render(
-      <TestFormWrapper>
-        <Count />
-      </TestFormWrapper>,
-      renderOpts
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  it("should update the goal and maximum fields correctly", async () => {
-    const defaultValues = { "testField.goal": "", "testField.maximum": "" };
-
-    const { getByPlaceholderText, queryByText } = render(
-      <TestFormWrapper defaultValues={defaultValues}>
-        <Count />
-      </TestFormWrapper>,
-      renderOpts
-    );
-
-    const goalInput = getByPlaceholderText("Goal");
-
-    const thresholdInput = getByPlaceholderText("Threshold");
-
-    fireEvent.change(goalInput, { target: { value: "10" } });
-    fireEvent.change(thresholdInput, { target: { value: "20" } });
-
-    await waitFor(() =>
-      expect(queryByText(/Must be greater than y/i)).not.toBeInTheDocument()
-    );
-  });
-
-  it("Show alert if thresholdInput is less than goal", async () => {
-    const { getByPlaceholderText, queryByText } = render(
-      <TestFormWrapper>
-        <Count />
-      </TestFormWrapper>,
-      renderOpts
-    );
-
-    const goalInput = getByPlaceholderText("Goal");
-    const thresholdInput = getByPlaceholderText("Threshold");
-
-    fireEvent.change(goalInput, { target: { value: "10" } });
-    fireEvent.change(thresholdInput, { target: { value: "1" } });
-
-    await waitFor(() =>
-      expect(queryByText(/Must be greater than 10/i)).toBeInTheDocument()
-    );
-  });
-});

package/src/components/qualityControls/scoreCriterias/__tests__/__snapshots__/Count.spec.js.snap

@@ -1,58 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<Count /> matches the latest snapshot 1`] = `
-<div>
-  <div
-    class="field"
-  >
-    <label
-      class="field-label"
-    >
-      Goal
-      <span>
-        *
-      </span>
-    </label>
-    <div
-      class="field"
-    >
-      <div
-        class="ui input"
-      >
-        <input
-          autocomplete="off"
-          placeholder="Goal"
-          type="text"
-          value=""
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    class="field"
-  >
-    <label
-      class="field-label"
-    >
-      Threshold
-      <span>
-        *
-      </span>
-    </label>
-    <div
-      class="field"
-    >
-      <div
-        class="ui input"
-      >
-        <input
-          autocomplete="off"
-          placeholder="Threshold"
-          type="text"
-          value=""
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;