@truedat/dd 4.40.13 → 4.41.1

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

@@ -0,0 +1,102 @@
+import React, { Suspense } from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import {
+  PendingStructureNotes,
+  STRUCTURE_NOTES,
+} from "../PendingStructureNotes";
+
+jest.mock("react-redux", () => ({
+  ...jest.requireActual("react-redux"),
+  useSelector: jest.fn((selector) =>
+    selector({
+      systems: [
+        { external_id: "some_external_id", id: 10, name: "some system" },
+      ],
+    })
+  ),
+}));
+
+const domains = [
+  { id: 1, name: "Domain 1", level: 0 },
+  { id: 2, name: "Domain 2", level: 0 },
+];
+
+const messages = {
+  en: {
+    "structure.notes.status.pending_approval": "Empty",
+    "pendingStructureNotes.filters": "Filters",
+    "pendingStructureNotes.props.status": "Status",
+    "pendingStructureNotes.props.system": "System",
+    "pendingStructureNotes.props.domains": "Domains",
+    "structure.notes.status.draft": "Draft",
+    "structure.notes.status.rejected": "Rejected",
+    "pendingStructureNotes.header": "Header",
+    "pendingStructureNotes.subheader": "Sub header",
+    "pendingStructureNotes.search.results.empty": "Serch Empty",
+    "domain.selector.placeholder": "Place Holder",
+    "domain.selector.label": "label",
+    "template.form.validation.empty_required": "empty required",
+  },
+};
+
+const structureNotes = {
+  loading: false,
+  structureNotes: [
+    {
+      id: "7207",
+      status: "draft",
+      data_structure: {
+        current_version: {
+          name: "bar",
+          path: ["bar rute"],
+        },
+        domains: [{ name: "bar domain" }],
+        system: { name: "bar system" },
+      },
+    },
+    {
+      id: "665214",
+      status: "rejected",
+      data_structure: {
+        current_version: {
+          name: "foo",
+          path: ["foo rute", "other route"],
+        },
+        domains: [{ name: "foo domain 1" }, { name: "foo domain 2" }],
+        system: { name: "foo system" },
+      },
+    },
+  ],
+};
+
+const StructureNotesMock = {
+  request: { query: STRUCTURE_NOTES },
+  result: { data: { structureNotes } },
+};
+
+const renderOpts = {
+  mocks: [StructureNotesMock],
+  messages,
+  state: { domains },
+};
+
+describe("<PendingStructureNotes />", () => {
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(
+      <Suspense fallback={null}>
+        <PendingStructureNotes />
+      </Suspense>,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+
+    await waitFor(() => {
+      expect(queryByText(/some system/)).toBeTruthy();
+    });
+
+    await waitFor(() => {
+      expect(queryByText(/Domain 1/)).toBeTruthy();
+    });
+  });
+});

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

