@truedat/bg 7.5.9 → 7.5.11

package/src/concepts/components/__tests__/Concept.spec.js

@@ -1,6 +1,4 @@
-import React from "react";
-import { render } from "@truedat/test/render";
-import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
 import { LangProviderWrapper } from "@truedat/core/i18n";
 import { Concept } from "../Concept";
 import ConceptContextProvider, { useConceptContext } from "../ConceptContext";
@@ -29,33 +27,7 @@ jest.mock("@truedat/core/hooks", () => {
   };
 });
 
-beforeAll(() => {
-  jest.useFakeTimers();
-  jest.setSystemTime(new Date("2025-01-01T10:00:00Z"));
-});
-
-afterAll(() => {
-  jest.useRealTimers();
-});
-
 const renderOpts = {
-  messages: {
-    en: {
-      "concepts.crumbs.top": "Business Glossary",
-      "concepts.crumbs.pending": "Draft",
-      "i18n.messages.lang.es": "Spanish",
-      "i18n.messages.lang.en": "English",
-      "tabs.bg.concept": "Concept",
-      "tabs.bg.relations_data_field": "Linkage",
-      "tabs.bg.qualityRules": "Quality Rules",
-      "tabs.bg.history": "History",
-      "tabs.bg.audit": "Audit",
-      "concept.props.status": "Status",
-      "concept.props.version": "Version",
-      "concept.props.last_update_at": "Update",
-      "concept.props.last_update_by": "User",
-    },
-  },
   state: {
     concept: {
       id: 1,
@@ -97,7 +69,6 @@ const renderOpts = {
       { id: 2, lang: "es", is_default: false, is_required: false },
     ],
   },
-  fallback: "lazy",
 };
 
 describe("<Concept />", () => {
@@ -144,7 +115,8 @@ describe("<Concept />", () => {
     useConceptContext.mockReturnValue({
       conceptContext: { grantView: false },
     });
-    const { container, queryByText } = render(
+
+    const rendered = render(
       <LangProviderWrapper langs={["es", "en"]}>
         <ConceptContextProvider>
           <Concept {...props} />
@@ -152,18 +124,15 @@ describe("<Concept />", () => {
       </LangProviderWrapper>,
       renderOpts
     );
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loading")).not.toBeInTheDocument();
-    });
-    expect(container).toMatchSnapshot();
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("matches the latest snapshot with grantView activated", async () => {
     useConceptContext.mockReturnValue({
       conceptContext: { grantView: true },
     });
-    const { container, queryByText } = render(
+    const rendered = render(
       <LangProviderWrapper langs={["es", "en"]}>
         <ConceptContextProvider>
           <Concept {...props} />
@@ -171,10 +140,7 @@ describe("<Concept />", () => {
       </LangProviderWrapper>,
       renderOpts
     );
-    await waitFor(() => {
-      expect(queryByText(/lazy/i)).not.toBeInTheDocument();
-      expect(container.querySelector(".loading")).not.toBeInTheDocument();
-    });
-    expect(container).toMatchSnapshot();
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/components/__tests__/ConceptActions.spec.js

@@ -1,21 +1,21 @@
-import React from "react";
-import { shallow } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptActions } from "../ConceptActions";
 
 describe("<ConceptActions />", () => {
   const conceptAction = jest.fn();
   const conceptActions = {
     action1: { method: "POST", href: "/api/action1" },
-    action2: { method: "GET", href: "/api/action2" }
+    action2: { method: "GET", href: "/api/action2" },
   };
 
   const props = {
     conceptAction,
-    conceptActions
+    conceptActions,
   };
 
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<ConceptActions {...props} />);
-    expect(wrapper).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<ConceptActions {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/components/__tests__/ConceptArchive.spec.js

@@ -1,9 +1,8 @@
-import React from "react";
-import { shallow } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptArchive } from "../ConceptArchive";
 
 describe("<ConceptArchive />", () => {
-  it("matches the latest snapshot", () => {
+  it("matches the latest snapshot", async () => {
     const conceptArchive = [
       {
         id: 123,
@@ -14,7 +13,8 @@ describe("<ConceptArchive />", () => {
       },
     ];
     const props = { conceptArchive };
-    const wrapper = shallow(<ConceptArchive {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const rendered = render(<ConceptArchive {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/components/__tests__/ConceptArchiveLoader.spec.js

@@ -1,29 +1,30 @@
-import React from "react";
-import { mount } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptArchiveLoader } from "../ConceptArchiveLoader";
 
 describe("<ConceptArchiveLoader />", () => {
-  it("calls fetchConceptArchive when component mounts but not when it unmounts", () => {
+  it("calls fetchConceptArchive when component mounts but not when it unmounts", async () => {
     const props = {
       clearConceptArchive: jest.fn(),
       fetchConceptArchive: jest.fn(),
-      id: 1
+      id: 1,
     };
-    const wrapper = mount(<ConceptArchiveLoader {...props} />);
-    expect(props.fetchConceptArchive.mock.calls.length).toBe(1);
-    wrapper.unmount();
-    expect(props.fetchConceptArchive.mock.calls.length).toBe(1);
+    const rendered = render(<ConceptArchiveLoader {...props} />);
+    await waitForLoad(rendered);
+    expect(props.fetchConceptArchive).toHaveBeenCalledTimes(1);
+    rendered.unmount();
+    expect(props.fetchConceptArchive).toHaveBeenCalledTimes(1);
   });
 
-  it("calls clearConceptArchive when component unmounts but not when it mounts", () => {
+  it("calls clearConceptArchive when component unmounts but not when it mounts", async () => {
     const props = {
       clearConceptArchive: jest.fn(),
       fetchConceptArchive: jest.fn(),
-      id: 1
+      id: 1,
     };
-    const wrapper = mount(<ConceptArchiveLoader {...props} />);
-    expect(props.clearConceptArchive.mock.calls.length).toBe(0);
-    wrapper.unmount();
-    expect(props.clearConceptArchive.mock.calls.length).toBe(1);
+    const rendered = render(<ConceptArchiveLoader {...props} />);
+    await waitForLoad(rendered);
+    expect(props.clearConceptArchive).toHaveBeenCalledTimes(0);
+    rendered.unmount();
+    expect(props.clearConceptArchive).toHaveBeenCalledTimes(1);
   });
 });

package/src/concepts/components/__tests__/ConceptArchiveRow.spec.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@truedat/test/render";
 import ConceptArchiveRow from "../ConceptArchiveRow";
 

package/src/concepts/components/__tests__/ConceptCompleteness.spec.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@truedat/test/render";
 import { LangProviderWrapper } from "@truedat/core/i18n";
 import { ConceptCompleteness } from "../ConceptCompleteness";

package/src/concepts/components/__tests__/ConceptConfidentialButton.spec.js

@@ -1,31 +1,24 @@
-import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
+import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptConfidentialButton } from "../ConceptConfidentialButton";
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
 describe("<ConceptConfidentialButton />", () => {
   const setConfidentialConcept = jest.fn();
   const props = {
     concept: { id: 1, confidential: false },
     conceptUpdating: false,
-    setConfidentialConcept: setConfidentialConcept
+    setConfidentialConcept: setConfidentialConcept,
   };
 
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<ConceptConfidentialButton {...props} />);
-    expect(wrapper).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<ConceptConfidentialButton {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("Text is mark as confidential if concept is not confidential", () => {
-    const wrapper = shallow(<ConceptConfidentialButton {...props} />);
+  it("Text is mark as confidential if concept is not confidential", async () => {
+    const rendered = render(<ConceptConfidentialButton {...props} />);
+    await waitForLoad(rendered);
 
-    expect(wrapper.find("Popup").props().content).toEqual(
-      "concept.mark_as_confidential"
-    );
+    expect(rendered.container.querySelector("i.lock.icon")).toBeInTheDocument();
   });
 });

package/src/concepts/components/__tests__/ConceptContext.spec.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
 import { render } from "@truedat/test/render";
-import { renderHook, act } from "@testing-library/react-hooks";
+import { renderHook, act } from "@testing-library/react";
 import ConceptContext, { useConceptContext } from "../ConceptContext";
 
 describe("<ConceptContext />", () => {

package/src/concepts/components/__tests__/ConceptCrumbs.spec.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import { render } from "@truedat/test/render";
 import ConceptCrumbs from "../ConceptCrumbs";
 
@@ -18,8 +17,8 @@ describe("<ConceptCrumbs />", () => {
         concept: {
           name: "foo",
           status: status,
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
           i18n_content: {
             es: {
               name: "bar",
@@ -35,27 +34,6 @@ describe("<ConceptCrumbs />", () => {
     });
   })(statuses);
 
-  it(`matches the latest snapshot for locale`, async () => {
-    const renderOpts = {
-      locale: "es",
-      state: {
-        concept: {
-          name: "foo",
-          status: "deprecated",
-          business_concept_id: 123,
-          id: 456,
-          i18n_content: {
-            es: {
-              name: "bar",
-            },
-          },
-        },
-      },
-    };
-    const { container } = render(<ConceptCrumbs />, renderOpts);
-    expect(container).toMatchSnapshot();
-  });
-
   it(`matches the latest snapshot for subscope`, async () => {
     const renderOpts = {
       state: {
@@ -63,8 +41,8 @@ describe("<ConceptCrumbs />", () => {
           name: "foo",
           status: "publised",
           type: "someType",
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
         },
         sidemenuGlossarySubscopes: [],
         allTemplates: [{ name: "someType", subscope: "someSubscope" }],
@@ -81,8 +59,8 @@ describe("<ConceptCrumbs />", () => {
           name: "foo",
           status: "publised",
           type: "someType",
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
         },
         sidemenuGlossarySubscopes: ["someSubscope"],
         allTemplates: [{ name: "someType", subscope: "someSubscope" }],
@@ -98,8 +76,8 @@ describe("<ConceptCrumbs />", () => {
         concept: {
           name: "foo",
           status: "published",
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
         },
       },
     };
@@ -117,8 +95,8 @@ describe("<ConceptCrumbs />", () => {
           name: "foo",
           status: "published",
           type: "someType",
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
         },
         allTemplates: [{ name: "someType", subscope: "someSubscope" }],
       },
@@ -137,8 +115,8 @@ describe("<ConceptCrumbs />", () => {
           name: "foo",
           status: "published",
           type: "someType",
-          business_concept_id: 123,
-          id: 456,
+          business_concept_id: "123",
+          id: "456",
         },
         sidemenuGlossarySubscopes: ["someSubscope"],
         allTemplates: [{ name: "someType", subscope: "someSubscope" }],

package/src/concepts/components/__tests__/ConceptDeleteModalBody.spec.js

@@ -1,72 +1,93 @@
-import React from "react";
-import { shallow } from "enzyme";
-import ConceptDeleteModalBody from "../ConceptDeleteModalBody";
+import { render, waitForLoad } from "@truedat/test/render";
+import { ConceptDeleteModalBody } from "../ConceptDeleteModalBody";
 
 describe("<ConceptDeleteModalBody />", () => {
-  it("contains default message with default props set to 0", () => {
+  it("contains default message with default props set to 0", async () => {
     const props = {
       linkCount: 0,
       ruleCount: 0,
       conceptCount: 0,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("MemoizedFormattedMessage").props().id).toEqual(
-      "concepts.actions.delete.body.without_content"
-    );
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.getByText(/concepts.actions.delete.body.without_content/i)
+    ).toBeInTheDocument();
   });
 
-  it("contains one <ListItem /> with LinkCount props > 0", () => {
+  it("contains one list item with LinkCount props > 0", async () => {
     const props = {
       linkCount: 0,
       ruleCount: 1,
       conceptCount: 0,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("ListItem").length).toBe(1);
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.container.querySelectorAll(".concept_delete_modal_body__item")
+        .length
+    ).toBe(1);
   });
 
-  it("contains one <ListItem /> with ruleCount props > 0", () => {
+  it("contains one list item with ruleCount props > 0", async () => {
     const props = {
       linkCount: 1,
       ruleCount: 0,
       conceptCount: 0,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("ListItem").length).toBe(1);
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.container.querySelectorAll(".concept_delete_modal_body__item")
+        .length
+    ).toBe(1);
   });
 
-  it("contains one <ListItem /> with conceptCount props > 0", () => {
+  it("contains one list item with conceptCount props > 0", async () => {
     const props = {
       linkCount: 0,
       ruleCount: 0,
       conceptCount: 1,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("ListItem").length).toBe(1);
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.container.querySelectorAll(".concept_delete_modal_body__item")
+        .length
+    ).toBe(1);
   });
 
-  it("contains two <ListItem /> with linkCount props > 0 and ruleCount > 0", () => {
+  it("contains two list items with linkCount props > 0 and ruleCount > 0", async () => {
     const props = {
       linkCount: 3,
       ruleCount: 2,
       conceptCount: 0,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("ListItem").length).toBe(2);
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.container.querySelectorAll(".concept_delete_modal_body__item")
+        .length
+    ).toBe(2);
   });
 
-  it("contains tree <ListItem /> with linkCount props > 0 and ruleCount > 0 and conceptCount > 0", () => {
+  it("contains three list items with linkCount props > 0 and ruleCount > 0 and conceptCount > 0", async () => {
     const props = {
       linkCount: 3,
       ruleCount: 2,
       conceptCount: 2,
     };
-    const wrapper = shallow(<ConceptDeleteModalBody {...props} />);
-    expect(wrapper.find("ListItem").length).toBe(3);
+    const rendered = render(<ConceptDeleteModalBody {...props} />);
+    await waitForLoad(rendered);
+    expect(
+      rendered.container.querySelectorAll(".concept_delete_modal_body__item")
+        .length
+    ).toBe(3);
   });
 
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<ConceptDeleteModalBody />);
-    expect(wrapper).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<ConceptDeleteModalBody />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/components/__tests__/ConceptDetails.spec.js

@@ -1,11 +1,6 @@
-import React from "react";
 import { render } from "@truedat/test/render";
 import { ConceptDetails } from "../ConceptDetails";
 
-const renderOpts = {
-  fallback: "lazy",
-};
-
 describe("<ConceptDetails />", () => {
   const props = {
     concept: {
@@ -31,10 +26,7 @@ describe("<ConceptDetails />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container, findByText } = render(
-      <ConceptDetails {...props} />,
-      renderOpts
-    );
+    const { container, findByText } = render(<ConceptDetails {...props} />);
 
     await findByText("field_label");
     expect(container).toMatchSnapshot();

package/src/concepts/components/__tests__/ConceptEdit.spec.js

@@ -1,5 +1,3 @@
-import React from "react";
-import { act } from "react-dom/test-utils";
 import { render } from "@truedat/test/render";
 import { waitFor } from "@testing-library/react";
 import { LangProviderWrapper } from "@truedat/core/i18n";
@@ -86,6 +84,8 @@ jest.mock("@truedat/bg/concepts/hooks/useConcepts", () => {
   };
 });
 
+jest.mock("@truedat/ai/hooks/useSuggestions");
+
 const concept = {
   _actions: { can_create_structure_link: true },
   id: 1,

package/src/concepts/components/__tests__/ConceptForm.spec.js

@@ -1,6 +1,5 @@
-import React, { Suspense } from "react";
 import { waitFor } from "@testing-library/react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { domainsMock, multipleTemplatesMock } from "@truedat/test/mocks";
 import ConceptForm from "../ConceptForm";
 
@@ -27,8 +26,27 @@ jest.mock("@truedat/ai/hooks/useSuggestions", () => {
 
 jest.mock("@truedat/ai/hooks/useTranslations", () => ({
   useAvailabilityCheck: jest.fn(() => ({
-    reason: null,
-    status: "ok",
+    trigger: jest.fn(
+      () =>
+        new Promise(() => ({
+          data: {
+            data: {
+              status: "ok",
+            },
+          },
+        }))
+    ),
+  })),
+  useRequestTranslation: jest.fn(() => ({
+    trigger: jest.fn(() =>
+      Promise.resolve({
+        data: {
+          data: {
+            es: {},
+          },
+        },
+      })
+    ),
   })),
 }));
 
@@ -49,9 +67,6 @@ const props = {
   setAltLang: jest.fn(),
 };
 
-const state = {
-  // domains: [{ id: 1, name: "domain1" }],
-};
 const templateVariables = { scope: "bg", domainIds: [1] };
 const domainVariables = { action: "createBusinessConcept" };
 
@@ -62,23 +77,15 @@ describe("<ConceptForm />", () => {
         multipleTemplatesMock(templateVariables),
         domainsMock(domainVariables),
       ],
-      state,
-      fallback: "lazy",
     };
 
     it("matches the latest snapshot", async () => {
-      const { container, queryByText } = render(
-        <Suspense fallback={null}>
-          <ConceptForm {...props} />
-        </Suspense>,
-        renderOpts
-      );
-      await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+      const rendered = render(<ConceptForm {...props} />, renderOpts);
+      await waitForLoad(rendered);
       await waitFor(() =>
-        expect(queryByText(/loading/i)).not.toBeInTheDocument()
+        expect(rendered.queryByText(/bazdomain/i)).toBeInTheDocument()
       );
-      await waitFor(() => expect(queryByText(/bazDomain/)).toBeInTheDocument());
-      expect(container).toMatchSnapshot();
+      expect(rendered.container).toMatchSnapshot();
     });
   });
 });