@truedat/bg 7.10.4 → 7.11.0

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

@@ -0,0 +1,68 @@
+import { render, waitForLoad } from "@truedat/test/render";
+import { ConceptLinksApprovalsRow } from "../ConceptLinksApprovalsRow";
+
+describe("ConceptLinksApprovalsRow", () => {
+  const defaultProps = {
+    checked: false,
+    columns: [
+      {
+        key: "name",
+        textAlign: "left",
+      },
+    ],
+    onCheckboxChange: jest.fn(),
+    link: {
+      id: "123",
+      name: "Test Link",
+    },
+    approveView: false,
+  };
+
+  it("renders null when columns are empty", async () => {
+    const rendered = render(
+      <ConceptLinksApprovalsRow {...defaultProps} columns={[]} />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("renders null when link is empty", async () => {
+    const rendered = render(
+      <ConceptLinksApprovalsRow {...defaultProps} link={{}} />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("renders row with checkbox when approveView is true", async () => {
+    const rendered = render(
+      <ConceptLinksApprovalsRow {...defaultProps} approveView={true} />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("renders row without checkbox when approveView is false", async () => {
+    const rendered = render(
+      <ConceptLinksApprovalsRow {...defaultProps} approveView={false} />
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("calls onCheckboxChange when checkbox is clicked", async () => {
+    const onCheckboxChange = jest.fn();
+    const rendered = render(
+      <ConceptLinksApprovalsRow
+        {...defaultProps}
+        approveView={true}
+        onCheckboxChange={onCheckboxChange}
+      />
+    );
+    await waitForLoad(rendered);
+
+    const checkbox = rendered.container.querySelector("input[type='checkbox']");
+    checkbox.click();
+    expect(onCheckboxChange).toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,107 @@
+import { render, waitForLoad } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
+import { ConceptLinksApprovalsTable } from "../ConceptLinksApprovalsTable";
+
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
+describe("ConceptLinksApprovalsTable", () => {
+  const mockColumns = [
+    { name: "source_name", width: 4 },
+    { name: "target_name", width: 4 },
+    { name: "tag_type", width: 2 },
+    { name: "status", width: 2 },
+    { name: "updated_at", width: 2 },
+  ];
+
+  beforeEach(() => {
+    useSearchContext.mockReturnValue({
+      searchData: {
+        data: [
+          {
+            id: 1,
+            source_name: "Concept 1",
+            target_name: "Structure 1",
+            tag_type: "relates_to",
+            status: "pending",
+            updated_at: "2023-01-01",
+          },
+        ],
+      },
+      loading: false,
+      sortColumn: null,
+      sortDirection: null,
+      handleSortSelection: jest.fn(),
+    });
+  });
+
+  it("matches the latest snapshot with data", async () => {
+    const props = {
+      columns: mockColumns,
+      approveView: true,
+      checkedAll: false,
+      addAll: jest.fn(),
+      checkRow: jest.fn(),
+      isRowChecked: jest.fn(),
+    };
+
+    const rendered = render(<ConceptLinksApprovalsTable {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with empty data", async () => {
+    useSearchContext.mockReturnValue({
+      searchData: { data: [] },
+      loading: false,
+      sortColumn: null,
+      sortDirection: null,
+      handleSortSelection: jest.fn(),
+    });
+
+    const props = {
+      columns: mockColumns,
+      approveView: true,
+      checkedAll: false,
+      addAll: jest.fn(),
+      checkRow: jest.fn(),
+      isRowChecked: jest.fn(),
+    };
+
+    const rendered = render(<ConceptLinksApprovalsTable {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot while loading", async () => {
+    useSearchContext.mockReturnValue({
+      searchData: { data: [] },
+      loading: true,
+      sortColumn: null,
+      sortDirection: null,
+      handleSortSelection: jest.fn(),
+    });
+
+    const props = {
+      columns: mockColumns,
+      approveView: true,
+      checkedAll: false,
+      addAll: jest.fn(),
+      checkRow: jest.fn(),
+      isRowChecked: jest.fn(),
+    };
+
+    const rendered = render(<ConceptLinksApprovalsTable {...props} />);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+});

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>
+`;