@truedat/bg 6.3.2 → 6.3.4

package/src/concepts/components/LinkedMessage.js

@@ -0,0 +1,81 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
+import { Message } from "semantic-ui-react";
+
+const STATUS_PENDING = "pending";
+const STATUS_CREATED = "created";
+const STATUS_DELETED = "deleted";
+
+const LinkedMessage = ({
+  selectedSourceConcept,
+  selectedTargetConcept,
+  selectedLinkType,
+  selectedStructure,
+  selectedTag,
+  status,
+}) => {
+  const { formatMessage } = useIntl();
+
+  const messagesMap = {
+    [STATUS_PENDING]: formatMessage({ id: "concept.events.relation_creating" }),
+    [STATUS_DELETED]: formatMessage({ id: "concept.events.relation_deleted" }),
+    [STATUS_CREATED]: formatMessage({ id: "concept.events.relation_created" }),
+  };
+
+  return (
+    <Message success={status !== STATUS_PENDING} floating>
+      <Message.Header>{messagesMap[status]}</Message.Header>
+      <Message.List>
+        {selectedSourceConcept ? (
+          <Message.Item>
+            {formatMessage({ id: "conceptRelations.from" })}
+            {": "} {selectedSourceConcept.name}
+          </Message.Item>
+        ) : null}
+        {selectedStructure ? (
+          <Message.Item>
+            {formatMessage({ id: "conceptRelations.to" })}
+            {": "}
+            {selectedStructure.name}
+          </Message.Item>
+        ) : selectedTargetConcept ? (
+          <Message.Item>
+            {formatMessage({ id: "conceptRelations.to" })}
+            {": "}
+            {selectedTargetConcept.name}
+          </Message.Item>
+        ) : null}
+        {selectedTag ? (
+          <Message.Item>
+            {formatMessage({ id: "conceptRelations.tag" })}
+            {": "}
+            {selectedLinkType === "structures"
+              ? formatMessage({
+                  id: selectedTag.text,
+                  defaultMessage: selectedTag.text,
+                })
+              : formatMessage({
+                  id: `source.${selectedTag.text}`,
+                  defaultMessage: formatMessage({
+                    id: selectedTag.text,
+                    defaultMessage: selectedTag.text,
+                  }),
+                })}
+          </Message.Item>
+        ) : null}
+      </Message.List>
+    </Message>
+  );
+};
+
+LinkedMessage.propTypes = {
+  selectedSourceConcept: PropTypes.object,
+  selectedStructure: PropTypes.object,
+  selectedTargetConcept: PropTypes.object,
+  selectedLinkType: PropTypes.string,
+  selectedTag: PropTypes.object,
+  status: PropTypes.string,
+};
+
+export default LinkedMessage;

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

@@ -4,6 +4,62 @@ import userEvent from "@testing-library/user-event";
 import ConceptsLinksManagement from "../ConceptsLinksManagement";
 import en from "../../../messages/en";
 
