@truedat/bg 4.51.2 → 4.51.4

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

@@ -1,291 +1,86 @@
-import _ from "lodash/fp";
 import React from "react";
-import { shallow } from "enzyme";
-import { applyTemplateWithoutDefaults } from "@truedat/df/utils";
-import { ConceptsBulkUpdate } from "../ConceptsBulkUpdate";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import { domainsMock } from "@truedat/test/mocks";
+import { bulkUpdate } from "../../routines";
+import ConceptsBulkUpdate from "../ConceptsBulkUpdate";
 
-describe("<ConceptsBulkUpdate />", () => {
-  const loading = false;
-  const templateId = 1;
-  const template = { id: templateId, template: "template1" };
-  const selectTemplate = jest.fn();
-  const selectedDomain = {};
-  const concepts = [{ id: 1, type: "simple" }];
+const content = [
+  { name: "g1", fields: [{ name: "f1", label: "f1", placeholder: "p1" }] },
+];
+const template = { name: "t1", id: 123, content };
+const state = {
+  conceptCount: 1,
+  concepts: [{ type: "t1" }],
+  template,
+  templates: [template],
+};
 
-  it("matches the latest snapshot", () => {
-    const props = { loading, template, selectTemplate, concepts };
-    const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
+const renderOpts = {
+  fallback: "lazy",
+  mocks: [domainsMock({ action: "manageConcept" })],
+  state,
+};
 
-  it("calls selectTemplate when component mounts", () => {
-    const props = {
-      loading: false,
-      template,
-      selectTemplate: jest.fn(),
-      concepts,
-      selectedDomain,
-    };
-    jest.spyOn(ConceptsBulkUpdate.prototype, "componentDidMount");
-    shallow(<ConceptsBulkUpdate {...props} />);
-    expect(
-      ConceptsBulkUpdate.prototype.componentDidMount.mock.calls.length
-    ).toBe(1);
-    expect(props.selectTemplate).toHaveBeenCalledTimes(1);
+describe("<ConceptsBulkUpdate />", () => {
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(
+      <ConceptsBulkUpdate />,
+      renderOpts
+    );
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    expect(container).toMatchSnapshot();
   });
 
-  it("calls setState when selectedDomain updates", () => {
-    const props = {
-      loading: false,
-      template,
-      selectTemplate: jest.fn(),
-      concepts,
-      selectedDomain,
-      applyTemplate: jest.fn(),
-    };
-    jest.spyOn(ConceptsBulkUpdate.prototype, "setState");
-    const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
-    wrapper.setProps({ selectedDomain: { id: 1 } });
-    expect(ConceptsBulkUpdate.prototype.setState.mock.calls.length).toBe(1);
+  it("calls applyTemplate when selectedDomain changes", async () => {
+    const applyTemplate = jest.fn();
+    const { findByText, queryByText } = render(
+      <ConceptsBulkUpdate applyTemplate={applyTemplate} />,
+      renderOpts
+    );
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    await waitFor(() => expect(queryByText(/fooDomain/)).toBeInTheDocument());
+    expect(applyTemplate).toHaveBeenCalledTimes(0);
+    userEvent.click(await findByText("fooDomain"));
+    expect(applyTemplate).toHaveBeenCalledTimes(1);
+    userEvent.click(await findByText("barDomain"));
+    expect(applyTemplate).toHaveBeenCalledTimes(2);
   });
 
-  it("DynamicForm rendered if template, template_id, selectedDomain informed", () => {
-    const props = {
-      loading: false,
-      template,
-      selectTemplate,
-      templateId,
-      concepts,
-      selectedDomain: { id: 1 },
-    };
-    const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
-    expect(wrapper.find({ fieldsToOmit: ["_confidential"] })).toHaveLength(1);
+  it("DynamicForm rendered if template, template_id, selectedDomain informed", async () => {
+    const props = { applyTemplate: jest.fn() };
+    const { findByText, queryByText } = render(
+      <ConceptsBulkUpdate {...props} />,
+      renderOpts
+    );
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    userEvent.click(await findByText("fooDomain"));
+    await waitFor(() => expect(queryByText(/f1/)).toBeInTheDocument());
   });
 
-  it("calls bulkUpdate on onClick", () => {
-    const bulkUpdate = jest.fn();
-    const domains = [
-      {
-        description: "a",
-        id: 2,
-        name: "Dos",
-      },
-    ];
-    const template = {
-      content: [
-        {
-          fields: [
-            {
-              cardinality: "1",
-              default: 3,
-              label: "bg_number",
-              name: "bg_number",
-              type: "number",
-              values: null,
-              widget: "number",
-            },
-            {
-              cardinality: "1",
-              default: "22-03-2020",
-              label: "bg_date",
-              name: "bg_date",
-              type: "date",
-              values: null,
-              widget: "date",
-            },
-            {
-              cardinality: "?",
-              default: "19-05-2020 18:10:00",
-              label: "bg_datetime",
-              name: "bg_datetime",
-              type: "datetime",
-              values: null,
-              widget: "datetime",
-            },
-          ],
-          is_secret: false,
-          name: "",
-        },
-      ],
-      id: 10,
-      label: "nuevos tipos",
-      name: "nuevostipos",
-      scope: "bg",
-    };
-
-    const concepts = [
+  it("calls bulkUpdate on onClick", async () => {
+    const dispatch = jest.fn();
+    const { findByText, queryByText, findByPlaceholderText } = render(
+      <ConceptsBulkUpdate />,
       {
-        business_concept_id: 18,
-        content: {
-          _confidential: "No",
-          bg_date: "2020-05-16",
-          bg_datetime: "2020-05-02 18:00",
-          bg_number: -1,
-        },
-        domain: { external_id: null, id: 2, name: "Dos" },
-        id: 18,
-        name: "numero",
-        type: "nuevostipos",
-      },
-      {
-        business_concept_id: 19,
-        content: {
-          _confidential: "No",
-          bg_date: "2020-05-16",
-          bg_datetime: "2020-05-02 18:00",
-          bg_number: -1,
-        },
-        id: 19,
-        name: "numero 2",
-        type: "nuevostipos",
-      },
-    ];
-
-    const props = {
-      loading: false,
-      template,
-      selectTemplate,
-      bulkUpdate,
-      applyTemplate: applyTemplateWithoutDefaults(template),
-      concepts,
-      domains,
-      selectedDomain: { id: 1 },
-    };
-    const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
-    wrapper.setState({
-      content: {
-        bg_number: 1,
-        bg_date: "2020-05-14",
-        bg_datetime: "2020-05-28 22:50",
-      },
-      domain_id: 1,
-    });
-    _.find({ key: "yes" })(
-      wrapper
-        .find("ConfirmModal")
-        .dive()
-        .find("Modal")
-        .dive()
-        .find("ModalActions")
-        .props().actions
-    ).onClick({ preventDefault() {} });
-
-    expect(props.bulkUpdate.mock.calls.length).toBe(1);
-    expect(props.bulkUpdate).toHaveBeenCalledWith({
-      update_attributes: {
-        domain_id: 1,
-        content: {
-          bg_date: "2020-05-14",
-          bg_datetime: "2020-05-28 22:50",
-          bg_number: 1,
-        },
-      },
-    });
-  });
-
-  it("calls bulkUpdate excluding empty content on onClick", () => {
-    const bulkUpdate = jest.fn();
-    const domains = [
-      {
-        description: "a",
-        id: 2,
-        name: "Dos",
-      },
-    ];
-    const template = {
-      content: [
-        {
-          fields: [
-            {
-              cardinality: "1",
-              default: 3,
-              label: "bg_number",
-              name: "bg_number",
-              type: "number",
-              values: null,
-              widget: "number",
-            },
-            {
-              cardinality: "1",
-              default: "22-03-2020",
-              label: "bg_date",
-              name: "bg_date",
-              type: "date",
-              values: null,
-              widget: "date",
-            },
-            {
-              cardinality: "?",
-              default: "19-05-2020 18:10:00",
-              label: "bg_datetime",
-              name: "bg_datetime",
-              type: "datetime",
-              values: null,
-              widget: "datetime",
-            },
-          ],
-          is_secret: false,
-          name: "",
-        },
-      ],
-      id: 10,
-      label: "nuevos tipos",
-      name: "nuevostipos",
-      scope: "bg",
-    };
-
-    const concepts = [
-      {
-        business_concept_id: 18,
-        id: 18,
-        name: "numero",
-        type: "nuevostipos",
-      },
-      {
-        business_concept_id: 19,
-        id: 19,
-        name: "numero 2",
-        type: "nuevostipos",
-      },
-    ];
-
-    const props = {
-      loading: false,
-      template,
-      selectTemplate,
-      bulkUpdate,
-      applyTemplate: applyTemplateWithoutDefaults(template),
-      concepts,
-      domains,
-      selectedDomain: { id: 1 },
-    };
-    const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
-    wrapper.setState({
-      content: {
-        bg_number: 0,
-        bg_date: "",
-        bg_datetime: "",
-      },
-      domain_id: 1,
-    });
-    _.find({ key: "yes" })(
-      wrapper
-        .find("ConfirmModal")
-        .dive()
-        .find("Modal")
-        .dive()
-        .find("ModalActions")
-        .props().actions
-    ).onClick({ preventDefault() {} });
-
-    expect(props.bulkUpdate.mock.calls.length).toBe(1);
-    expect(props.bulkUpdate).toHaveBeenCalledWith({
-      update_attributes: {
-        domain_id: 1,
-        content: {
-          bg_number: 0,
-        },
-      },
+        ...renderOpts,
+        dispatch,
+      }
+    );
+    await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+    userEvent.click(await findByText("fooDomain"));
+    await waitFor(() => expect(queryByText(/f1/)).toBeInTheDocument());
+    userEvent.type(await findByPlaceholderText("p1"), "abc123456");
+    await waitFor(() => expect(queryByText(/Save/)).toBeEnabled());
+    userEvent.click(await findByText("Save"));
+    userEvent.click(await findByText("Yes"));
+    await waitFor(() => {
+      expect(dispatch).toHaveBeenLastCalledWith(
+        bulkUpdate({
+          update_attributes: { content: { f1: "abc123456" }, domain_id: 1 },
+        })
+      );
     });
   });
 });

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

@@ -2,20 +2,18 @@ import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
+import { domainsMock } from "@truedat/test/mocks";
 import { SharedToForm } from "../SharedToForm";
 
+const mocks = [domainsMock({ action: "shareConcept" })];
+const renderOpts = { mocks };
+
 describe("<SharedToForm />", () => {
   const id = 5;
-  const domainOptions = [
-    { id: 1, name: "foo", level: 0 },
-    { id: 2, name: "bar", level: 0 },
-    { id: 3, name: "baz", level: 0 },
-  ];
   const saveSharedTo = jest.fn();
   const saving = false;
   const sharedTo = [{ id: 2, name: "bar" }];
   const props = {
-    domainOptions,
     id,
     saveSharedTo,
     saving,
@@ -23,27 +21,39 @@ describe("<SharedToForm />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container } = render(<SharedToForm {...props} />);
+    const { container, queryByText } = render(
+      <SharedToForm {...props} />,
+      renderOpts
+    );
+    await waitFor(() => {
+      expect(queryByText(/fooDomain/)).toBeInTheDocument();
+    });
     await waitFor(() => {
       expect(container).toMatchSnapshot();
     });
   });
 
   it("enables share button when we select a domain", async () => {
-    const { findByText, queryByText } = render(<SharedToForm {...props} />);
+    const { findByText, queryByText } = render(
+      <SharedToForm {...props} />,
+      renderOpts
+    );
 
     expect(queryByText("Share")).toBeDisabled();
-    userEvent.click(await findByText(/baz/));
+    userEvent.click(await findByText(/fooDomain/));
     await waitFor(() => {
       expect(queryByText("Share")).not.toBeDisabled();
     });
   });
 
   it("invokes function when submit button clicked", async () => {
-    const { findByText, queryByText } = render(<SharedToForm {...props} />);
+    const { findByText, queryByText } = render(
+      <SharedToForm {...props} />,
+      renderOpts
+    );
 
     expect(queryByText("Share")).toBeDisabled();
-    userEvent.click(await findByText(/baz/));
+    userEvent.click(await findByText(/fooDomain/));
     await waitFor(() => {
       expect(queryByText("Share")).not.toBeDisabled();
     });
@@ -52,7 +62,7 @@ describe("<SharedToForm />", () => {
       expect(saveSharedTo.mock.calls.length).toBe(1);
     });
     expect(saveSharedTo).toHaveBeenCalledWith(
-      expect.objectContaining({ id, sharedTo: [2, 3] })
+      expect.objectContaining({ id, sharedTo: ["2", "1"] })
     );
   });
 });