@truedat/dd 4.44.2 → 4.44.5

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,29 +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>;
-
-jest.mock("@truedat/df/components/DynamicForm", () => DynamicForm);
-jest.mock(
-  "@truedat/df/templates/components/TemplateLoader",
-  () => 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 = {
@@ -38,12 +18,12 @@ describe("<StructureNotesEdit />", () => {
       },
       latestDfContent: { foo: "bar" },
       applyTemplate: applyTemplate({ id: 2 }),
+      selectDomains: jest.fn(),
     };
     const { container } = render(
       <Suspense fallback={null}>
         <StructureNotesEdit {...props} />
-      </Suspense>,
-      renderOpts
+      </Suspense>
     );
     expect(container).toMatchSnapshot();
   });
@@ -77,16 +57,16 @@ describe("<StructureNotesEdit />", () => {
       },
       latestDfContent: { foo: "bar" },
       applyTemplate: applyTemplate(template),
+      selectDomains: jest.fn(),
     };
 
     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__/StructureProperties.spec.js

@@ -1,22 +1,20 @@
 import React from "react";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
-import { StructureProperties, mapStateToProps } from "../StructureProperties";
+import { render } from "@truedat/test/render";
+import StructureProperties from "../StructureProperties";
 
 describe("<StructureProperties />", () => {
   it("matches the latest snapshot", () => {
     const structure = { description: "dd", group: "gp" };
     const state = { structure };
-    const props = mapStateToProps(state);
-    const wrapper = shallowWithIntl(<StructureProperties {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<StructureProperties />, { state });
+    expect(container).toMatchSnapshot();
   });
 
   it("matches the latest snapshot (custom structureProperties)", () => {
     const structure = { metadata: { foo: "bar" } };
     const structureProperties = [{ name: "metadata.foo" }];
     const state = { structure, structureProperties };
-    const props = mapStateToProps(state);
-    const wrapper = shallowWithIntl(<StructureProperties {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<StructureProperties />, { state });
+    expect(container).toMatchSnapshot();
   });
 });

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__/StructureVersionListItem.spec.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { shallowWithIntl } from "@truedat/test/intl-stub";
-import { StructureVersionListItem } from "../StructureVersionListItem";
+import { render } from "@truedat/test/render";
+import StructureVersionListItem from "../StructureVersionListItem";
 
 describe("<StructureVersionListItem />", () => {
   it("matches the latest snapshot", () => {
@@ -11,7 +11,7 @@ describe("<StructureVersionListItem />", () => {
     const inserted_at = "2018-01-01T01:01:01.123456Z";
     const props = { id, version, inserted_at, history };
 
-    const wrapper = shallowWithIntl(<StructureVersionListItem {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<StructureVersionListItem {...props} />);
+    expect(container).toMatchSnapshot();
   });
 });

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__/LineageRoutes.spec.js.snap

@@ -1,22 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<LineageRoutes /> matches the latest snapshot 1`] = `
-<Fragment>
-  <Route
-    path="/graphs"
-    render={[Function]}
-  />
-  <Route
-    path="/graphs/:id"
-    render={[Function]}
-  />
-  <Route
-    path="/lineage_events"
-    render={[Function]}
-  />
-  <Route
-    path="/sample"
-    render={[Function]}
-  />
-</Fragment>
-`;
+exports[`<LineageRoutes /> matches the latest snapshot 1`] = `<div />`;

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

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

@@ -12,7 +12,7 @@ exports[`<Event /> matches the latest snapshot 1`] = `
   />
   <FeedContent
     date={
-      <t
+      <n
         ago={false}
         calendar={false}
         date="2019-09-20 17:01:00"
@@ -27,6 +27,7 @@ exports[`<Event /> matches the latest snapshot 1`] = `
         onChange={[Function]}
         titleFormat=""
         toNow={false}
+        trim={false}
         unit={null}
         unix={false}
         utc={false}

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

@@ -0,0 +1,365 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ReferenceDataset /> edit dataset view matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/referenceDatasets"
+    >
+      Reference Data
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      foo
+    </div>
+  </div>
+  <div
+    class="ui segment"
+  >
+    <div
+      class="ui grid"
+    >
+      <div
+        class="eight wide column"
+      >
+        <h2
+          class="ui header"
+        >
+          <i
+            aria-hidden="true"
+            class="list ol circular icon"
+          />
+          <div
+            class="content"
+          >
+            foo
+            <div
+              class="sub header"
+            >
+              Reference Dataset
+            </div>
+          </div>
+        </h2>
+      </div>
+      <div
+        class="right aligned eight wide column"
+      >
+        <div
+          aria-expanded="false"
+          class="ui floating dropdown button icon group-actions"
+          role="listbox"
+          tabindex="0"
+        >
+          <i
+            aria-hidden="true"
+            class="ellipsis vertical icon"
+          />
+          <div
+            class="left menu transition"
+          >
+            <a
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              href="/referenceDatasets/123/edit"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <i
+                aria-hidden="true"
+                class="edit icon"
+              />
+              <span
+                class="text"
+              >
+                Edit
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <i
+                aria-hidden="true"
+                class="download icon"
+              />
+              <span
+                class="text"
+              >
+                Download
+              </span>
+            </a>
+            <button
+              class="ui button"
+            >
+              <i
+                aria-hidden="true"
+                class="trash icon"
+              />
+              Delete
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <form
+      class="ui form"
+    >
+      <div
+        class="required field"
+      >
+        <label>
+          Name
+        </label>
+        <div
+          class="ui input"
+        >
+          <input
+            autocomplete="off"
+            required=""
+            type="text"
+            value="foo"
+          />
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label>
+          Dataset File
+        </label>
+        <div
+          class="ui input"
+        >
+          <input
+            accept="text/*,.csv,.txt"
+            type="file"
+          />
+        </div>
+      </div>
+      <div
+        class="actions"
+      >
+        <button
+          class="ui primary disabled right floated button"
+          disabled=""
+          tabindex="-1"
+          type="submit"
+        >
+          Save
+        </button>
+        <a
+          class="ui secondary button"
+          href="/referenceDatasets/123/edit"
+          role="button"
+        >
+          Cancel
+        </a>
+      </div>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`<ReferenceDataset /> show dataset view matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/referenceDatasets"
+    >
+      Reference Data
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      foo
+    </div>
+  </div>
+  <div
+    class="ui segment"
+  >
+    <div
+      class="ui grid"
+    >
+      <div
+        class="eight wide column"
+      >
+        <h2
+          class="ui header"
+        >
+          <i
+            aria-hidden="true"
+            class="list ol circular icon"
+          />
+          <div
+            class="content"
+          >
+            foo
+            <div
+              class="sub header"
+            >
+              Reference Dataset
+            </div>
+          </div>
+        </h2>
+      </div>
+      <div
+        class="right aligned eight wide column"
+      >
+        <div
+          aria-expanded="false"
+          class="ui floating dropdown button icon group-actions"
+          role="listbox"
+          tabindex="0"
+        >
+          <i
+            aria-hidden="true"
+            class="ellipsis vertical icon"
+          />
+          <div
+            class="left menu transition"
+          >
+            <a
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              href="/referenceDatasets/123/edit"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <i
+                aria-hidden="true"
+                class="edit icon"
+              />
+              <span
+                class="text"
+              >
+                Edit
+              </span>
+            </a>
+            <a
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <i
+                aria-hidden="true"
+                class="download icon"
+              />
+              <span
+                class="text"
+              >
+                Download
+              </span>
+            </a>
+            <button
+              class="ui button"
+            >
+              <i
+                aria-hidden="true"
+                class="trash icon"
+              />
+              Delete
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <table
+      class="ui very basic compact table"
+    >
+      <thead
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <th
+            class=""
+          >
+            foo
+          </th>
+          <th
+            class=""
+          >
+            bar
+          </th>
+          <th
+            class=""
+          >
+            baz
+          </th>
+        </tr>
+      </thead>
+      <tbody
+        class=""
+      >
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            foo1
+          </td>
+          <td
+            class=""
+          >
+            bar1
+          </td>
+          <td
+            class=""
+          >
+            baz1
+          </td>
+        </tr>
+        <tr
+          class=""
+        >
+          <td
+            class=""
+          >
+            foo2
+          </td>
+          <td
+            class=""
+          >
+            bar2
+          </td>
+          <td
+            class=""
+          >
+            baz2
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;