@@ -0,0 +1,83 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import { render } from "@truedat/test/render";
+import PendingStructureNotesTable from "../PendingStructureNotesTable";
+
+const renderOpts = {
+  messages: {
+    en: {
+      "pendingStructureNotes.search.results.empty": "Empty",
+      "pendingStructureNotes.props.structure": "Structure",
+      "pendingStructureNotes.props.status": "Status",
+      "pendingStructureNotes.props.system": "System",
+      "pendingStructureNotes.props.domains": "Domains",
+      "structure.notes.status.draft": "Draft",
+      "structure.notes.status.rejected": "Rejected",
+      "pendingStructureNotes.props.path": "Path",
+    },
+  },
+};
+
+const props = {
+  loading: false,
+  structureNotes: [
+    {
+      id: "7207",
+      status: "draft",
+      data_structure: {
+        current_version: {
+          name: "bar",
+          path: ["bar rute"],
+        },
+        domains: [{ name: "bar domain" }],
+        system: { name: "bar system" },
+      },
+    },
+    {
+      id: "665214",
+      status: "rejected",
+      data_structure: {
+        current_version: {
+          name: "foo",
+          path: ["foo rute", "other route"],
+        },
+        domains: [{ name: "foo domain 1" }, { name: "foo domain 2" }],
+        system: { name: "foo system" },
+      },
+    },
+  ],
+};
+
+describe("<PendingStructureNotesTable />", () => {
+  it("matches the latest snapshot", async () => {
+    const { container, queryByText } = render(
+      <PendingStructureNotesTable {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+
+    await waitFor(() => {
+      expect(queryByText(/Draft/)).toBeTruthy();
+    });
+
+    await waitFor(() => {
+      expect(queryByText(/Rejected/)).toBeTruthy();
+    });
+  });
+
+  it("matches when StructureNotes are empty and not loading", async () => {
+    const props = {
+      loading: false,
+      structureNotes: [],
+    };
+
+    const { container, queryByText } = render(
+      <PendingStructureNotesTable {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+    await waitFor(() => {
+      expect(queryByText(/Empty/)).toBeTruthy();
+    });
+  });
+});

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

@@ -10,7 +10,12 @@ const renderOpts = {
 };
 
 describe("<StructuresOptions />", () => {
-  const props = { bulkUpload: {}, bulkUpdate: {}, autoPublish: {} };
+  const props = {
+    bulkUpload: {},
+    bulkUpdate: {},
+    bulkUploadDomains: {},
+    autoPublish: {},
+  };
 
   it("matches the latest snapshot", async () => {
     const { container } = render(<StructuresOptions {...props} />, renderOpts);

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

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

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

@@ -11,107 +11,96 @@ exports[`<EditDomainForm /> matches the latest snapshot 1`] = `
     >
       title
     </h2>
-    <div
-      class="required field"
+    <form
+      class="ui form"
     >
-      <label>
-        Domain
-      </label>
       <div
-        class="field"
+        class="ui segment"
       >
         <div
-          aria-expanded="false"
-          class="ui fluid multiple search selection dropdown"
-          name="domain"
-          role="combobox"
+          class="field"
         >
-          <input
-            aria-autocomplete="list"
-            autocomplete="off"
-            class="search"
-            tabindex="0"
-            type="text"
-            value=""
-          />
-          <span
-            class="sizer"
-          />
-          <div
-            aria-atomic="true"
-            aria-live="polite"
-            class="divider default text"
-            role="alert"
-          >
-            Select a domain...
-          </div>
-          <i
-            aria-hidden="true"
-            class="dropdown icon"
-          />
           <div
+            aria-expanded="false"
             aria-multiselectable="true"
-            class="menu transition"
+            class="ui floating multiple dropdown"
             role="listbox"
+            tabindex="0"
           >
+            <label>
+              Select domains ...
+            </label>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
             <div
-              aria-checked="false"
-              aria-selected="true"
-              class="selected item"
-              role="option"
-              style="pointer-events: all;"
+              class="menu transition"
             >
               <div
-                class="text"
-                style="margin-left: 0px;"
+                class="ui left icon input search"
               >
+                <input
+                  type="text"
+                />
                 <i
                   aria-hidden="true"
-                  class="icon"
+                  class="search icon"
                 />
-                Domain 1
               </div>
-            </div>
-            <div
-              aria-checked="false"
-              aria-selected="false"
-              class="item"
-              role="option"
-              style="pointer-events: all;"
-            >
               <div
-                class="text"
-                style="margin-left: 0px;"
+                class="scrolling menu transition"
               >
-                <i
-                  aria-hidden="true"
-                  class="icon"
-                />
-                Domain 2
+                <div
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                >
+                  <div
+                    style="margin-left: 0px;"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="icon"
+                    />
+                    Domain 1
+                  </div>
+                </div>
+                <div
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                >
+                  <div
+                    style="margin-left: 0px;"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="icon"
+                    />
+                    Domain 2
+                  </div>
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div
-      class="ui checked checkbox"
-    >
-      <input
-        checked=""
-        class="hidden"
-        readonly=""
-        tabindex="0"
-        type="checkbox"
-        value=""
-      />
-      <label>
-        Apply on children
-      </label>
-    </div>
-    <form
-      class="ui form"
-    >
+      <div
+        class="ui checked checkbox"
+      >
+        <input
+          checked=""
+          class="hidden"
+          readonly=""
+          tabindex="0"
+          type="checkbox"
+          value=""
+        />
+        <label>
+          Apply on children
+        </label>
+      </div>
       <div
         class="actions"
       >

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

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PendingStructureNoteRow /> matches the latest snapshot 1`] = `
+<div>
+  <tr
+    class=""
+  >
+    <td
+      class=""
+    >
+      bar
+    </td>
+    <td
+      class=""
+    >
+      Draft
+    </td>
+    <td
+      class=""
+    >
+      bar system
+    </td>
+    <td
+      class=""
+    >
+      bar domain
+    </td>
+    <td
+      class=""
+    >
+      bar rute
+    </td>
+  </tr>
+</div>
+`;

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

@@ -0,0 +1,126 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment"
+    style="display: none;"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="sticky note outline circular icon"
+      />
+      <div
+        class="content"
+      >
+        Header
+        <div
+          class="sub header"
+        >
+          Sub header
+        </div>
+      </div>
+    </h2>
+    <form
+      class="ui form"
+    >
+      <h5
+        class="ui header"
+      >
+        Filters
+      </h5>
+      <div
+        class="field subscriptions-checkbox-filters"
+      >
+        <label>
+          Status
+        </label>
+        <div
+          class="ui checked checkbox"
+        >
+          <input
+            checked=""
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+            value=""
+          />
+          <label>
+            Empty
+          </label>
+        </div>
+        <div
+          class="ui checked checkbox"
+        >
+          <input
+            checked=""
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+            value=""
+          />
+          <label>
+            Draft
+          </label>
+        </div>
+        <div
+          class="ui checked checkbox"
+        >
+          <input
+            checked=""
+            class="hidden"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+            value=""
+          />
+          <label>
+            Rejected
+          </label>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label>
+          System
+        </label>
+        <div
+          aria-expanded="false"
+          aria-multiselectable="true"
+          class="ui multiple selection dropdown"
+          role="listbox"
+          tabindex="0"
+        >
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+          >
+            <div
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                some system
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,123 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
+<div>
+  <table
+    class="ui selectable table"
+  >
+    <thead
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <th
+          class=""
+        >
+          Structure
+        </th>
+        <th
+          class=""
+        >
+          Status
+        </th>
+        <th
+          class=""
+        >
+          System
+        </th>
+        <th
+          class=""
+        >
+          Domains
+        </th>
+        <th
+          class=""
+        >
+          Path
+        </th>
+      </tr>
+    </thead>
+    <tbody
+      class=""
+    >
+      <tr
+        class=""
+      >
+        <td
+          class=""
+        >
+          bar
+        </td>
+        <td
+          class=""
+        >
+          Draft
+        </td>
+        <td
+          class=""
+        >
+          bar system
+        </td>
+        <td
+          class=""
+        >
+          bar domain
+        </td>
+        <td
+          class=""
+        >
+          bar rute
+        </td>
+      </tr>
+      <tr
+        class=""
+      >
+        <td
+          class=""
+        >
+          foo
+        </td>
+        <td
+          class=""
+        >
+          Rejected
+        </td>
+        <td
+          class=""
+        >
+          foo system
+        </td>
+        <td
+          class=""
+        >
+          foo domain 1, foo domain 2
+        </td>
+        <td
+          class=""
+        >
+          foo rute &gt; other route
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;
+
+exports[`<PendingStructureNotesTable /> matches when StructureNotes are empty and not loading 1`] = `
+<div>
+  <h4
+    class="ui header"
+  >
+    <i
+      aria-hidden="true"
+      class="search icon"
+    />
+    <div
+      class="content"
+    >
+      Empty
+    </div>
+  </h4>
+</div>
+`;

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

@@ -68,6 +68,20 @@ exports[`<StructuresOptions /> matches the latest snapshot 1`] = `
           Upload structure notes
         </span>
       </div>
+      <div
+        class="item"
+        role="option"
+      >
+        <i
+          aria-hidden="true"
+          class="upload icon"
+        />
+        <span
+          class="text"
+        >
+          Update structure domains
+        </span>
+      </div>
       <div
         class="divider"
       />