@truedat/dd 7.5.7 → 7.5.10

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

@@ -1,57 +1,45 @@
 import React from "react";
-import { render } from "@truedat/test/render";
-import { waitFor } from "@testing-library/react";
+import { render, waitForLoad } from "@truedat/test/render";
 import TasksRoutes from "../TasksRoutes";
-import { TASK_QUERY, TASKS_QUERY } from "../../api/queries";
-import en from "../../messages/en";
+import { useAuthorized } from "@truedat/core/hooks/useAuthorized";
+import { TASKS, TASK } from "@truedat/core/routes";
 
-jest.mock("@truedat/core/hooks", () => ({
+jest.mock("@truedat/core/hooks/useAuthorized", () => ({
   useAuthorized: jest.fn(() => true),
 }));
 
-const task = {
-  __typename: "Task",
-  id: "123",
-  started_at: "2020-01-01T00:00:00.000Z",
-  last_message_at: "2020-01-01T00:01:00.000Z",
-  index: "grants",
-  status: "processing",
-  count: 10000,
-  processed: 1000,
-  memory_trace: [["2020-01-01T00:01:00.000Z", 100000]],
-  elapsed: 10,
-};
+jest.mock("../Tasks", () => () => <div>Tasks</div>);
+jest.mock("../Task", () => () => <div>Task</div>);
 
-const tasksMock = {
-  request: { query: TASKS_QUERY },
-  result: { data: { tasks: [task] } },
-};
+describe("<TasksRoutes />", () => {
+  it("renders correctly with default route", async () => {
+    const rendered = render(<TasksRoutes />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
 
-const taskMock = {
-  request: { query: TASK_QUERY, variables: { id: "123" } },
-  result: { data: { task } },
-};
+  it("renders correctly with tasks route", async () => {
+    const rendered = render(<TasksRoutes />, {
+      routes: [TASKS],
+    });
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
 
-describe("<TasksRoutes />", () => {
-  it("matches the latest snapshot (list route)", async () => {
-    const renderOpts = {
-      messages: { en },
-      routes: ["/reindex"],
-      mocks: [tasksMock],
-    };
-    const { container, findByText } = render(<TasksRoutes />, renderOpts);
-    await findByText("processing");
-    expect(container).toMatchSnapshot();
+  it("renders correctly with task detail route", async () => {
+    const rendered = render(<TasksRoutes />, {
+      routes: [TASK.replace(":id", "123")],
+    });
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot (view route)", async () => {
-    const renderOpts = {
-      messages: { en },
-      routes: ["/reindex/123"],
-      mocks: [taskMock],
-    };
-    const { container, findByText } = render(<TasksRoutes />, renderOpts);
-    await findByText("processing");
-    expect(container).toMatchSnapshot();
+  it("renders unauthorized component when not authorized", async () => {
+    useAuthorized.mockReturnValueOnce(false);
+    const rendered = render(<TasksRoutes />, {
+      routes: [TASKS],
+    });
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

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

@@ -1,27 +1,26 @@
-import React from "react";
-import { shallow, mount } from "enzyme";
+import { render, waitForLoad } from "@truedat/test/render";
 import { UserSearchFiltersLoader } from "../UserSearchFiltersLoader";
 
 describe("<UserSearchFiltersLoader />", () => {
-  const fetchUserSearchFilters = jest.fn();
-  const clearUserSearchFilters = jest.fn();
-
-  it("matches the latest snapshot", () => {
+  it("matches the latest snapshot", async () => {
+    const fetchUserSearchFilters = jest.fn();
+    const clearUserSearchFilters = jest.fn();
     const props = { clearUserSearchFilters, fetchUserSearchFilters };
-    const wrapper = shallow(<UserSearchFiltersLoader {...props} />);
-    expect(wrapper).toMatchSnapshot();
+    const rendered = render(<UserSearchFiltersLoader {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("calls fetchUserSearchFilters when component mounts, clearUserSearchFilters when component unmounts", () => {
+  it("calls fetchUserSearchFilters when component mounts, clearUserSearchFilters when component unmounts", async () => {
     const fetchUserSearchFilters = jest.fn();
     const clearUserSearchFilters = jest.fn();
-
     const props = { fetchUserSearchFilters, clearUserSearchFilters };
-    const wrapper = mount(<UserSearchFiltersLoader {...props} />);
-    expect(clearUserSearchFilters.mock.calls.length).toBe(0);
-    expect(fetchUserSearchFilters.mock.calls.length).toBe(1);
-    wrapper.unmount();
-    expect(clearUserSearchFilters.mock.calls.length).toBe(1);
-    expect(fetchUserSearchFilters.mock.calls.length).toBe(1);
+    const rendered = render(<UserSearchFiltersLoader {...props} />);
+    await waitForLoad(rendered);
+    expect(clearUserSearchFilters).not.toHaveBeenCalled();
+    expect(fetchUserSearchFilters).toHaveBeenCalledTimes(1);
+    rendered.unmount();
+    expect(clearUserSearchFilters).toHaveBeenCalledTimes(1);
+    expect(fetchUserSearchFilters).toHaveBeenCalledTimes(1);
   });
 });

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render } from "@truedat/test/render";

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

@@ -15,7 +15,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Add
+        domain.actions.add_member
       </div>
     </h2>
     <form
@@ -27,7 +27,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
         <label
           for="principal"
         >
-          Member
+          domain.member
         </label>
         <div
           aria-expanded="false"
@@ -49,7 +49,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
             class="divider default text"
             role="alert"
           >
-            Member
+            domain.member
           </div>
           <i
             aria-hidden="true"
@@ -73,7 +73,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
         <label
           for="role"
         >
-          Role
+          domain.role
         </label>
         <div
           aria-expanded="false"
@@ -96,7 +96,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
             class="divider default text"
             role="alert"
           >
-            Role
+            domain.role
           </div>
           <i
             aria-hidden="true"
@@ -120,7 +120,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
         <label
           for="description"
         >
-          Description
+          domain.role.member.description
         </label>
         <div
           class="ui input"
@@ -129,7 +129,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
             autocomplete="off"
             id="description"
             maxlength="120"
-            placeholder="Description"
+            placeholder="domain.role.member.description"
             type="text"
             value=""
           />
@@ -144,14 +144,15 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
           tabindex="-1"
           type="submit"
         >
-          Add
+          domain.actions.add_member
         </button>
         <a
           class="ui secondary button"
+          data-discover="true"
           href="/"
           role="button"
         >
-          Cancel
+          actions.cancel
         </a>
       </div>
     </form>

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

@@ -1,65 +1,177 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<DictionaryRoutes /> matches the latest snapshot 1`] = `
-<Fragment>
-  <Route
-    render={[Function]}
-  />
-  <Switch>
-    <Route
-      path="/bucketViewConfigs/:id/edit"
-      render={[Function]}
-    />
-    <Route
-      path="/bucketViewConfigs/new"
-      render={[Function]}
-    />
-    <Route
-      path="/bucketViewConfigs"
-      render={[Function]}
+exports[`<DictionaryRoutes /> renders correctly with bucket view config edit route 1`] = `
+<div>
+  <div>
+    CatalogViewConfigFormLoader
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with bucket view config new route 1`] = `
+<div>
+  <div>
+    CatalogViewConfigFormConnected
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with bucket view configs route 1`] = `
+<div>
+  <div>
+    CatalogViewConfigs
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with default route 1`] = `<div />`;
+
+exports[`<DictionaryRoutes /> renders correctly with profile execution route 1`] = `
+<div>
+  <div>
+    StructureTypesLoader
+  </div>
+  <div>
+    ProfileGroupLoader
+  </div>
+  <div>
+    ProfileExecutionBreadcrumbs
+  </div>
+  <div>
+    ProfileExecutionLoader
+  </div>
+  <div>
+    ProfileExecution
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with profile group route 1`] = `
+<div>
+  <div>
+    StructureTypesLoader
+  </div>
+  <div>
+    ProfileGroupLoader
+  </div>
+  <div>
+    ProfileGroup
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with reference datasets route 1`] = `
+<div>
+  <div>
+    ReferenceDatasetRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with structure notes route 1`] = `
+<div>
+  <div>
+    SystemsLoader
+  </div>
+  <div>
+    PendingStructureNotes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with structure tags route 1`] = `
+<div>
+  <div>
+    TagsRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with structure types route 1`] = `
+<div>
+  <div>
+    TemplatesLoader
+  </div>
+  <div>
+    StructureTypesLoader
+  </div>
+  <div>
+    StructureTypesRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with structures route 1`] = `
+<div>
+  <div>
+    TemplatesLoader
+  </div>
+  <div>
+    StructureTypesLoader
+  </div>
+  <div>
+    SystemsLoader
+  </div>
+  <div>
+    StructuresRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with structures upload events route 1`] = `
+<div>
+  <div>
+    StructuresUploadEvents
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with systems route 1`] = `
+<div>
+  <div>
+    TemplatesLoader
+  </div>
+  <div>
+    StructureTypesLoader
+  </div>
+  <div>
+    SystemsLoader
+  </div>
+  <div>
+    SystemsRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders correctly with tasks route 1`] = `
+<div>
+  <div>
+    TasksRoutes
+  </div>
+</div>
+`;
+
+exports[`<DictionaryRoutes /> renders unauthorized component when not authorized 1`] = `
+<div>
+  <div
+    class="ui icon visible bottom attached message center"
+  >
+    <i
+      aria-hidden="true"
+      class="warning sign icon"
     />
-  </Switch>
-  <Route
-    path={
-      [
-        "/structures",
-        "/buckets/:propertyPath",
-        "/bucketStructures",
-      ]
-    }
-    render={[Function]}
-  />
-  <Route
-    path="/systems"
-    render={[Function]}
-  />
-  <Route
-    path="/structureTags"
-    render={[Function]}
-  />
-  <Route
-    path="/structureTypes"
-    render={[Function]}
-  />
-  <Route
-    path="/bulkUpdateTemplateContentEvents"
-    render={[Function]}
-  />
-  <Route
-    path="/structureNotes"
-    render={[Function]}
-  />
-  <Route
-    path="/referenceDatasets"
-    render={[Function]}
-  />
-  <Route
-    path="/profileGroups/:id"
-    render={[Function]}
-  />
-  <Route
-    path="/reindex"
-    render={[Function]}
-  />
-</Fragment>
+    <div
+      class="content"
+    >
+      <div
+        class="header"
+      >
+        view.unauthorized.head
+      </div>
+      <p>
+        view.unauthorized.content
+      </p>
+    </div>
+  </div>
+</div>
 `;

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

@@ -15,8 +15,106 @@ exports[`<EditDomainForm /> matches the latest snapshot 1`] = `
       class="ui form"
     >
       <div
-        class="ui loading segment"
-      />
+        class="ui segment"
+      >
+        <div
+          class="field fix-dropdown-selector "
+        >
+          <label>
+            domain.multiple.placeholder
+          </label>
+          <div
+            aria-disabled="false"
+            aria-expanded="false"
+            aria-multiselectable="true"
+            class="ui floating multiple dropdown"
+            role="listbox"
+            tabindex="0"
+          >
+            <label>
+              domain.multiple.placeholder
+            </label>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
+            <div
+              class="menu transition"
+            >
+              <div
+                class="ui fluid left icon input search "
+              >
+                <input
+                  type="text"
+                />
+                <i
+                  aria-hidden="true"
+                  class="search icon"
+                />
+              </div>
+              <div
+                class="scrolling menu transition"
+              >
+                <div
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                >
+                  <div
+                    class="item-content"
+                    style="margin-left: 0px; padding-left: 5px;"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="chevron right icon"
+                    />
+                    <span
+                      style="opacity: 1;"
+                      title="barDomain"
+                    >
+                      barDomain
+                    </span>
+                  </div>
+                </div>
+                <div
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                >
+                  <div
+                    class="item-content"
+                    style="margin-left: 0px; padding-left: 25px;"
+                  >
+                    <span
+                      style="opacity: 1;"
+                      title="bazDomain"
+                    >
+                      bazDomain
+                    </span>
+                  </div>
+                </div>
+                <div
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                >
+                  <div
+                    class="item-content"
+                    style="margin-left: 0px; padding-left: 25px;"
+                  >
+                    <span
+                      style="opacity: 1;"
+                      title="fooDomain"
+                    >
+                      fooDomain
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
       <div
         class="ui checked checkbox"
       >
@@ -26,10 +124,9 @@ exports[`<EditDomainForm /> matches the latest snapshot 1`] = `
           readonly=""
           tabindex="0"
           type="checkbox"
-          value=""
         />
         <label>
-          Apply on children
+          structureDomain.actions.update.inherit
         </label>
       </div>
       <div
@@ -41,7 +138,7 @@ exports[`<EditDomainForm /> matches the latest snapshot 1`] = `
           tabindex="-1"
           type="submit"
         >
-          Update
+          structureDomain.actions.update
         </button>
       </div>
     </form>

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

@@ -1,41 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<EditDomainPopup /> matches the latest snapshot 1`] = `
-<Popup
-  basic={true}
-  content={
-    <Memo(Connect(EditDomainForm))
-      title="structure.edit_domain.title"
-    />
-  }
-  disabled={false}
-  eventsEnabled={true}
-  flowing={true}
-  on="click"
-  onClose={[Function]}
-  onOpen={[Function]}
-  open={false}
-  pinned={false}
-  popperModifiers={[]}
-  position="bottom right"
-  positionFixed={true}
-  size="large"
-  trigger={
-    <Button
-      as="button"
-      basic={true}
-      icon={
-        <Icon
-          as="i"
-          name="pencil alternate"
-        />
-      }
-      style={
-        {
-          "boxShadow": "none",
-        }
-      }
-    />
-  }
-/>
-`;
+exports[`<EditDomainPopup /> matches the latest snapshot 1`] = `<div />`;