@truedat/bg 7.5.9 → 7.5.10

package/src/taxonomy/components/__tests__/NewDomain.spec.js

@@ -1,73 +1,29 @@
-import React from "react";
-import { useHistory } from "react-router-dom";
-import { useQuery } from "@apollo/client";
-import { render } from "@truedat/test/render";
-import { useDomainCreate } from "../../../hooks/useDomains";
+import { render, waitForLoad } from "@truedat/test/render";
+import { domainsMock } from "@truedat/test/mocks";
 import { NewDomain } from "../NewDomain";
 
-jest.mock("react-router-dom", () => ({
-  ...jest.requireActual("react-router-dom"),
-  useHistory: jest.fn(),
-}));
-
-jest.mock("../../../hooks/useDomains", () => ({
-  ...jest.requireActual("../../../hooks/useDomains"),
-  useDomainCreate: jest.fn(),
-}));
-
-jest.mock("@apollo/client", () => ({
-  ...jest.requireActual("@apollo/client"),
-  useQuery: jest.fn(),
-}));
+jest.mock("../../../hooks/useDomains");
 
 const renderOpts = {
-  messages: {
-    en: {
-      "domains.actions.create": "New domain",
-      "domain.actions.create": "New subdomain",
-      "domain.props.name": "Name",
-      "domain.props.name.placeholder": "Name-placeholder",
-      "domain.props.external_id": "External_id",
-      "domain.props.external_id.placeholder": "External_id-placeholder",
-      "domain.props.domain_group": "Domain_group",
-      "domain.props.domain_group.placeholder": "Domain_group-placeholder",
-      "domain.props.type": "Type",
-      "domain.props.type.placeholder": "Type-placeholder",
-      "domain.props.description.placeholder": "Description-placeholder",
-      "domain.props.description": "Description",
-      "actions.save": "Save",
-      "actions.cancel": "Cancel",
-      "domain.label.domain_group": "New Group ",
-      "domain.props.external_id": "External Id",
-      "form.validation.required": "{prop} is required",
-      "navigation.glossary.taxonomy": "Taxonomy",
-    },
-  },
-  fallback: "lazy",
+  mocks: [
+    domainsMock({
+      action: "viewDomain",
+      fetchPolicy: "no-cache",
+    }),
+  ],
 };
