@truedat/bg 7.5.9 → 7.5.11

package/src/concepts/components/__tests__/SharedToForm.spec.js

@@ -1,12 +1,12 @@
-import React from "react";
 import { waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { domainsMock } from "@truedat/test/mocks";
 import { SharedToForm } from "../SharedToForm";
 
-const mocks = [domainsMock({ action: "shareConcept" })];
-const renderOpts = { mocks };
+const renderOpts = {
+  mocks: [domainsMock({ action: "shareConcept" })],
+};
 
 describe("<SharedToForm />", () => {
   const id = 5;
@@ -21,43 +21,35 @@ describe("<SharedToForm />", () => {
   };
 
   it("matches the latest snapshot", async () => {
-    const { container, queryByText } = render(
-      <SharedToForm {...props} />,
-      renderOpts
+    const rendered = render(<SharedToForm {...props} />, renderOpts);
+    await waitForLoad(rendered);
+    await waitFor(() =>
+      expect(rendered.queryByText(/foodomain/i)).toBeInTheDocument()
     );
-    await waitFor(() => {
-      expect(queryByText(/fooDomain/)).toBeInTheDocument();
-    });
-    await waitFor(() => {
-      expect(container).toMatchSnapshot();
-    });
+    expect(rendered.container).toMatchSnapshot();
   });
 
   it("enables share button when we select a domain", async () => {
-    const { findByText, queryByText } = render(
-      <SharedToForm {...props} />,
-      renderOpts
-    );
+    const rendered = render(<SharedToForm {...props} />, renderOpts);
+    await waitForLoad(rendered);
 
-    expect(queryByText("Share")).toBeDisabled();
-    userEvent.click(await findByText(/fooDomain/));
-    await waitFor(() => {
-      expect(queryByText("Share")).not.toBeDisabled();
-    });
+    expect(rendered.queryByText(/actions.share/i)).toBeDisabled();
+    userEvent.click(await rendered.findByText(/foodomain/i));
+    await waitFor(() =>
+      expect(rendered.queryByText(/actions.share/i)).not.toBeDisabled()
+    );
   });
 
   it("invokes function when submit button clicked", async () => {
-    const { findByText, queryByText } = render(
-      <SharedToForm {...props} />,
-      renderOpts
-    );
+    const rendered = render(<SharedToForm {...props} />, renderOpts);
+    await waitForLoad(rendered);
 
-    expect(queryByText("Share")).toBeDisabled();
-    userEvent.click(await findByText(/fooDomain/));
-    await waitFor(() => {
-      expect(queryByText("Share")).not.toBeDisabled();
-    });
-    userEvent.click(await findByText("Share"));
+    expect(rendered.queryByText(/actions.share/i)).toBeDisabled();
+    userEvent.click(await rendered.findByText(/foodomain/i));
+    await waitFor(() =>
+      expect(rendered.queryByText(/actions.share/i)).not.toBeDisabled()
+    );
+    userEvent.click(await rendered.findByText(/actions.share/i));
     await waitFor(() => {
       expect(saveSharedTo.mock.calls.length).toBe(1);
     });

package/src/concepts/components/__tests__/__snapshots__/Concept.spec.js.snap

@@ -4,13 +4,13 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
 <div>
   <div
     class="ui breadcrumb"
-    style=""
   >
     <a
       class="section"
+      data-discover="true"
       href="/concepts"
     >
-      Business Glossary
+      concepts.crumbs.top
     </a>
     <i
       aria-hidden="true"
@@ -18,9 +18,10 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
     />
     <a
       class="section"
+      data-discover="true"
       href="/concepts/pending"
     >
-      Draft
+      concepts.crumbs.pending
     </a>
     <i
       aria-hidden="true"
@@ -105,12 +106,12 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
                 <button
                   class="ui mini active button"
                 >
-                  Spanish
+                  i18n.messages.lang.es
                 </button>
                 <button
                   class="ui mini button"
                 >
-                  English
+                  i18n.messages.lang.en
                 </button>
               </div>
             </div>
@@ -124,35 +125,75 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
         >
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1"
           >
-            Concept
+            tabs.bg.concept
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/links/structures"
           >
-            Linkage
+            tabs.bg.relations_data_field
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/rules"
           >
-            Quality Rules
+            tabs.bg.qualityRules
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/archive"
           >
-            History
+            tabs.bg.history
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/events"
           >
-            Audit
+            tabs.bg.audit
           </a>
         </div>
+        <div
+          class="ui bottom attached segment"
+        >
+          <div
+            class="ui horizontal divider"
+          >
+            <h3>
+              foo_group
+            </h3>
+          </div>
+          <div
+            class="ui big very relaxed list"
+            role="list"
+          >
+            <div
+              class="item"
+              role="listitem"
+            >
+              <div
+                class="header dynamic-field-header"
+              >
+                field_label
+              </div>
+              <div
+                class="description"
+              >
+                <div
+                  class="default-value"
+                >
+                  value1
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -176,7 +217,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
             <div
               class="concept-summary__content-bold"
             >
-              Status
+              concept.props.status
               :
             </div>
             <div
@@ -196,7 +237,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
             <div
               class="concept-summary__content-bold"
             >
-              Version
+              concept.props.version
               :
             </div>
             <div
@@ -219,7 +260,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
             <div
               class="concept-summary__content-bold"
             >
-              Update
+              concept.props.last_update_at
               :
             </div>
             <div
@@ -243,7 +284,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
             <div
               class="concept-summary__content-bold"
             >
-              User
+              concept.props.last_update_by
               :
             </div>
             <div
@@ -265,6 +306,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
         >
           Completeness
            
+          es
         </h3>
         <div
           class="ui progress"
@@ -286,6 +328,7 @@ exports[`<Concept /> matches the latest snapshot 1`] = `
         >
           Completeness
            
+          en
         </h3>
         <div
           class="ui error progress"
@@ -315,9 +358,10 @@ exports[`<Concept /> matches the latest snapshot with grantView activated 1`] =
   >
     <a
       class="section"
+      data-discover="true"
       href="/concepts"
     >
-      Business Glossary
+      concepts.crumbs.top
     </a>
     <i
       aria-hidden="true"
@@ -325,9 +369,10 @@ exports[`<Concept /> matches the latest snapshot with grantView activated 1`] =
     />
     <a
       class="section"
+      data-discover="true"
       href="/concepts/pending"
     >
-      Draft
+      concepts.crumbs.pending
     </a>
     <i
       aria-hidden="true"
@@ -412,12 +457,12 @@ exports[`<Concept /> matches the latest snapshot with grantView activated 1`] =
                 <button
                   class="ui mini active button"
                 >
-                  Spanish
+                  i18n.messages.lang.es
                 </button>
                 <button
                   class="ui mini button"
                 >
-                  English
+                  i18n.messages.lang.en
                 </button>
               </div>
             </div>
@@ -431,35 +476,75 @@ exports[`<Concept /> matches the latest snapshot with grantView activated 1`] =
         >
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1"
           >
-            Concept
+            tabs.bg.concept
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/links/structures"
           >
-            Linkage
+            tabs.bg.relations_data_field
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/rules"
           >
-            Quality Rules
+            tabs.bg.qualityRules
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/archive"
           >
-            History
+            tabs.bg.history
           </a>
           <a
             class="item"
+            data-discover="true"
             href="/concepts/1/versions/1/events"
           >
-            Audit
+            tabs.bg.audit
           </a>
         </div>
+        <div
+          class="ui bottom attached segment"
+        >
+          <div
+            class="ui horizontal divider"
+          >
+            <h3>
+              foo_group
+            </h3>
+          </div>
+          <div
+            class="ui big very relaxed list"
+            role="list"
+          >
+            <div
+              class="item"
+              role="listitem"
+            >
+              <div
+                class="header dynamic-field-header"
+              >
+                field_label
+              </div>
+              <div
+                class="description"
+              >
+                <div
+                  class="default-value"
+                >
+                  value1
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <div

package/src/concepts/components/__tests__/__snapshots__/ConceptActions.spec.js.snap

@@ -1,20 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptActions /> matches the latest snapshot 1`] = `
-<Fragment>
-  <ConceptAction
-    action="action1"
-    doAction={[MockFunction]}
-    href="/api/action1"
-    key="action1"
-    method="POST"
-  />
-  <ConceptAction
-    action="action2"
-    doAction={[MockFunction]}
-    href="/api/action2"
-    key="action2"
-    method="GET"
-  />
-</Fragment>
+<div>
+  <button
+    class="ui button"
+  >
+    action1
+  </button>
+  <button
+    class="ui button"
+  >
+    action2
+  </button>
+</div>
 `;

package/src/concepts/components/__tests__/__snapshots__/ConceptArchive.spec.js.snap

@@ -1,72 +1,84 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptArchive /> matches the latest snapshot 1`] = `
-<Segment
-  attached="bottom"
->
-  <Grid>
-    <GridRow>
-      <GridColumn>
-        <Table
-          as="table"
-          selectable={true}
+<div>
+  <div
+    class="ui bottom attached segment"
+  >
+    <div
+      class="ui grid"
+    >
+      <div
+        class="row"
+      >
+        <div
+          class="column"
         >
-          <TableHeader
-            as="thead"
+          <table
+            class="ui selectable table"
           >
-            <TableRow
-              as="tr"
-              cellAs="td"
+            <thead
+              class=""
             >
-              <TableHeaderCell
-                as="th"
-                content={
-                  <Memo(MemoizedFormattedMessage)
-                    id="concepts.props.status"
-                  />
-                }
-              />
-              <TableHeaderCell
-                as="th"
-                content={
-                  <Memo(MemoizedFormattedMessage)
-                    id="concepts.props.version"
-                  />
-                }
-              />
-              <TableHeaderCell
-                as="th"
-                content={
-                  <Memo(MemoizedFormattedMessage)
-                    id="concepts.props.last_change_by"
-                  />
-                }
-              />
-              <TableHeaderCell
-                as="th"
-                content={
-                  <Memo(MemoizedFormattedMessage)
-                    id="concepts.props.updated_at"
-                  />
-                }
-              />
-            </TableRow>
-          </TableHeader>
-          <TableBody
-            as="tbody"
-          >
-            <ConceptArchiveRow
-              bcv_last_change_at="2018-06-27T07:32:53.154377Z"
-              id={123}
-              key="0"
-              last_change_by="maixu"
-              status="status"
-              version={1}
-            />
-          </TableBody>
-        </Table>
-      </GridColumn>
-    </GridRow>
-  </Grid>
-</Segment>
+              <tr
+                class=""
+              >
+                <th
+                  class=""
+                >
+                  concepts.props.status
+                </th>
+                <th
+                  class=""
+                >
+                  concepts.props.version
+                </th>
+                <th
+                  class=""
+                >
+                  concepts.props.last_change_by
+                </th>
+                <th
+                  class=""
+                >
+                  concepts.props.updated_at
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class=""
+            >
+              <tr
+                class=""
+              >
+                <td
+                  class=""
+                >
+                  status
+                </td>
+                <td
+                  class=""
+                >
+                  1
+                </td>
+                <td
+                  class=""
+                />
+                <td
+                  class=""
+                >
+                  <time
+                    datetime="1530084773154"
+                  >
+                    2018-06-27 07:32
+                  </time>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;

package/src/concepts/components/__tests__/__snapshots__/ConceptArchiveRow.spec.js.snap

@@ -10,7 +10,7 @@ exports[`<ConceptArchiveRow /> matches the latest snapshot 1`] = `
         <td
           class=""
         >
-          Draft
+          draft
         </td>
         <td
           class=""
@@ -19,9 +19,7 @@ exports[`<ConceptArchiveRow /> matches the latest snapshot 1`] = `
         </td>
         <td
           class=""
-        >
-          
-        </td>
+        />
         <td
           class=""
         >

package/src/concepts/components/__tests__/__snapshots__/ConceptConfidentialButton.spec.js.snap

@@ -1,36 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ConceptConfidentialButton /> matches the latest snapshot 1`] = `
-<Popup
-  content="concept.mark_as_confidential"
-  disabled={false}
-  eventsEnabled={true}
-  on={
-    [
-      "click",
-      "hover",
-    ]
-  }
-  pinned={false}
-  popperModifiers={[]}
-  position="top center"
-  trigger={
-    <span>
-      <Button
-        as="button"
-        basic={true}
-        className="structureButton"
-        icon={
-          <Icon
-            as="i"
-            className=""
-            name="lock open"
-          />
-        }
-        loading={false}
-        onClick={[Function]}
+<div>
+  <span>
+    <button
+      class="ui basic icon button structureButton"
+    >
+      <i
+        aria-hidden="true"
+        class="lock open icon"
       />
-    </span>
-  }
-/>
+    </button>
+  </span>
+</div>
 `;