@truedat/df 8.12.6 → 8.12.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/df",
-  "version": "8.12.6",
+  "version": "8.12.8",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
   "module": "src/index.js",
@@ -54,15 +54,15 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.12.6",
+    "@truedat/test": "8.12.8",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
   },
   "dependencies": {
     "@apollo/client": "^3.13.8",
-    "@truedat/core": "8.12.6",
-    "axios": "^1.15.0",
+    "@truedat/core": "8.12.8",
+    "axios": "^1.20.0",
     "graphql": "^16.11.0",
     "is-hotkey": "^0.2.0",
     "is-url": "^1.2.4",
@@ -90,5 +90,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "fe7375c2d3c6ebdaf3dacd985f56433eda477712"
+  "gitHead": "682b801555be3f898e0502fd70a48ea32110c327"
 }

package/src/components/FieldGroupWithTranslations.js

@@ -2,7 +2,7 @@ import PropTypes from "prop-types";
 import { Segment, Header, Grid, Tab } from "semantic-ui-react";
 import { useIntl } from "react-intl";
 import { useLanguage, I18nProvider } from "@truedat/core/i18n";
-import { LanguagesTabs } from "@truedat/core/components";
+import LanguagesTabs from "@truedat/core/components/LanguagesTabs";
 import {
   hasTranslatableFields,
   isTranslatableField,

package/src/components/FieldViewerValue.js

@@ -2,7 +2,8 @@ import _ from "lodash";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { Icon, Label, Table } from "semantic-ui-react";
-import { MarkdownReader, SafeLink } from "@truedat/core/components";
+import { MarkdownReader } from "@truedat/core/components/MarkdownReader";
+import SafeLink from "@truedat/core/components/SafeLink";
 import ImagePreview from "./widgets/ImagePreview";
 import SystemPreview from "./widgets/SystemPreview";
 

package/src/components/SelectDynamicFormWithTranslations.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useState } from "react";
 import PropTypes from "prop-types";
 import { Grid, Header } from "semantic-ui-react";
-import { TemplateSelector } from "@truedat/core/components";
+import TemplateSelector from "@truedat/core/components/TemplateSelector";
 import { applyTemplate, validateContent } from "@truedat/df/utils";
 import { useLanguage } from "@truedat/core/i18n";
 import { useIntl } from "react-intl";

package/src/components/SelectableDynamicForm.js

