@truedat/dd 4.44.1 → 4.44.4

package/src/components/__tests__/ReferenceDatasetForm.spec.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import ReferenceDatasetForm from "../ReferenceDatasetForm";
+
+const dataset = {
+  id: "123",
+  name: "foo",
+  headers: ["foo", "bar", "baz"],
+  rows: [
+    ["foo1", "bar1", "baz1"],
+    ["foo2", "bar2", "baz2"],
+  ],
+};
+
+describe("<ReferenceDatasetForm />", () => {
+  const onSubmit = jest.fn();
+  const props = { dataset, onSubmit };
+
+  it("matches the latest snapshot", async () => {
+    const { container, findByText } = render(
+      <ReferenceDatasetForm {...props} />
+    );
+    await findByText("Save");
+    expect(container).toMatchSnapshot();
+  });
+
+  it("form is disabled until modified", async () => {
+    const { findByText, findByRole, getByRole, queryByRole } = render(
+      <ReferenceDatasetForm {...props} />
+    );
+    await findByText("Save");
+
+    // Form is disabled until modified
+    expect(queryByRole("button", { name: /Save/ })).toBeDisabled();
+    userEvent.type(await findByRole("textbox"), "bar");
+
+    // Form is now enabled
+    await waitFor(() =>
+      expect(getByRole("button", { name: /Save/ })).not.toBeDisabled()
+    );
+
+    // Submit
+    await waitFor(() => {
+      userEvent.click(getByRole("button", { name: /Save/ }));
+    });
+
+    expect(onSubmit).toHaveBeenCalled();
+  });
+});

