@truedat/bg 4.44.2 → 4.44.5

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

@@ -1,128 +1,68 @@
 import React from "react";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
-import { ConceptForm } from "../ConceptForm";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import { multipleTemplatesMock, singleTemplateMock } from "@truedat/test/mocks";
+import ConceptForm from "../ConceptForm";
 
-describe("<ConceptForm />", () => {
-  const action = {};
-  const applyTemplate = (x) => x;
-  const conceptAction = jest.fn();
-  const conceptActionLoading = "some action";
-  const template1 = { id: 1, name: "template1" };
-  const template2 = { id: 2, name: "template2" };
-  const templateLoading = false;
-
-  const props = {
-    action,
-    applyTemplate,
-    conceptAction,
-    conceptActionLoading,
-    templateLoading,
-  };
+const state = {
+  conceptActions: { create: {} },
+  conceptActionLoading: "",
+  domains: [{ id: 1, name: "domain1" }],
+};
+const variables = { scope: "bg", domainIds: [1] };
 
+describe("<ConceptForm />", () => {
   describe("with multiple templates", () => {
-    const templates = [template1, template2];
-    const selectTemplate = jest.fn();
-    const wrapper = shallowWithIntl(
-      <ConceptForm
-        templates={templates}
-        selectTemplate={selectTemplate}
-        selectedTemplate={template1}
-        {...props}
-      />
-    );
+    const renderOpts = {
+      mocks: [multipleTemplatesMock(variables)],
+      state,
+      fallback: "lazy",
+    };
 
-    it("matches the latest snapshot", () => {
-      expect(wrapper).toMatchSnapshot();
-    });
-
-    it("contains one <TemplateSelector />", () => {
-      expect(wrapper.find({ name: "template" })).toHaveLength(1);
+    it("matches the latest snapshot", async () => {
+      const { container, queryByText } = render(<ConceptForm />, renderOpts);
+      await waitFor(() =>
+        expect(queryByText(/loading/i)).not.toBeInTheDocument()
+      );
+      await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+      expect(container).toMatchSnapshot();
     });
 
-    it("dispatches selectTemplate when template is selected", () => {
-      const value = 2;
-      expect(selectTemplate.mock.calls.length).toBe(0);
-      wrapper.find({ name: "template" }).prop("onChange")({}, { value });
-      expect(selectTemplate.mock.calls.length).toBe(1);
+    it("renders dynamic fields when template is selected", async () => {
+      const { findByText, getByText, queryByText } = render(
+        <ConceptForm />,
+        renderOpts
+      );
+      userEvent.click(await findByText("template1"));
+      await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+      expect(getByText("field1")).toBeInTheDocument();
     });
   });
 
   describe("with a single template", () => {
-    const templates = [template1];
-    const selectTemplate = jest.fn();
-    const wrapper = shallowWithIntl(
-      <ConceptForm
-        templates={templates}
-        selectTemplate={selectTemplate}
-        {...props}
-      />
-    );
-
-    it("matches the latest snapshot", () => {
-      expect(wrapper).toMatchSnapshot();
-    });
-
-    it("contains no <TemplateSelector />", () => {
-      expect(wrapper.find({ name: "template" })).toHaveLength(0);
-    });
+    const renderOpts = {
+      mocks: [singleTemplateMock(variables)],
+      state,
+      fallback: "lazy",
+    };
 
-    it("dispatches selectTemplate when component mounts", () => {
-      shallowWithIntl(<ConceptForm {...props} />);
-      expect(selectTemplate.mock.calls.length).toBe(1);
-    });
-  });
-
-  it("updates it's state when the template changes", () => {
-    const wrapper = shallowWithIntl(
-      <ConceptForm template={template1} {...props} />
-    );
-    expect(wrapper.state("type")).toBeUndefined();
-    wrapper.setProps({ template: template1 });
-    expect(wrapper.state("type")).toEqual(template1.name);
-    wrapper.setProps({ template: template2 });
-    expect(wrapper.state("type")).toEqual(template2.name);
-  });
-
-  describe("domain selection", () => {
-    it("dispatches selectDomain when domain is selected", () => {
-      const selectDomain = jest.fn();
-      const value = 2;
-      const wrapper = shallowWithIntl(
-        <ConceptForm selectDomain={selectDomain} {...props} />
+    it("matches the latest snapshot", async () => {
+      const { container, queryByText } = render(<ConceptForm />, renderOpts);
+      await waitFor(() =>
+        expect(queryByText(/loading/i)).not.toBeInTheDocument()
       );
-      expect(selectDomain.mock.calls.length).toBe(0);
-      wrapper.find({ name: "domain" }).prop("onChange")({}, { value });
-      expect(wrapper.state("domain_id")).toBe(value);
-      expect(selectDomain.mock.calls.length).toBe(1);
-    });
-  });
-
-  describe("content changes", () => {
-    it("sets name in state when name field changes", () => {
-      const wrapper = shallowWithIntl(<ConceptForm {...props} />);
-      const name = "name";
-      const value = "newName";
-      const e = { preventDefault: jest.fn() };
-      wrapper.find({ name }).simulate("change", e, { name, value });
-      expect(e.preventDefault.mock.calls.length).toBe(1);
-      expect(wrapper.state(name)).toBe(value);
-    });
-
-    it("sets description in state when rich text editor changes", () => {
-      const wrapper = shallowWithIntl(<ConceptForm {...props} />);
-      const value = { foo: "bar" };
-      const e = { preventDefault: jest.fn() };
-      wrapper.find({ name: "description" }).prop("onChange")(e, { value });
-      expect(wrapper.state("description")).toBe(value);
+      await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+      expect(container).toMatchSnapshot();
     });
 
-    it("sets content in state when dynamic form changes", () => {
-      const wrapper = shallowWithIntl(
-        <ConceptForm template={template1} {...props} />
+    it("contains no <TemplateSelector />", async () => {
+      const { queryByText } = render(<ConceptForm />, renderOpts);
+      await waitFor(() =>
+        expect(queryByText(/loading/i)).not.toBeInTheDocument()
       );
-      const content = { foo: "bar" };
-      wrapper.find("lazy").last().simulate("change", content);
-      expect(wrapper.state("content")).toBe(content);
+      await waitFor(() => expect(queryByText(/lazy/i)).not.toBeInTheDocument());
+      expect(queryByText("template1")).not.toBeInTheDocument();
     });
   });
 });

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

@@ -11,9 +11,6 @@ describe("<ConceptsBulkUpdate />", () => {
   const selectTemplate = jest.fn();
   const selectedDomain = {};
   const concepts = [{ id: 1, type: "simple" }];
-  const eventMock = {
-    preventDefault: jest.fn()
-  };
 
   it("matches the latest snapshot", () => {
     const props = { loading, template, selectTemplate, concepts };
@@ -27,7 +24,7 @@ describe("<ConceptsBulkUpdate />", () => {
       template,
       selectTemplate: jest.fn(),
       concepts,
-      selectedDomain
+      selectedDomain,
     };
     jest.spyOn(ConceptsBulkUpdate.prototype, "componentDidMount");
     shallow(<ConceptsBulkUpdate {...props} />);
@@ -44,7 +41,7 @@ describe("<ConceptsBulkUpdate />", () => {
       selectTemplate: jest.fn(),
       concepts,
       selectedDomain,
-      applyTemplate: jest.fn()
+      applyTemplate: jest.fn(),
     };
     jest.spyOn(ConceptsBulkUpdate.prototype, "setState");
     const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
@@ -59,7 +56,7 @@ describe("<ConceptsBulkUpdate />", () => {
       selectTemplate,
       templateId,
       concepts,
-      selectedDomain: { id: 1 }
+      selectedDomain: { id: 1 },
     };
     const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
     expect(wrapper.find({ fieldsToOmit: ["_confidential"] })).toHaveLength(1);
@@ -71,8 +68,8 @@ describe("<ConceptsBulkUpdate />", () => {
       {
         description: "a",
         id: 2,
-        name: "Dos"
-      }
+        name: "Dos",
+      },
     ];
     const template = {
       content: [
@@ -85,7 +82,7 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_number",
               type: "number",
               values: null,
-              widget: "number"
+              widget: "number",
             },
             {
               cardinality: "1",
@@ -94,7 +91,7 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_date",
               type: "date",
               values: null,
-              widget: "date"
+              widget: "date",
             },
             {
               cardinality: "?",
@@ -103,17 +100,17 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_datetime",
               type: "datetime",
               values: null,
-              widget: "datetime"
-            }
+              widget: "datetime",
+            },
           ],
           is_secret: false,
-          name: ""
-        }
+          name: "",
+        },
       ],
       id: 10,
       label: "nuevos tipos",
       name: "nuevostipos",
-      scope: "bg"
+      scope: "bg",
     };
 
     const concepts = [
@@ -123,12 +120,12 @@ describe("<ConceptsBulkUpdate />", () => {
           _confidential: "No",
           bg_date: "2020-05-16",
           bg_datetime: "2020-05-02 18:00",
-          bg_number: -1
+          bg_number: -1,
         },
         domain: { external_id: null, id: 2, name: "Dos" },
         id: 18,
         name: "numero",
-        type: "nuevostipos"
+        type: "nuevostipos",
       },
       {
         business_concept_id: 19,
@@ -136,12 +133,12 @@ describe("<ConceptsBulkUpdate />", () => {
           _confidential: "No",
           bg_date: "2020-05-16",
           bg_datetime: "2020-05-02 18:00",
-          bg_number: -1
+          bg_number: -1,
         },
         id: 19,
         name: "numero 2",
-        type: "nuevostipos"
-      }
+        type: "nuevostipos",
+      },
     ];
 
     const props = {
@@ -152,16 +149,16 @@ describe("<ConceptsBulkUpdate />", () => {
       applyTemplate: applyTemplateWithoutDefaults(template),
       concepts,
       domains,
-      selectedDomain: { id: 1 }
+      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"
+        bg_datetime: "2020-05-28 22:50",
       },
-      domain_id: 1
+      domain_id: 1,
     });
     _.find({ key: "yes" })(
       wrapper
@@ -180,9 +177,9 @@ describe("<ConceptsBulkUpdate />", () => {
         content: {
           bg_date: "2020-05-14",
           bg_datetime: "2020-05-28 22:50",
-          bg_number: 1
-        }
-      }
+          bg_number: 1,
+        },
+      },
     });
   });
 
@@ -192,8 +189,8 @@ describe("<ConceptsBulkUpdate />", () => {
       {
         description: "a",
         id: 2,
-        name: "Dos"
-      }
+        name: "Dos",
+      },
     ];
     const template = {
       content: [
@@ -206,7 +203,7 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_number",
               type: "number",
               values: null,
-              widget: "number"
+              widget: "number",
             },
             {
               cardinality: "1",
@@ -215,7 +212,7 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_date",
               type: "date",
               values: null,
-              widget: "date"
+              widget: "date",
             },
             {
               cardinality: "?",
@@ -224,17 +221,17 @@ describe("<ConceptsBulkUpdate />", () => {
               name: "bg_datetime",
               type: "datetime",
               values: null,
-              widget: "datetime"
-            }
+              widget: "datetime",
+            },
           ],
           is_secret: false,
-          name: ""
-        }
+          name: "",
+        },
       ],
       id: 10,
       label: "nuevos tipos",
       name: "nuevostipos",
-      scope: "bg"
+      scope: "bg",
     };
 
     const concepts = [
@@ -242,14 +239,14 @@ describe("<ConceptsBulkUpdate />", () => {
         business_concept_id: 18,
         id: 18,
         name: "numero",
-        type: "nuevostipos"
+        type: "nuevostipos",
       },
       {
         business_concept_id: 19,
         id: 19,
         name: "numero 2",
-        type: "nuevostipos"
-      }
+        type: "nuevostipos",
+      },
     ];
 
     const props = {
@@ -260,16 +257,16 @@ describe("<ConceptsBulkUpdate />", () => {
       applyTemplate: applyTemplateWithoutDefaults(template),
       concepts,
       domains,
-      selectedDomain: { id: 1 }
+      selectedDomain: { id: 1 },
     };
     const wrapper = shallow(<ConceptsBulkUpdate {...props} />);
     wrapper.setState({
       content: {
         bg_number: 0,
         bg_date: "",
-        bg_datetime: ""
+        bg_datetime: "",
       },
-      domain_id: 1
+      domain_id: 1,
     });
     _.find({ key: "yes" })(
       wrapper
@@ -286,9 +283,9 @@ describe("<ConceptsBulkUpdate />", () => {
       update_attributes: {
         domain_id: 1,
         content: {
-          bg_number: 0
-        }
-      }
+          bg_number: 0,
+        },
+      },
     });
   });
 });

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

@@ -1,12 +1,12 @@
 import React from "react";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
+import { render } from "@truedat/test/render";
 import { ConceptsLabelResults } from "../ConceptsLabelResults";
 
 describe("<ConceptsLabelResults />", () => {
   const props = { conceptCount: 22 };
 
   it("matches the latest snapshot", () => {
-    const wrapper = shallowWithIntl(<ConceptsLabelResults {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<ConceptsLabelResults {...props} />);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -21,49 +21,33 @@ describe("<SharedToForm />", () => {
     saving,
     sharedTo,
   };
-  const renderOpts = {
-    messages: {
-      en: {
-        "concept.sharedTo.header": "shared to",
-        "concept.sharedTo.dropdown.placeholder": "select domain",
-        "concept.sharedTo.dropdown.label": "domain",
-        "share.actions.submit": "submit",
-      },
-    },
-  };
 
   it("matches the latest snapshot", async () => {
-    const { container } = render(<SharedToForm {...props} />, renderOpts);
+    const { container } = render(<SharedToForm {...props} />);
     await waitFor(() => {
       expect(container).toMatchSnapshot();
     });
   });
 
   it("enables share button when we select a domain", async () => {
-    const { findByText, queryByText } = render(
-      <SharedToForm {...props} />,
-      renderOpts
-    );
+    const { findByText, queryByText } = render(<SharedToForm {...props} />);
 
-    expect(queryByText(/submit/)).toBeDisabled();
+    expect(queryByText("Share")).toBeDisabled();
     userEvent.click(await findByText(/baz/));
     await waitFor(() => {
-      expect(queryByText(/submit/)).not.toBeDisabled();
+      expect(queryByText("Share")).not.toBeDisabled();
     });
   });
 
   it("invokes function when submit button clicked", async () => {
-    const { findByText, queryByText } = render(
-      <SharedToForm {...props} />,
-      renderOpts
-    );
+    const { findByText, queryByText } = render(<SharedToForm {...props} />);
 
-    expect(queryByText(/submit/)).toBeDisabled();
+    expect(queryByText("Share")).toBeDisabled();
     userEvent.click(await findByText(/baz/));
     await waitFor(() => {
-      expect(queryByText(/submit/)).not.toBeDisabled();
+      expect(queryByText("Share")).not.toBeDisabled();
     });
-    userEvent.click(await findByText(/submit/));
+    userEvent.click(await findByText("Share"));
     await waitFor(() => {
       expect(saveSharedTo.mock.calls.length).toBe(1);
     });

package/src/concepts/components/__tests__/__snapshots__/ConceptFilters.spec.js.snap

@@ -1,14 +1,47 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptFilters /> matches the latest snapshot 1`] = `
-<Switch>
-  <Route
-    exact={true}
-    path="/concepts"
-    render={[Function]}
-  />
-  <Route
-    render={[Function]}
-  />
-</Switch>
+<div>
+  <div
+    aria-expanded="false"
+    class="ui button floating labeled scrolling dropdown icon"
+    role="listbox"
+    tabindex="0"
+  >
+    <div
+      aria-atomic="true"
+      aria-live="polite"
+      class="divider text"
+      role="alert"
+    >
+      Filters
+    </div>
+    <i
+      aria-hidden="true"
+      class="filter icon"
+    />
+    <div
+      class="menu transition"
+    >
+      <div
+        class="item"
+        role="option"
+      >
+        <em>
+          (reset all filters)
+        </em>
+      </div>
+      <div
+        class="item"
+        role="option"
+      >
+        <span
+          class="text"
+        >
+          confidential
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
 `;