+const data = {
+  data: [
+    {
+      _actions: { can_create_structure_link: true },
+      id: 1,
+      business_concept_id: 1111,
+      name: "foo",
+      domain: { id: 1, name: "bar" },
+      status: "draft",
+      links: [
+        {
+          id: 745,
+          resource_id: 4569480,
+          resource_type: "data_structure",
+        },
+      ],
+    },
+  ],
+};
+
+const filterData = {
+  data: {
+    some: {
+      values: ["some_xxx", "some_yyy", "some_xwy"],
+    },
+  },
+};
+
+jest.mock("@truedat/bg/concepts/hooks/useConcepts", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/bg/concepts/hooks/useConcepts"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useConceptFilters: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data: filterData,
+          }),
+      }),
+    }),
+    useConceptVersionsSearch: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data,
+            headers: { "x-total-count": 123 },
+          }),
+      }),
+    }),
+  };
+});
+
 const messages = {
   en: {
     ...en,
@@ -12,6 +68,7 @@ const messages = {
     "search.clear_filters": "clear filters",
     "search.applied_filters": "apply filters",
     "structures.not_found.body": "",
+    "search.placeholder": "Search concepts...",
   },
 };
 
@@ -21,15 +78,6 @@ const link = {
   resource_type: "data_structure",
 };
 
-const concept = {
-  _actions: { can_create_structure_link: true },
-  id: 1,
-  business_concept_id: 1111,
-  name: "foo",
-  domain: { id: 1, name: "bar" },
-  status: "draft",
-  links: [link],
-};
 const structure = {
   id: 4569480,
   name: "Contrato",
@@ -53,18 +101,18 @@ describe("<ConceptsLinksManagement />", () => {
     state: {
       loading: false,
       links: [link],
-      concepts: [concept],
       structures: [structure],
       structuresRows: [structure],
       conceptActiveFilters: { filter: "some" },
     },
   };
 
-  it("matches the latest snapshot", () => {
-    const { container } = render(
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(
       <ConceptsLinksManagement {...props} />,
       renderOpts
     );
+    userEvent.click(await queryByText(/some/));
     expect(container).toMatchSnapshot();
   });
 

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

@@ -1,28 +1,83 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import { Concepts } from "../Concepts";
 
+const data = {
+  data: [
+    {
+      id: 1,
+      name: "s1",
+      description: "dd",
+      version: "vs",
+      status: "st",
+      last_change_at: "2020-01-01T00:00:00.000Z",
+    },
+  ],
+};
+
+jest.mock("@truedat/bg/concepts/hooks/useConcepts", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/bg/concepts/hooks/useConcepts"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useConceptFilters: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data: [],
+          }),
+      }),
+    }),
+    useConceptVersionsSearch: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data,
+            headers: { "x-total-count": 123 },
+          }),
+      }),
+    }),
+  };
+});
+
+const messages = {
+  en: {
+    "search.placeholder": "Search concepts...",
+    "concepts.searching": "Searching...",
+    "concepts.search.results.empty": "No concepts found",
+    "concepts.retrieved.results": "{count} concepts found",
+    "concepts.props.last_change_at": "Last modification date",
+    "concepts.props.link_count": "Link to field",
+    "concepts.props.rule_count": "Quality rules",
+    "concepts.props.domain": "Domain",
+    "concepts.props.name": "Term",
+  },
+};
+
 describe("<Concepts />", () => {
   it("matches the latest snapshot", () => {
-    const concepts = [
-      { id: 1, name: "s1", description: "dd", version: "vs", status: "st" }
-    ];
-    const loading = false;
+    const renderOpts = {
+      messages,
+    };
+
     const header = "concepts.header.manage";
     const subheader = "concepts.subheader.manage";
     const icon = "edit";
     const create = true;
     const update = true;
+    const defaultFilters = {};
     const props = {
-      concepts,
-      create,
-      loading,
       header,
       subheader,
       icon,
-      update
+      defaultFilters,
+      update,
+      create,
     };
-    const wrapper = shallow(<Concepts {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<Concepts {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,11 +1,49 @@
 import React from "react";
 import { render } from "@truedat/test/render";
+import { SearchContextProvider } from "@truedat/core/search/SearchContext";
 import { ConceptsActions } from "../ConceptsActions";
 
+const data = {
+  _actions: {
+    create: { method: "POST" },
+    upload: { method: "POST" },
+  },
+  data: [],
+};
+
+const useFilters = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data: [],
+      }),
+  }),
+});
+
+const useSearch = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data,
+        headers: {},
+      }),
+  }),
+});
+
+const defaultFilters = {};
+
+const searchProps = {
+  initialSortColumn: "name.raw",
+  initialSortDirection: "ascending",
+  useSearch: useSearch,
+  useFilters: useFilters,
+  userFiltersType: "business_concept_user_filters",
+  omitFilters: [],
+  translations: jest.fn(),
+};
+
 describe("<ConceptsActions />", () => {
   const props = {
-    createUrl: "/url/to/create/concept",
-    conceptActionsLoaded: true,
     conceptsDownloading: true,
     create: true,
     upload: true,
@@ -17,6 +55,7 @@ describe("<ConceptsActions />", () => {
         "concepts.actions.create": "Create",
         "concepts.actions.download.tooltip": "Download",
         "concepts.actions.upload.tooltip": "concepts.actions.upload.tooltip",
+        "uploadModal.accept.publish": "Upload and publish",
       },
     },
     state: {
@@ -27,7 +66,12 @@ describe("<ConceptsActions />", () => {
   };
 
   it("matches the latest snapshot", () => {
-    const { container } = render(<ConceptsActions {...props} />, renderOpts);
+    const { container } = render(
+      <SearchContextProvider {...searchProps} defaultFilters={defaultFilters}>
+        <ConceptsActions {...props} />
+      </SearchContextProvider>,
+      renderOpts
+    );
     expect(container).toMatchSnapshot();
   });
 });

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

@@ -20,8 +20,11 @@ const content = [
 const template = { name: "template1", id: 1, content: content };
 
 const state = {
-  conceptCount: 1,
-  concepts: [{ type: "template1" }],
+  bulkUpdateQueryInfo: {
+    conceptCount: 1,
+    concepts: [{ type: "template1" }],
+    searchParams: {},
+  },
   templates: [template],
   loading: false,
   templateLoading: false,
@@ -83,7 +86,8 @@ describe("<ConceptsBulkUpdate />", () => {
     await waitFor(() => {
       expect(dispatch).toHaveBeenLastCalledWith(
         bulkUpdate({
-          update_attributes: { content: { field1: "abc123456" }, domain_id: 1 },
+          updateAttributes: { content: { field1: "abc123456" }, domain_id: 1 },
+          searchParams: {},
         })
       );
     });

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

@@ -1,12 +1,42 @@
 import React from "react";
 import { render } from "@truedat/test/render";
-import { ConceptsLabelResults } from "../ConceptsLabelResults";
+import { SearchContextProvider } from "@truedat/core/search/SearchContext";
+import ConceptsLabelResults from "../ConceptsLabelResults";
 
-describe("<ConceptsLabelResults />", () => {
-  const props = { conceptCount: 22 };
+const useFilters = jest.fn(() => ({
+  trigger: jest.fn(() => new Promise(() => {})),
+  isMutating: false,
+}));
+
+const useSearch = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data: [],
+        headers: { "x-total-count": 22 },
+      }),
+  }),
+});
 
+const defaultFilters = {};
+
+const searchProps = {
+  initialSortColumn: "name.raw",
+  initialSortDirection: "ascending",
+  useSearch: useSearch,
+  useFilters: useFilters,
+  userFiltersType: "business_concept_user_filters",
+  omitFilters: [],
+  translations: jest.fn(),
+};
+
+describe("<ConceptsLabelResults />", () => {
   it("matches the latest snapshot", () => {
-    const { container } = render(<ConceptsLabelResults {...props} />);
+    const { container } = render(
+      <SearchContextProvider {...searchProps} defaultFilters={defaultFilters}>
+        <ConceptsLabelResults />
+      </SearchContextProvider>
+    );
     expect(container).toMatchSnapshot();
   });
 });

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

@@ -2,24 +2,70 @@ import React from "react";
 import { render } from "@truedat/test/render";
 import ConceptsPanel from "../ConceptsPanel";
 
-const renderOpts = {
-  state: {
-    conceptCount: 123,
-    concepts: [
-      {
-        id: 1,
-        name: "concept",
-        domain: { name: "domain" },
-        status: "published",
-        last_change_at: "2020-01-01T00:00:00.000Z",
-      },
-    ],
+const data = {
+  data: [
+    {
+      id: 1,
+      name: "concept",
+      domain: { name: "domain" },
+      status: "published",
+      last_change_at: "2020-01-01T00:00:00.000Z",
+    },
+  ],
+};
+
+jest.mock("@truedat/bg/concepts/hooks/useConcepts", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/bg/concepts/hooks/useConcepts"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useConceptFilters: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data: [],
+          }),
+      }),
+    }),
+    useConceptVersionsSearch: () => ({
+      trigger: () => ({
+        then: (callback) =>
+          callback({
+            data,
+            headers: { "x-total-count": 123 },
+          }),
+      }),
+    }),
+  };
+});
+
+const messages = {
+  en: {
+    "search.placeholder": "Search concepts...",
+    "concepts.searching": "Searching...",
+    "concepts.search.results.empty": "No concepts found",
+    "concepts.retrieved.results": "{count} concepts found",
+    "concepts.props.last_change_at": "Last modification date",
+    "concepts.props.link_count": "Link to field",
+    "concepts.props.rule_count": "Quality rules",
+    "concepts.props.domain": "Domain",
+    "concepts.props.name": "Term",
   },
 };
 