package/src/components/__tests__/ReferenceDatasetHeader.spec.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ReferenceDatasetHeader from "../ReferenceDatasetHeader";
+
+const dataset = {
+  id: "123",
+  name: "foo",
+};
+
+describe("<ReferenceDatasetHeader />", () => {
+  const props = { dataset };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ReferenceDatasetHeader {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/__tests__/ReferenceDatasetRoutes.spec.js

@@ -0,0 +1,74 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ReferenceDatasetRoutes from "../ReferenceDatasetRoutes";
+import {
+  REFERENCE_DATASET_QUERY,
+  REFERENCE_DATASETS_QUERY,
+} from "../../api/queries";
+
+jest.mock("@truedat/core/hooks", () => ({
+  useAuthorized: jest.fn(() => true),
+}));
+
+const dataset = {
+  __typename: "ReferenceDataset",
+  id: "123",
+  name: "foo",
+  headers: ["foo", "bar", "baz"],
+  rowCount: 2,
+  rows: [
+    ["foo1", "bar1", "baz1"],
+    ["foo2", "bar2", "baz2"],
+  ],
+  updatedAt: "2020-01-01T00:00:00.000Z",
+};
+
+const datasetsMock = {
+  request: { query: REFERENCE_DATASETS_QUERY },
+  result: { data: { referenceDatasets: [dataset] } },
+};
+
+const datasetMock = {
+  request: { query: REFERENCE_DATASET_QUERY, variables: { id: "123" } },
+  result: { data: { referenceDataset: dataset } },
+};
+
+describe("<ReferenceDatasetRoutes />", () => {
+  const props = { dataset };
+
+  it("matches the latest snapshot (list route)", async () => {
+    const renderOpts = {
+      routes: ["/referenceDatasets"],
+      mocks: [datasetsMock],
+    };
+    const { container, findByText } = render(
+      <ReferenceDatasetRoutes {...props} />,
+      renderOpts
+    );
+    await findByText("foo");
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot (create route)", async () => {
+    const renderOpts = { routes: ["/referenceDatasets/new"] };
+    const { container, findByRole } = render(
+      <ReferenceDatasetRoutes {...props} />,
+      renderOpts
+    );
+    await findByRole("button", { name: "Save" });
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot (view route)", async () => {
+    const renderOpts = {
+      routes: ["/referenceDatasets/123"],
+      mocks: [datasetMock],
+    };
+    const { container, findByText } = render(
+      <ReferenceDatasetRoutes {...props} />,
+      renderOpts
+    );
+    await findByText("baz2");
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/__tests__/ReferenceDatasetTable.spec.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ReferenceDatasetTable from "../ReferenceDatasetTable";
+
+const props = {
+  headers: ["foo", "bar", "baz"],
+  rows: [
+    ["foo1", "bar1", "baz1"],
+    ["foo2", "bar2", "baz2"],
+  ],
+};
+
+describe("<ReferenceDatasetTable />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ReferenceDatasetTable {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/__tests__/ReferenceDatasets.spec.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ReferenceDatasets from "../ReferenceDatasets";
+import { REFERENCE_DATASETS_QUERY } from "../../api/queries";
+
+const dataset = {
+  __typename: "ReferenceDataset",
+  id: "123",
+  name: "foo",
+  headers: ["foo", "bar", "baz"],
+  rowCount: 2,
+  rows: [
+    ["foo1", "bar1", "baz1"],
+    ["foo2", "bar2", "baz2"],
+  ],
+  updatedAt: "2020-01-01T00:00:00.000Z",
+};
+
+const datasetsMock = {
+  request: { query: REFERENCE_DATASETS_QUERY },
+  result: { data: { referenceDatasets: [dataset] } },
+};
+
+const renderOpts = { mocks: [datasetsMock] };
+
+describe("<ReferenceDatasets />", () => {
+  it("matches the latest snapshot", async () => {
+    const { container, findByText } = render(<ReferenceDatasets />, renderOpts);
+    await findByText("One dataset found");
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/__tests__/ReferenceDatasetsTable.spec.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import ReferenceDatasetsTable from "../ReferenceDatasetsTable";
+
+const props = {
+  datasets: [
+    {
+      id: "123",
+      name: "foo",
+      headers: ["foo", "bar", "baz"],
+      rowCount: 2,
+      updatedAt: "2020-01-01T00:00:00.000Z",
+    },
+  ],
+};
+
+describe("<ReferenceDatasetsTable />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<ReferenceDatasetsTable {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/components/__tests__/StructureGrantRequestButton.spec.js

@@ -2,25 +2,15 @@ import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-
 import { StructureGrantRequestButton } from "../StructureGrantRequestButton";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 describe("<StructureGrantRequestButton />", () => {
   it("render a button", async () => {
     const props = {
       requested: false,
       authorized: true,
     };
-    const { getByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { getByText } = render(<StructureGrantRequestButton {...props} />);
     expect(getByText("Request grant")).toMatchSnapshot();
   });
 
@@ -33,10 +23,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: true,
     };
-    const { findByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureGrantRequestButton {...props} />);
     userEvent.click(await findByText("Request grant"));
     await waitFor(() => {
       expect(addRequest.mock.calls.length).toBe(1);
@@ -53,10 +40,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: true,
     };
-    const { findByText } = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureGrantRequestButton {...props} />);
     userEvent.click(await findByText("Pending request"));
     await waitFor(() => {
       expect(addRequest.mock.calls.length).toBe(0);
@@ -73,10 +57,7 @@ describe("<StructureGrantRequestButton />", () => {
       removeGrantRequestFromCart: removeRequest,
       authorized: false,
     };
-    const component = render(
-      <StructureGrantRequestButton {...props} />,
-      renderOpts
-    );
+    const component = render(<StructureGrantRequestButton {...props} />);
     const { queryAllByText } = component;
     expect(queryAllByText("Request grant")).toHaveLength(0);
     expect(queryAllByText("Pending request")).toHaveLength(0);

package/src/components/__tests__/StructureNoteActions.spec.js

@@ -4,17 +4,6 @@ import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
 import { StructureNoteActions } from "../StructureNoteActions";
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: {
-    en: {
-      ...messages,
-      "confirmation.no": "No",
-      "confirmation.yes": "Yes",
-    },
-  },
-};
 
 describe("<StructureNoteActions />", () => {
   it("matches the latest snapshot", () => {
@@ -47,10 +36,7 @@ describe("<StructureNoteActions />", () => {
       structure: { id: 1 },
     };
 
-    const { findByText } = render(
-      <StructureNoteActions {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureNoteActions {...props} />);
 
     userEvent.click(await findByText(/Delete/));
 
@@ -85,10 +71,7 @@ describe("<StructureNoteActions />", () => {
       structure: { id: 1 },
     };
 
-    const { findByText } = render(
-      <StructureNoteActions {...props} />,
-      renderOpts
-    );
+    const { findByText } = render(<StructureNoteActions {...props} />);
 
     userEvent.click(await findByText(/Send to approve/));
 

package/src/components/__tests__/StructureNotes.spec.js

@@ -1,24 +1,13 @@
 import React, { Suspense } from "react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import { intl } from "@truedat/test/intl-stub";
 import { StructureNotes } from "../StructureNotes";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 jest.mock("@truedat/df/components/DynamicFormViewer", () => {
   const DynamicFormViewer = () => <div>DynamicFormViewer</div>;
   return DynamicFormViewer;
 });
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
 describe("<StructureNotes />", () => {
   it("matches the latest snapshot", async () => {
     const props = {
@@ -46,16 +35,15 @@ describe("<StructureNotes />", () => {
     const { findByText, container } = render(
       <Suspense fallback={null}>
         <StructureNotes {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
     expect(container).toMatchSnapshot();
 
-    userEvent.click(await findByText(/show_versioned/));
+    userEvent.click(await findByText("Show previous versions"));
 
     expect(container).toMatchSnapshot();
 
-    userEvent.click(await findByText(/collapsed/));
+    userEvent.click(await findByText("Show content"));
 
     expect(container).toMatchSnapshot();
   });

package/src/components/__tests__/StructureNotesEdit.spec.js

@@ -2,16 +2,9 @@ import React, { Suspense } from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import { intl } from "@truedat/test/intl-stub";
 import { applyTemplate } from "@truedat/df/utils";
 import { StructureNotesEdit } from "../StructureNotesEdit";
 
-import messages from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: messages },
-};
-
 const DynamicForm = () => <div>DynamicForm</div>;
 const TemplateLoader = () => <div>TemplateLoader</div>;
 
@@ -21,10 +14,6 @@ jest.mock(
   () => TemplateLoader
 );
 
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
 describe("<StructureNotesEdit />", () => {
   it("matches the latest snapshot", () => {
     const props = {
@@ -42,8 +31,7 @@ describe("<StructureNotesEdit />", () => {
     const { container } = render(
       <Suspense fallback={null}>
         <StructureNotesEdit {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
     expect(container).toMatchSnapshot();
   });
@@ -82,11 +70,10 @@ describe("<StructureNotesEdit />", () => {
     const { findByText } = render(
       <Suspense fallback={null}>
         <StructureNotesEdit {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
 
-    userEvent.click(await findByText(/actions\.save/));
+    userEvent.click(await findByText("Save"));
 
     await waitFor(() => {
       expect(doStructureNoteAction.mock.calls.length).toBe(1);

package/src/components/__tests__/StructureTagForm.spec.js

@@ -3,16 +3,14 @@ import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
 import { DOMAINS_QUERY } from "@truedat/core/api/queries";
-import coreEn from "@truedat/core/messages/en";
 import StructureTagForm from "../StructureTagForm";
-import en from "../../messages/en";
 
 const domainsMock = {
   request: { query: DOMAINS_QUERY },
   result: { data: { domains: [{ id: "123", name: "foo" }] } },
 };
+
 const renderOpts = {
-  messages: { en: { ...coreEn, ...en } },
   mocks: [domainsMock],
 };
 

package/src/components/__tests__/StructuresOptions.spec.js

@@ -1,13 +1,7 @@
 import React from "react";
 import { waitFor } from "@testing-library/react";
 import { render } from "@truedat/test/render";
-import coreEn from "@truedat/core/messages/en";
 import StructuresOptions from "../StructuresOptions";
-import en from "../../messages/en";
-
-const renderOpts = {
-  messages: { en: { ...coreEn, ...en } },
-};
 
 describe("<StructuresOptions />", () => {
   const props = {
@@ -18,7 +12,7 @@ describe("<StructuresOptions />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container } = render(<StructuresOptions {...props} />, renderOpts);
+    const { container } = render(<StructuresOptions {...props} />);
     await waitFor(() => expect(container).toMatchSnapshot());
   });
 });

package/src/components/__tests__/StructuresUploadEventsTable.spec.js

@@ -1,8 +1,6 @@
-import _ from "lodash/fp";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";
-import en from "../../messages/en";
 import StructuresUploadEventsTable from "../StructuresUploadEventsTable";
 
 const events = [
@@ -55,8 +53,9 @@ const events = [
 ];
 
 const renderOpts = {
-  messages: { en },
-  state: { structuresUploadEvents: events },
+  state: {
+    structuresUploadEvents: events,
+  },
 };
 
 describe("<StructuresUploadEventsTable />", () => {

package/src/components/__tests__/__snapshots__/DictionaryRoutes.spec.js.snap

@@ -29,6 +29,10 @@ exports[`<DictionaryRoutes /> matches the latest snapshot 1`] = `
     path="/structureNotes"
     render={[Function]}
   />
+  <Route
+    path="/referenceDatasets"
+    render={[Function]}
+  />
   <Route
     path="/profileGroups/:id"
     render={[Function]}

package/src/components/__tests__/__snapshots__/PendingStructureNotes.spec.js.snap

@@ -16,11 +16,11 @@ exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Header
+        Pending Notes
         <div
           class="sub header"
         >
-          Sub header
+          Structure notes pending some action
         </div>
       </div>
     </h2>
@@ -50,7 +50,7 @@ exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
             value=""
           />
           <label>
-            Empty
+            Pending approval
           </label>
         </div>
         <div