@@ -3,7 +3,7 @@ import { useState, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import { useQuery } from "@apollo/client";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
-import { TemplateSelector } from "@truedat/core/components";
+import TemplateSelector from "@truedat/core/components/TemplateSelector";
 import { validateContent } from "@truedat/df/utils";
 import DynamicForm from "./DynamicForm";
 

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

@@ -1,5 +1,6 @@
 import { fireEvent, waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DynamicForm } from "../DynamicForm";
 
 jest.mock("../widgets/FieldByWidget", () => ({

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

@@ -1,5 +1,5 @@
 import { fireEvent, waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DynamicFormWithTranslations } from "../DynamicFormWithTranslations";
 
 jest.mock("@truedat/core/i18n", () => {
@@ -43,14 +43,7 @@ jest.mock("../widgets/FieldByWidget", () => ({
   ),
 }));
 
-jest.mock("@truedat/core/components", () => {
-  const originalModule = jest.requireActual("@truedat/core/components");
-  return {
-    __esModule: true,
-    ...originalModule,
-    LanguagesTabs: () => null,
-  };
-});
+jest.mock("@truedat/core/components/LanguagesTabs", () => () => null);
 
 describe("<DynamicFormWithTranslations /> markdown", () => {
   it("calls onChange with the updated markdown per language", async () => {

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

@@ -1,5 +1,5 @@
 import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { markdownToHtml } from "@truedat/core/components/Markdown";
 import { EditableDynamicFieldValue } from "../EditableDynamicFieldValue";
 

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

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { FieldGroupDetail } from "../FieldGroupDetail";
 
 describe("<FieldGroupDetail />", () => {

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

@@ -33,18 +33,16 @@ jest.mock("react-intl", () => ({
   }),
 }));
 
-jest.mock("@truedat/core/components", () => {
+jest.mock("@truedat/core/components/TemplateSelector", () => {
   const React = require("react");
 
-  return {
-    TemplateSelector: ({ onLoad }) => {
-      React.useEffect(() => {
-        onLoad({ templates: [mockTemplate] });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-      }, []);
+  return ({ onLoad }) => {
+    React.useEffect(() => {
+      onLoad({ templates: [mockTemplate] });
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
-      return null;
-    },
+    return null;
   };
 });
 

package/src/components/hierarchies/Hierarchies.js

@@ -1,6 +1,6 @@
 import { Table } from "semantic-ui-react";
 import { Link } from "react-router";
-import { Loading } from "@truedat/core/components";
+import Loading from "@truedat/core/components/Loading";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import { useHierarchies } from "@truedat/core/hooks/useHierarchies";

package/src/components/hierarchies/HierarchyView.js

@@ -5,9 +5,9 @@ import { Button, Header, Icon, Segment } from "semantic-ui-react";
 import { useIntl } from "react-intl";
 import { Link } from "react-router";
 import { linkTo } from "@truedat/core/routes";
-import { CSVFileModal } from "@truedat/core/components";
-import { HistoryBackButton } from "@truedat/core/components";
-import { ConfirmModal } from "@truedat/core/components";
+import CSVFileModal from "@truedat/core/components/CSVFileModal";
+import HistoryBackButton from "@truedat/core/components/HistoryBackButton";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import Hierarchy from "@truedat/core/components/Hierarchy";
 import HierarchyCrumbs from "./HierarchyCrumbs";
 

package/src/components/widgets/DomainDropdown.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useState } from "react";
 import PropTypes from "prop-types";
 import { Form } from "semantic-ui-react";
-import { DomainSelector } from "@truedat/core/components";
+import DomainSelector from "@truedat/core/components/DomainSelector";
 
 const toIntegerId = _.cond([
   [_.isInteger, _.identity],

package/src/components/widgets/DynamicField.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import PropTypes from "prop-types";
 import { Form, Icon, Popup, Label } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { MarkdownReader } from "@truedat/core/components";
+import { MarkdownReader } from "@truedat/core/components/MarkdownReader";
 import OriginLabel from "@truedat/core/components/OriginLabel";
 import FieldByWidget from "./FieldByWidget";
 

package/src/components/widgets/HierarchyDropdown.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { Form } from "semantic-ui-react";
-import { HierarchySelector } from "@truedat/core/components";
+import HierarchySelector from "@truedat/core/components/HierarchySelector";
 
 const pickId = _.cond([
   [_.eq(""), _.constant(null)],

package/src/components/widgets/MarkdownField.js

@@ -1,5 +1,5 @@
 import PropTypes from "prop-types";
-import { MarkdownEditor } from "@truedat/core/components";
+import { MarkdownEditor } from "@truedat/core/components/Markdown";
 
 export const MarkdownField = ({ field: { name, value }, onChange }) => (
   <MarkdownEditor name={name} value={value || ""} onChange={onChange} />

package/src/components/widgets/__tests__/CheckboxField.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { CheckboxField } from "../CheckboxField";
 
 describe("<CheckboxField />", () => {

package/src/components/widgets/__tests__/ColorPickerField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { ColorPickerField } from "../ColorPickerField";
 
 describe("<ColorPickerField />", () => {

package/src/components/widgets/__tests__/DateField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DateField } from "../DateField";
 
 describe("<DateField />", () => {

package/src/components/widgets/__tests__/DateTimeField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DateTimeField } from "../DateTimeField";
 
 describe("<DateTimeField />", () => {

package/src/components/widgets/__tests__/DropdownDataLoader.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DropdownDataLoader } from "../DropdownDataLoader";
 
 describe("<DropdownDataLoader />", () => {

package/src/components/widgets/__tests__/DynamicTableField.spec.js

@@ -1,5 +1,6 @@
 import React from "react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { screen, fireEvent, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import DynamicTableField from "../DynamicTableField";
@@ -50,7 +51,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
 
@@ -81,7 +84,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
     const addButton = rendered.getByTestId("add-button");
     await user.click(addButton);
@@ -114,7 +119,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     const firstRow = rendered.container.querySelector("tbody tr");
@@ -154,7 +161,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     const input = rendered.getAllByTestId("cell-input-col1")[0];
@@ -202,7 +211,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     // Trigger a change on col2; this will call handleChange → removeDeletedColumns
@@ -239,7 +250,9 @@ describe("DynamicTableField", () => {
       scope: "test",
     };
 
-    const rendered = render(<DynamicTableField {...props} />);
+    const rendered = render(<DynamicTableField {...props} />, {
+      fallback: <div>loading</div>,
+    });
     await waitForLoad(rendered);
 
     // Footer add button

package/src/components/widgets/__tests__/HierarchyDropdown.spec.js

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import HierarchyDropdown from "../HierarchyDropdown";
 
 describe("<HierarchyDropdown />", () => {

package/src/components/widgets/__tests__/HierarchyPreview.spec.js

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import HierarchyPreview from "../HierarchyPreview";
@@ -20,7 +20,7 @@ describe("<HierarchyPreview />", () => {
 
   it("show tooltip", async () => {
     const { getByText } = render(<HierarchyPreview {...props} />);
-    userEvent.hover(await getByText("xyz"));
+    await userEvent.hover(getByText("xyz"));
     await waitFor(() => expect(getByText("baz")).toBeInTheDocument());
   });
 });

package/src/components/widgets/__tests__/ImageField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { ImageField } from "../ImageField";
 
 describe("<ImageField />", () => {

package/src/components/widgets/__tests__/NumberField.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { NumberField } from "../NumberField";
 
 describe("<NumberField />", () => {
@@ -25,11 +26,11 @@ describe("<NumberField />", () => {
     const numberInput = rendered.container.querySelector(
       'input[type="number"]',
     );
-    userEvent.clear(numberInput);
-    userEvent.type(numberInput, "42");
+    await userEvent.clear(numberInput);
+    await userEvent.type(numberInput, "42");
 
     // Trigger blur to ensure the change is applied
-    userEvent.tab();
+    await userEvent.tab();
 
     expect(onChange).toHaveBeenCalled();
   });

package/src/components/widgets/__tests__/PairListField.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { PairListField } from "../PairListField";
 
 describe("<PairListField />", () => {

package/src/components/widgets/__tests__/PasswordField.spec.js

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { PasswordField } from "../PasswordField";
 
 describe("<PasswordField />", () => {

package/src/components/widgets/__tests__/RadioField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { RadioField } from "../RadioField";
 
 describe("<RadioField />", () => {

package/src/components/widgets/__tests__/StandardDropdown.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { StandardDropdown } from "../StandardDropdown";
 
 describe("<StandardDropdown />", () => {

package/src/components/widgets/__tests__/StringField.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { StringField } from "../StringField";
 
 describe("<StringField />", () => {

package/src/components/widgets/__tests__/TableField.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { TableField } from "../TableField";
 
 describe("<TableField />", () => {

package/src/components/widgets/__tests__/TextField.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { TextField } from "../TextField";
 
 describe("<TextField />", () => {

package/src/templates/components/Template.js

@@ -11,7 +11,7 @@ import {
 } from "semantic-ui-react";
 import { connect } from "react-redux";
 import { useNavigate } from "react-router";
-import { ConfirmModal } from "@truedat/core/components";
+import ConfirmModal from "@truedat/core/components/ConfirmModal";
 import { TEMPLATES } from "@truedat/core/routes";
 import { deleteTemplate, updateTemplate } from "../routines";
 import TemplateCrumbs from "./TemplateCrumbs";

package/src/templates/components/TemplateLoader.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import { useEffect } from "react";
 import { useParams } from "react-router";
 import { useDispatch, useSelector } from "react-redux";
-import { Loading } from "@truedat/core/components";
+import Loading from "@truedat/core/components/Loading";
 import { fetchTemplate } from "../routines";
 
 export function TemplateLoader() {

package/src/templates/components/templateForm/FieldForm.js

@@ -2,7 +2,7 @@ import _ from "lodash/fp";
 import PropTypes from "prop-types";
 import { FormattedMessage, useIntl } from "react-intl";
 import { Form, Button, Divider, Label, Segment } from "semantic-ui-react";
-import { MarkdownEditor } from "@truedat/core/components";
+import { MarkdownEditor } from "@truedat/core/components/Markdown";
 import ValuesField from "./ValuesField";
 import ConditionalFieldForm from "./ConditionalFieldForm";
 import MandatoryConditional from "./MandatoryConditional";

package/src/templates/components/templateForm/__tests__/ActiveGroupForm.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { ActiveGroupForm } from "../ActiveGroupForm";
 
 describe("<ActiveGroupForm />", () => {

package/src/templates/components/templateForm/__tests__/DefaultValue.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { DefaultValue } from "../DefaultValue";
 
 describe("<DefaultValue />", () => {

package/src/templates/components/templateForm/__tests__/DependentDomain.spec.js

@@ -1,6 +1,6 @@
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DependentDomain } from "../DependentDomain";
 
 describe("<DependentDomain />", () => {
@@ -62,7 +62,7 @@ describe("<DependentDomain />", () => {
   it("calls onChange when whe select a domain", async () => {
     const { findByRole } = render(<DependentDomain {...props} />, renderOpts);
 
-    userEvent.click(await findByRole("option", { name: /d2/ }));
+    await userEvent.click(await findByRole("option", { name: /d2/ }));
     await waitFor(() => {
       expect(onChange).toHaveBeenCalledWith({ ...values, 2: [] });
     });
@@ -72,7 +72,7 @@ describe("<DependentDomain />", () => {
     onChange.mockClear();
     const { container } = render(<DependentDomain {...props} />, renderOpts);
 
-    userEvent.click(
+    await userEvent.click(
       container.querySelectorAll('[class="remove circle link icon"]')[0],
     );
     await waitFor(() => {

package/src/templates/components/templateForm/__tests__/DependentFormField.spec.js

@@ -1,4 +1,4 @@
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { DependentFormField } from "../DependentFormField";
 
 describe("<DependentFormField />", () => {

package/src/templates/components/templateForm/__tests__/FieldDefinition.spec.js

@@ -1,6 +1,7 @@
 // FieldDefinition.realDefs.test.tsx
 import React from "react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import FieldDefinition from "../FieldDefinition";

package/src/templates/components/templateForm/__tests__/FieldForm.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { FieldForm } from "../FieldForm";
 
 describe("<FieldForm />", () => {

package/src/templates/components/templateForm/__tests__/GroupsList.spec.js

@@ -1,4 +1,5 @@
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { GroupsList } from "../GroupsList";
 
 describe("<GroupsList />", () => {

package/src/templates/components/templateForm/__tests__/MandatoryConditional.spec.js

@@ -1,6 +1,6 @@
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
 import { MandatoryConditional } from "../MandatoryConditional";
 
 describe("<MandatoryConditional />", () => {
@@ -65,7 +65,7 @@ describe("<MandatoryConditional />", () => {
       renderOpts,
     );
 
-    userEvent.click(await findByRole("option", { name: /Foo/ }));
+    await userEvent.click(await findByRole("option", { name: /Foo/ }));
     await waitFor(() => {
       expect(onChange.mock.calls[0][1]).toEqual({
         name: `${fieldNamePrefix}.mandatory.to_be`,
@@ -85,7 +85,7 @@ describe("<MandatoryConditional />", () => {
       renderOpts,
     );
 
-    userEvent.click(await findByRole("option", { name: /4/ }));
+    await userEvent.click(await findByRole("option", { name: /4/ }));
     await waitFor(() => {
       expect(onChange.mock.calls[0][1]).toEqual({
         name: `${fieldNamePrefix}.mandatory.to_be`,

package/src/templates/components/templateForm/__tests__/SwitchListForm.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import SwitchListForm from "../SwitchListForm";
 
 describe("<SwitchListForm />", () => {

package/src/templates/components/templateForm/__tests__/SwitchSegment.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import { SwitchSegment } from "../SwitchSegment";
 
 describe("<SwitchSegment />", () => {

package/src/templates/components/templateForm/__tests__/TableValuesForm.spec.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { within } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import userEvent from "@testing-library/user-event";
 import TableValuesForm from "../TableValuesForm";
 

package/src/templates/components/templateForm/__tests__/TemplateRelationsForm.spec.js

@@ -1,7 +1,8 @@
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { waitFor } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import TemplateRelationsForm from "../TemplateRelationsForm";
 
 jest.mock("@truedat/dd/hooks/useSystems", () => ({

package/src/templates/components/templateForm/__tests__/ValuesListForm.spec.js

@@ -1,6 +1,7 @@
 import userEvent from "@testing-library/user-event";
 import { within } from "@testing-library/react";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import ValuesListForm from "../ValuesListForm";
 
 describe("<ValuesListForm /> fixed", () => {

package/src/templates/components/templateForm/__tests__/ValuesSelector.spec.js

@@ -1,5 +1,6 @@
 import userEvent from "@testing-library/user-event";
-import { render, waitForLoad } from "@truedat/test/render";
+import { renderWithIntl as render } from "@truedat/test/renderWithIntl";
+import { waitForLoad } from "@truedat/test/waitForLoad";
 import ValuesSelector from "../ValuesSelector";
 
 describe("<ValuesSelector />", () => {