+const renderOpts = {
+  messages,
+};
+
 describe("<ConceptsPanel />", () => {
+  const props = {
+    defaultFilters: {},
+  };
   it("matches latest snapshot", () => {
-    const { container } = render(<ConceptsPanel />, renderOpts);
+    const { container } = render(<ConceptsPanel {...props} />, renderOpts);
     expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,13 +1,60 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
+import { SearchContextProvider } from "@truedat/core/search/SearchContext";
 import { ConceptsTable } from "../ConceptsTable";
 
+const data = {
+  data: [
+    {
+      id: 1,
+      name: "concept",
+      status: "draft",
+      last_change_at: "2020-01-01T00:00:00.000Z",
+    },
+  ],
+};
+
+const useFilters = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data: [],
+      }),
+  }),
+});
+
+const useSearch = () => ({
+  trigger: () => ({
+    then: (callback) =>
+      callback({
+        data,
+        headers: {},
+      }),
+  }),
+});
+
+const defaultFilters = {};
+
+const searchProps = {
+  initialSortColumn: "name.raw",
+  initialSortDirection: "ascending",
+  useSearch: useSearch,
+  useFilters: useFilters,
+  userFiltersType: "business_concept_user_filters",
+  omitFilters: [],
+  translations: jest.fn(),
+};
+
 describe("<ConceptsTable />", () => {
   it("matches the latest snapshot", () => {
-    const columns = ["name", "status"].map(name => ({ name }));
-    const concepts = [{ id: 1 }];
-    const props = { columns, concepts };
-    const wrapper = shallow(<ConceptsTable {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const columns = ["name", "status"].map((name) => ({ name }));
+
+    const props = { columns };
+    const { container } = render(
+      <SearchContextProvider {...searchProps} defaultFilters={defaultFilters}>
+        <ConceptsTable {...props} />
+      </SearchContextProvider>
+    );
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,6 +1,6 @@
-// only admin user
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
+import SearchContext from "@truedat/core/search/SearchContext";
 import { ConceptsUpdateButton } from "../ConceptsUpdateButton";
 
 jest.mock("@truedat/core/hooks", () => ({
@@ -12,21 +12,34 @@ jest.mock("react-router-dom", () => ({
   useLocation: () => ({ pathname: "/concept" }),
 }));
 
+const searchProps = {
+  allActiveFilters: {
+    template: ["Basic"],
+  },
+  count: 2,
+  filters: {},
+  loading: false,
+  filterParams: {},
+  searchData: [],
+};
+
 describe("<ConceptsUpdateButton />", () => {
   it("button will appear disabled if template is empty", () => {
-    const props = {
-      updateUrl: "",
-    };
-    const wrapper = shallow(<ConceptsUpdateButton {...props} />);
-    wrapper.find("Popup").props().content;
-    expect(wrapper.find({ disabled: false }).length).toBe(1);
+    const { getByRole, debug } = render(
+      <SearchContext.Provider value={searchProps}>
+        <ConceptsUpdateButton />
+      </SearchContext.Provider>
+    );
+    debug();
+    expect(getByRole("button", { name: /Update/i })).toBeEnabled();
   });
 
   it("matches the latest snapshot", () => {
-    const props = {
-      updateUrl: "url",
-    };
-    const wrapper = shallow(<ConceptsUpdateButton {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(
+      <SearchContext.Provider value={searchProps}>
+        <ConceptsUpdateButton />
+      </SearchContext.Provider>
+    );
+    expect(container).toMatchSnapshot();
   });
 });