@truedat/bg 7.5.9 → 7.5.11

package/src/concepts/relations/components/__tests__/ConceptRelationsSummary.spec.js

@@ -1,9 +1,8 @@
-import React from "react";
-import { shallow } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptRelationsSummary } from "../ConceptRelationsSummary";
 
 describe("<ConceptRelationsSummary />", () => {
-  it("matches the latest snapshot", () => {
+  it("matches the latest snapshot", async () => {
     const props = {
       conceptRelations: [
         {
@@ -13,31 +12,31 @@ describe("<ConceptRelationsSummary />", () => {
           value: {
             label: "related to",
             target_type: "business_concept",
-            type: "related_to"
+            type: "related_to",
           },
           relations: [
             {
               relationSide: "source",
-              id: 44,
-              source_id: 16,
+              id: "44",
+              source_id: "16",
               source_type: "business_concept",
-              target_id: 10,
+              target_id: "10",
               target_type: "business_concept",
               context: {
                 source: {
-                  business_concept_id: 16,
-                  id: 21,
+                  business_concept_id: "16",
+                  id: "21",
                   name: "relacionado a dni",
                   version: 2,
-                  version_id: "22"
+                  version_id: "22",
                 },
                 target: {
-                  business_concept_id: 10,
-                  id: 58,
+                  business_concept_id: "10",
+                  id: "58",
                   name: "dni",
                   version: 5,
-                  version_id: "58"
-                }
+                  version_id: "58",
+                },
               },
               tags: [
                 {
@@ -47,33 +46,33 @@ describe("<ConceptRelationsSummary />", () => {
                   value: {
                     label: "related to",
                     target_type: "business_concept",
-                    type: "related_to"
-                  }
-                }
-              ]
+                    type: "related_to",
+                  },
+                },
+              ],
             },
             {
               relationSide: "target",
-              id: 45,
-              source_id: 10,
+              id: "45",
+              source_id: "10",
               source_type: "business_concept",
-              target_id: 16,
+              target_id: "16",
               target_type: "business_concept",
               context: {
                 source: {
-                  business_concept_id: 10,
-                  id: 58,
+                  business_concept_id: "10",
+                  id: "58",
                   name: "dni",
                   version: 5,
-                  version_id: "58"
+                  version_id: "58",
                 },
                 target: {
-                  business_concept_id: 16,
-                  id: 22,
+                  business_concept_id: "16",
+                  id: "22",
                   name: "relacionado a dni",
                   version: 3,
-                  version_id: "22"
-                }
+                  version_id: "22",
+                },
               },
               tags: [
                 {
@@ -83,16 +82,18 @@ describe("<ConceptRelationsSummary />", () => {
                   value: {
                     label: "related to",
                     target_type: "business_concept",
-                    type: "related_to"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ]
+                    type: "related_to",
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
     };
-    const wrapper = shallow(<ConceptRelationsSummary {...props} />);
-    expect(wrapper).toMatchSnapshot();
+
+    const rendered = render(<ConceptRelationsSummary {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/relations/components/__tests__/ConceptSelector.spec.js

@@ -1,9 +1,7 @@
-import React from "react";
-import { render } from "@truedat/test/render";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import { render, waitForLoad } from "@truedat/test/render";
 import ConceptSelector from "../ConceptSelector";
-import en from "../../../../messages/en";
 
 const concept = {
   id: 1,
@@ -64,17 +62,7 @@ jest.mock("@truedat/bg/concepts/hooks/useConcepts", () => {
   };
 });
 
-const messages = {
-  en: {
-    ...en,
-    "concepts.status.undefined": "undefined",
-    "search.save_filters": "save filters",
-    "search.clear_filters": "clear filters",
-    "search.applied_filters": "apply filters",
-    "search.placeholder": "Search...",
-  },
-};
-const renderOpts = { messages };
+jest.mock("@truedat/core/hooks/useUserFilters");
 
 describe("<ConceptSelector />", () => {
   const handleConceptSelected = jest.fn();
@@ -83,43 +71,43 @@ describe("<ConceptSelector />", () => {
     defaultFilters: {},
     handleConceptSelected,
   };
+
   it("matches the latest snapshot", async () => {
-    const { container, findByText } = render(
-      <ConceptSelector {...props} />,
-      renderOpts
-    );
-    userEvent.click(await findByText(/some/));
-    await waitFor(() => {
-      expect(container.querySelector(".loading")).toBeNull();
-    });
+    const user = userEvent.setup({ delay: null });
+    const rendered = render(<ConceptSelector {...props} />);
+    await waitForLoad(rendered);
+    await user.click(await rendered.findByText(/some/i));
+    await waitForLoad(rendered);
     expect(
-      container.querySelector(
+      rendered.container.querySelector(
         'button[data-tooltip="concepts.actions.downloadLinks.tooltip"]'
       )
     ).toBeInTheDocument();
-    expect(container).toMatchSnapshot();
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("renders title when specified", () => {
-    const { queryByText } = render(<ConceptSelector {...props} />, renderOpts);
-    expect(queryByText("Related concept")).toBeInTheDocument();
+  it("renders title when specified", async () => {
+    const rendered = render(<ConceptSelector {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.queryByText(/relatedconcept/i)).toBeInTheDocument();
   });
 
-  it("renders no title when is not specified", () => {
-    const { queryByText } = render(
-      <ConceptSelector {...{ ...props, showTitle: false }} />,
-      renderOpts
+  it("renders no title when is not specified", async () => {
+    const rendered = render(
+      <ConceptSelector {...{ ...props, showTitle: false }} />
     );
-    expect(queryByText("Related concept")).not.toBeInTheDocument();
+    await waitForLoad(rendered);
+    expect(rendered.queryByText(/relatedconcept/i)).not.toBeInTheDocument();
   });
 
   it("calls handleConceptSelected on concept row click", async () => {
-    const { findByText } = render(
-      <ConceptSelector {...{ ...props, selectedConcept: null }} />,
-      renderOpts
+    const user = userEvent.setup({ delay: null });
+    const rendered = render(
+      <ConceptSelector {...{ ...props, selectedConcept: null }} />
     );
+    await waitForLoad(rendered);
 
-    userEvent.click(await findByText(/foo/i));
+    await user.click(await rendered.findByText(/foo/i));
     await waitFor(() =>
       expect(handleConceptSelected.mock.calls.length).toBe(1)
     );

package/src/concepts/relations/components/__tests__/ConceptStructureLinks.spec.js

@@ -1,9 +1,7 @@
 import _ from "lodash/fp";
-import React, { Suspense } from "react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { useSearchContext } from "@truedat/core/search/SearchContext";
 import { ConceptStructureLinksPane } from "../ConceptStructureLinks";
-
 import { useConceptContext } from "../../../components/ConceptContext";
 
 jest.mock("../../../components/ConceptContext", () => {
@@ -18,6 +16,18 @@ jest.mock("../../../components/ConceptContext", () => {
   };
 });
 
+jest.mock("@truedat/dd/hooks/useStructures", () => ({
+  ...jest.requireActual("@truedat/dd/hooks/useStructures"),
+  useDataStructureSearch: () => ({
+    trigger: () => ({ then: (callback) => callback({ data: {} }) }),
+  }),
+  useDataStructureFilters: () => ({
+    trigger: () => ({ then: (callback) => callback({ data: {} }) }),
+  }),
+}));
+
+
+
 jest.mock("@truedat/core/search/SearchContext", () => {
   const originalModule = jest.requireActual(
     "@truedat/core/search/SearchContext"
@@ -52,15 +62,14 @@ describe("<ConceptStructureLinksPane />", () => {
       searchData: [],
     });
 
-    const { container, findByText } = render(
-      <Suspense fallback={null}>
-        <ConceptStructureLinksPane {...props} />
-      </Suspense>
+    const rendered = render(
+      <ConceptStructureLinksPane {...props} />
     );
 
-    await findByText("Links to Structures");
+    await waitForLoad(rendered);
+    await rendered.findByText(/foo/i);
 
-    expect(container).toMatchSnapshot();
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("matches the latest snapshot with grantView", async () => {
@@ -84,8 +93,9 @@ describe("<ConceptStructureLinksPane />", () => {
       loading: false,
     });
 
-    const { container } = render(<ConceptStructureLinksPane {...props} />);
+    const rendered = render(<ConceptStructureLinksPane {...props} />);
+    await waitForLoad(rendered);
 
-    expect(container).toMatchSnapshot();
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptImplementationLinks.spec.js.snap

@@ -4,7 +4,6 @@ exports[`<ConceptImplementationLinks /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui bottom attached segment"
-    style="display: none;"
   >
     <div
       style="height: 40px;"
@@ -17,6 +16,107 @@ exports[`<ConceptImplementationLinks /> matches the latest snapshot 1`] = `
       >
         group
       </h3>
+      <div
+        class="implementations-table-overflow"
+      >
+        <table
+          class="ui sortable table"
+        >
+          <thead
+            class=""
+          >
+            <tr
+              class=""
+            >
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.implementation_key
+              </th>
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.rule
+              </th>
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.status
+              </th>
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.last_execution_at
+              </th>
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.result_type
+              </th>
+              <th
+                class="one wide ascending sorted disabled"
+              >
+                ruleImplementations.props.minimum
+              </th>
+              <th
+                class="one wide ascending sorted disabled"
+              >
+                ruleImplementations.props.goal
+              </th>
+              <th
+                class="two wide ascending sorted disabled"
+              >
+                ruleImplementations.props.result
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class=""
+          >
+            <tr
+              class=""
+            >
+              <td
+                class=""
+              >
+                <a
+                  data-discover="true"
+                  href="/implementations/1"
+                >
+                  foo
+                </a>
+              </td>
+              <td
+                class=""
+              />
+              <td
+                class=""
+              >
+                ruleImplementation.status.undefined
+              </td>
+              <td
+                class=""
+              />
+              <td
+                class=""
+              />
+              <td
+                class="right aligned"
+              >
+                undefined%
+              </td>
+              <td
+                class="right aligned"
+              >
+                undefined%
+              </td>
+              <td
+                class="center aligned"
+              />
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
 </div>
@@ -53,42 +153,42 @@ exports[`<ConceptImplementationLinks /> show create implementations buttons when
               <th
                 class="two wide ascending sorted disabled"
               >
-                Implementation
+                ruleImplementations.props.implementation_key
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Rule
+                ruleImplementations.props.rule
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Status
+                ruleImplementations.props.status
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Last execution
+                ruleImplementations.props.last_execution_at
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result Type
+                ruleImplementations.props.result_type
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Minimum
+                ruleImplementations.props.minimum
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Goal
+                ruleImplementations.props.goal
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result
+                ruleImplementations.props.result
               </th>
             </tr>
           </thead>
@@ -102,6 +202,7 @@ exports[`<ConceptImplementationLinks /> show create implementations buttons when
                 class=""
               >
                 <a
+                  data-discover="true"
                   href="/implementations/1"
                 >
                   foo
@@ -157,7 +258,7 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
       <h3
         class="ui header"
       >
-        Link to Implementation
+        implementationRelation.table.title
       </h3>
       <div
         class="implementations-table-overflow"
@@ -174,42 +275,42 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
               <th
                 class="two wide ascending sorted disabled"
               >
-                Implementation
+                ruleImplementations.props.implementation_key
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Rule
+                ruleImplementations.props.rule
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Status
+                ruleImplementations.props.status
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Last execution
+                ruleImplementations.props.last_execution_at
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result Type
+                ruleImplementations.props.result_type
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Minimum
+                ruleImplementations.props.minimum
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Goal
+                ruleImplementations.props.goal
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result
+                ruleImplementations.props.result
               </th>
             </tr>
           </thead>
@@ -223,6 +324,7 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
                 class=""
               >
                 <a
+                  data-discover="true"
                   href="/implementations/1"
                 >
                   foo
@@ -266,7 +368,7 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
       <h3
         class="ui header"
       >
-        Deleted Implementations
+        implementationDeletedRelation.table.title
       </h3>
       <div
         class="implementations-table-overflow"
@@ -283,42 +385,42 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
               <th
                 class="two wide ascending sorted disabled"
               >
-                Implementation
+                ruleImplementations.props.implementation_key
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Rule
+                ruleImplementations.props.rule
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Status
+                ruleImplementations.props.status
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Last execution
+                ruleImplementations.props.last_execution_at
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result Type
+                ruleImplementations.props.result_type
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Minimum
+                ruleImplementations.props.minimum
               </th>
               <th
                 class="one wide ascending sorted disabled"
               >
-                Goal
+                ruleImplementations.props.goal
               </th>
               <th
                 class="two wide ascending sorted disabled"
               >
-                Result
+                ruleImplementations.props.result
               </th>
             </tr>
           </thead>
@@ -332,6 +434,7 @@ exports[`<ConceptImplementationLinks /> show implementations with groups 1`] = `
                 class=""
               >
                 <a
+                  data-discover="true"
                   href="/implementations/2"
                 >
                   bar
@@ -388,7 +491,7 @@ exports[`<ConceptImplementationLinks /> when don't have any implementation 1`] =
         class="content"
       >
         <p>
-          This concept has no implementations
+          concepts.implementations.empty
         </p>
       </div>
     </div>

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptLinksActions.spec.js.snap

@@ -15,7 +15,6 @@ exports[`<ConceptLinksActions /> matches the latest snapshot with Grant Requests
         readonly=""
         tabindex="0"
         type="checkbox"
-        value=""
       />
       <label
         for="execute_checkbox"
@@ -35,10 +34,11 @@ exports[`<ConceptLinksActions /> matches the latest snapshot with Grant Requests
     </button>
     <a
       class="ui primary button"
+      data-discover="true"
       href="/concepts/11/versions/1/links/structures/new"
       role="button"
     >
-      Add Link
+      links.actions.create
     </a>
   </div>
 </div>
@@ -51,10 +51,11 @@ exports[`<ConceptLinksActions /> matches the latest snapshot without Grant Reque
   >
     <a
       class="ui primary button"
+      data-discover="true"
       href="/concepts/11/versions/1/links/structures/new"
       role="button"
     >
-      Add Link
+      links.actions.create
     </a>
   </div>
 </div>

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptRelationActions.spec.js.snap

@@ -1,30 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptRelationActions /> matches the latest snapshot 1`] = `
-<Fragment>
-  <Button
-    as={
-      {
-        "$$typeof": Symbol(react.forward_ref),
-        "displayName": "Link",
-        "propTypes": {
-          "innerRef": [Function],
-          "onClick": [Function],
-          "replace": [Function],
-          "target": [Function],
-          "to": [Function],
-        },
-        "render": [Function],
-      }
-    }
-    content={
-      <Memo(MemoizedFormattedMessage)
-        id="relations.actions.business_concept.create"
-      />
-    }
-    floated="right"
-    primary={true}
-    to="relation"
-  />
-</Fragment>
+<div>
+  <a
+    class="ui primary right floated button"
+    data-discover="true"
+    href="/relation"
+    role="button"
+  >
+    relations.actions.business_concept.create
+  </a>
+</div>
 `;