@truedat/bg 7.10.3 → 7.11.0

package/src/concepts/relations/components/__tests__/ConceptSelector.spec.js

@@ -1,7 +1,8 @@
-import { waitFor } from "@testing-library/react";
+import { waitFor, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render, waitForLoad } from "@truedat/test/render";
 import ConceptSelector from "../ConceptSelector";
+import { ConceptSelectorTable } from "../ConceptSelector";
 
 const concept = {
   id: 1,
@@ -116,3 +117,91 @@ describe("<ConceptSelector />", () => {
     );
   });
 });
+
+describe("<ConceptSelectorTable />", () => {
+  jest.mock("react-intl", () => ({
+    FormattedMessage: ({ id }) => <span data-testid="fm">{id}</span>,
+  }));
+
+  const concept = {
+    id: 1,
+    name: "foo",
+    domain: { id: 1, name: "bar" },
+    status: "draft",
+    business_concept_id: 1,
+    last_change_at: "2020-01-01T00:00:00.000Z",
+    similarity: 0.5,
+  };
+
+  const links = [
+    {
+      target_id: 1,
+      target_type: "business_concept",
+    },
+  ];
+
+  const selectedConcept = { id: 2 };
+
+  const extraColumns = [
+    {
+      name: "similarity",
+      fieldSelector: (concept) => concept.similarity,
+      fieldDecorator: (similarity) => (
+        <span data-testid="similarity">{similarity}</span>
+      ),
+    },
+  ];
+
+  const props = {
+    businessConceptId: 1,
+    concepts: [concept],
+    selectedConcept,
+    handleConceptSelected: jest.fn(),
+    extraColumns,
+    links,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<ConceptSelectorTable {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  test("renders Message when there are no concepts and no selectedConcept", () => {
+    const rendered = render(
+      <ConceptSelectorTable
+        {...{ ...props, concepts: [], selectedConcept: null }}
+      />
+    );
+    // It should render the Message with the empty results header id
+    expect(
+      rendered.getByText("concepts.search.results.empty")
+    ).toBeInTheDocument();
+  });
+
+  test("renders Table when there are concepts", async () => {
+    const rendered = render(
+      <ConceptSelectorTable {...{ ...props, selectedConcept: { id: 1 } }} />
+    );
+    await waitForLoad(rendered);
+
+    // Header labels via FormattedMessage
+    expect(rendered.getByText("concepts.props.name")).toBeInTheDocument();
+    expect(rendered.getByText("concepts.props.domain")).toBeInTheDocument();
+    expect(rendered.getByText("concepts.props.status")).toBeInTheDocument();
+    expect(rendered.getByText("concepts.props.similarity")).toBeInTheDocument();
+    // Rows exist
+    const rowgroups = rendered.getAllByRole("rowgroup");
+    const tbody = rowgroups[1];
+    const rows = within(tbody).getAllByRole("row");
+    expect(rows).toHaveLength(1);
+
+    expect(rows[0]).toHaveTextContent("bar");
+    expect(rows[0]).toHaveTextContent("draft");
+    expect(rows[0]).toHaveTextContent("0.5");
+  });
+});

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptLinksApprovalResults.spec.js.snap

@@ -0,0 +1,217 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<LinksApprovalResults /> renders approval results with relations and errors 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/concepts/management/approvals"
+    >
+      conceptRelations.approvals.header
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      conceptRelations.approvals.results.header
+    </div>
+  </div>
+  <div
+    class="ui positive message"
+  >
+    <div
+      class="header"
+    >
+      conceptRelations.approvals.results.approved.header
+    </div>
+    <li
+      class="content"
+    >
+      conceptRelations.approvals.results.message.source_name
+      <a
+        data-discover="true"
+        href="/concepts/10/versions/current"
+        target="_blank"
+      >
+        Source 1
+      </a>
+      conceptRelations.approvals.results.message.target_name
+      <a
+        data-discover="true"
+        href="/structures/20"
+        target="_blank"
+      >
+        Target 1
+      </a>
+    </li>
+  </div>
+  <div
+    class="ui error message"
+  >
+    <div
+      class="header"
+    >
+      conceptRelations.approvals.results.errors.permissions.header
+    </div>
+    <li
+      class="content"
+    >
+      conceptRelations.approvals.results.message.source_name
+      <a
+        data-discover="true"
+        href="/concepts/11/versions/current"
+        target="_blank"
+      >
+        Source 2
+      </a>
+      conceptRelations.approvals.results.message.target_name
+      <a
+        data-discover="true"
+        href="/structures/21"
+        target="_blank"
+      >
+        Target 2
+      </a>
+    </li>
+  </div>
+</div>
+`;
+
+exports[`<LinksApprovalResults /> renders rejection results 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/concepts/management/approvals"
+    >
+      conceptRelations.approvals.header
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      conceptRelations.approvals.results.header
+    </div>
+  </div>
+  <div
+    class="ui warning message"
+  >
+    <div
+      class="header"
+    >
+      conceptRelations.approvals.results.rejected.header
+    </div>
+    <li
+      class="content"
+    >
+      conceptRelations.approvals.results.message.source_name
+      <a
+        data-discover="true"
+        href="/concepts/12/versions/current"
+        target="_blank"
+      >
+        Source 3
+      </a>
+      conceptRelations.approvals.results.message.target_name
+      <a
+        data-discover="true"
+        href="/structures/22"
+        target="_blank"
+      >
+        Target 3
+      </a>
+    </li>
+  </div>
+</div>
+`;
+
+exports[`<LinksApprovalResults /> renders with empty relations and errors 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/concepts/management/approvals"
+    >
+      conceptRelations.approvals.header
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      conceptRelations.approvals.results.header
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<LinksApprovalResults /> renders with no errors 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/concepts/management/approvals"
+    >
+      conceptRelations.approvals.header
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      conceptRelations.approvals.results.header
+    </div>
+  </div>
+  <div
+    class="ui positive message"
+  >
+    <div
+      class="header"
+    >
+      conceptRelations.approvals.results.approved.header
+    </div>
+    <li
+      class="content"
+    >
+      conceptRelations.approvals.results.message.source_name
+      <a
+        data-discover="true"
+        href="/concepts/13/versions/current"
+        target="_blank"
+      >
+        Source 4
+      </a>
+      conceptRelations.approvals.results.message.target_name
+      <a
+        data-discover="true"
+        href="/structures/23"
+        target="_blank"
+      >
+        Target 4
+      </a>
+    </li>
+  </div>
+</div>
+`;