-
 describe("<NewDomain />", () => {
-  const mockHistoryPush = jest.fn();
-  const mockCreateDomain = jest.fn();
-  const mockClientResetStore = jest.fn();
-
   const domain = { id: 1, name: "nn", description: "dd" };
 
-  beforeEach(() => {
-    useHistory.mockReturnValue({ push: mockHistoryPush });
-    useDomainCreate.mockReturnValue({ trigger: mockCreateDomain });
-    useQuery.mockReturnValue({
-      client: { resetStore: mockClientResetStore },
-    });
-  });
-
-  it("matches the latest snapshot main domain", () => {
-    const { container } = render(<NewDomain domain={null} />, renderOpts);
-    expect(container).toMatchSnapshot();
+  it("matches the latest snapshot main domain", async () => {
+    const rendered = render(<NewDomain domain={null} />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("matches the latest snapshot subdomain", () => {
-    const { container } = render(<NewDomain domain={domain} />, renderOpts);
-    expect(container).toMatchSnapshot();
+  it("matches the latest snapshot subdomain", async () => {
+    const rendered = render(<NewDomain domain={domain} />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 });

package/src/taxonomy/components/__tests__/__snapshots__/AddDomainMember.spec.js.snap

@@ -15,7 +15,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
       <div
         class="content"
       >
-        Add
+        domain.actions.add_member
       </div>
     </h2>
     <form
@@ -27,7 +27,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
         <label
           for="principal"
         >
-          Member
+          domain.member
         </label>
         <div
           aria-expanded="false"
@@ -49,7 +49,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
             class="divider default text"
             role="alert"
           >
-            Member
+            domain.member
           </div>
           <i
             aria-hidden="true"
@@ -73,7 +73,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
         <label
           for="role"
         >
-          Role
+          domain.role
         </label>
         <div
           aria-expanded="false"
@@ -96,7 +96,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
             class="divider default text"
             role="alert"
           >
-            Role
+            domain.role
           </div>
           <i
             aria-hidden="true"
@@ -120,7 +120,7 @@ exports[`<AddDomainMember /> matches the latest snapshot 1`] = `
         <label
           for="description"
         >
-          Description
+          domain.role.member.description
         </label>
         <div
           class="ui input"
@@ -129,7 +129,7 @@ exports[`<AddDomainMember /> 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[`<AddDomainMember /> 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/taxonomy/components/__tests__/__snapshots__/Domain.spec.js.snap

@@ -1,91 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Domain /> matches the latest snapshot 1`] = `
+exports[`<Domain /> renders correctly with default route 1`] = `
 <div>
   <div
     class="ui segment"
   >
+    <div>
+      DomainDetail: 
+      3
+    </div>
+    <div>
+      DomainTabs
+    </div>
     <div
-      class="ui grid"
+      class="ui bottom attached segment"
     >
-      <div
-        class="row"
-      >
-        <div
-          class="eight wide column"
-        >
-          <h2
-            class="ui header"
-          >
-            <i
-              aria-hidden="true"
-              class="cube icon"
-            />
-            <div
-              class="content"
-            >
-              DOMAIN NAME
-              <div
-                class="sub header"
-              >
-                Domain
-              </div>
-            </div>
-          </h2>
-        </div>
-        <div
-          class="right aligned eight wide column"
-        />
-      </div>
-      <div
-        class="row"
-      >
-        <div
-          class="column"
-        >
-          DOMAIN DESCRIPTION
-        </div>
+      <div>
+        DomainContent
       </div>
     </div>
+  </div>
+</div>
+`;
+
+exports[`<Domain /> renders correctly with edit route 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <div>
+      DomainDetail: 
+      3
+    </div>
+    <div>
+      DomainTabs
+    </div>
     <div
-      class="ui pointing secondary top attached tabular menu"
+      class="ui bottom attached segment"
     >
-      <a
-        class="item"
-        href="/domains/3"
-      >
-        Subdomains
-      </a>
-      <a
-        class="item"
-        href="/domains/3/concepts"
-      >
-        Concepts
-      </a>
-      <a
-        class="item"
-        href="/domains/3/structures"
-      >
-        Structures
-      </a>
-      <a
-        class="item"
-        href="/domains/3/implementations"
-      >
-        Data Quality
-      </a>
-      <a
-        class="item"
-        href="/domains/3/members"
-      >
-        Members
-      </a>
+      <div>
+        DomainContent
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Domain /> renders correctly with new route 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <div>
+      DomainDetail: 
+      3
+    </div>
+    <div>
+      DomainTabs
     </div>
     <div
       class="ui bottom attached segment"
-    />
+    >
+      <div>
+        DomainContent
+      </div>
+    </div>
   </div>
 </div>
 `;
 
-exports[`<Domain /> renders null when no has any domain 1`] = `<div />`;
+exports[`<Domain /> renders null when domain is not available 1`] = `<div />`;

package/src/taxonomy/components/__tests__/__snapshots__/DomainActions.spec.js.snap

@@ -7,6 +7,7 @@ exports[`<DomainActions /> matches the latest snapshot 1`] = `
   >
     <a
       class="ui primary button"
+      data-discover="true"
       href="/domains/3/edit"
       method="POST"
       order="1"
@@ -19,7 +20,6 @@ exports[`<DomainActions /> matches the latest snapshot 1`] = `
       CreateDomain
     </a>
     <div
-      aria-disabled="false"
       aria-expanded="false"
       class="ui floating dropdown button icon group-actions"
       role="listbox"
@@ -36,6 +36,7 @@ exports[`<DomainActions /> matches the latest snapshot 1`] = `
           aria-checked="false"
           aria-selected="true"
           class="selected item"
+          data-discover="true"
           href="/domains/3/new"
           id="3"
           method="PATCH"