@truedat/dd 5.16.2 → 5.16.3

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

@@ -0,0 +1,95 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import { linkTo } from "@truedat/core/routes";
+
+import GrantRequestRow from "../GrantRequestRow";
+
+const mockHistory = {
+  push: jest.fn(),
+};
+
+jest.mock("react-router-dom", () => ({
+  ...jest.requireActual("react-router-dom"),
+  useHistory: () => mockHistory,
+}));
+
+const columns = [
+  { name: "user" },
+  { name: "data_structure" },
+  { name: "path" },
+  { name: "inserted_at" },
+];
+
+const grantRequest = {
+  id: 1,
+  created_by_id: 1,
+  data_structure: "DBO",
+  path: ["DBO", "SWAPS"],
+  inserted_at: "2023-10-17T14:26:34.645189Z",
+  user: "blah",
+};
+
+describe("<GrantRequestRow />", () => {
+  const onChange = jest.fn();
+  const onClick = jest.fn();
+
+  const props = {
+    active: true,
+    checked: true,
+    columns,
+    disabled: false,
+    onClick,
+    onChange,
+    grantRequest,
+    roleSelected: "foo",
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <table>
+        <tbody>
+          <GrantRequestRow {...props} />
+        </tbody>
+      </table>
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  it("click on checkbox element", async () => {
+    const { getByText, getByRole } = render(
+      <table>
+        <tbody>
+          <GrantRequestRow {...props} />
+        </tbody>
+      </table>
+    );
+    await waitFor(() => {
+      expect(getByText(/blah/i)).toBeTruthy();
+    });
+
+    userEvent.click(await getByRole("checkbox"));
+    await waitFor(() => {
+      expect(onClick).toBeCalledTimes(1);
+    });
+  });
+
+  it("navigates to grant request", async () => {
+    const { getByText, queryByText } = render(
+      <table>
+        <tbody>
+          <GrantRequestRow {...props} />
+        </tbody>
+      </table>
+    );
+    await waitFor(() => {
+      expect(getByText(/blah/i)).toBeTruthy();
+    });
+
+    userEvent.click(queryByText(/blah/i));
+    expect(mockHistory.push).toHaveBeenCalledWith(
+      linkTo.GRANT_REQUEST({ id: 1 })
+    );
+  });
+});

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import GrantRequestSearchFilters from "../GrantRequestSearchFilters";
+
+const state = {
+  grantRequestsFilters: {
+    domain_id: { values: [1, 2] },
+    confidential: { values: ["yes", "no"] },
+  },
+  grantRequestsActiveFilters: { domain_id: [1] },
+};
+const renderOpts = { state };
+
+describe("<GrantRequestSearchFilters />", () => {
+  it("matches the latest snapshot", () => {
+    const { container } = render(<GrantRequestSearchFilters />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,45 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import GrantRequestsLabelResults from "../GrantRequestsLabelResults";
+
+describe("<GrantRequestsLabelResults />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "grantRequests.retrieved.results": "results",
+        "grantRequests.bulk.selected": "selected",
+      },
+    },
+  };
+  const props = {
+    grantRequestCount: 4,
+    grantRequestsSearchLoading: false,
+    grantRequestToExecute: 1,
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <GrantRequestsLabelResults {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  it("When role is not selected", () => {
+    const newProps = { ...props, roleSelected: "foo" };
+    const { container } = render(
+      <GrantRequestsLabelResults {...newProps} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  it("When is loading", () => {
+    const newProps = { ...props, grantRequestsSearchLoading: true };
+    const { container } = render(
+      <GrantRequestsLabelResults {...newProps} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import GrantRequestsSearch from "../GrantRequestsSearch";
+
+describe("<GrantRequestsSearch />", () => {
+  const renderOpts = {
+    messages: {
+      en: {
+        "grantRequest.search.placeholder": "placeholder",
+      },
+    },
+  };
+  const searchGrantRequests = jest.fn();
+  const props = { query: "", searchGrantRequests };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <GrantRequestsSearch {...props} />,
+      renderOpts
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import GrantRequestsSearchLoader from "../GrantRequestsSearchLoader";
+
+describe("<GrantRequestsSearchLoader />", () => {
+  const clearGrantRequestsSearch = jest.fn();
+  const fetchGrantRequestsSearch = jest.fn();
+
+  const props = { clearGrantRequestsSearch, fetchGrantRequestsSearch };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<GrantRequestsSearchLoader {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,59 @@
+import React from "react";
+import { waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import GrantRequestsSearchResults from "../GrantRequestsSearchResults";
+
+describe("<GrantRequestsSearchResults />", () => {
+  const grantRequests = [{ id: 1 }, { id: 2 }];
+  const toggleGrantRequestsFilterValue = jest.fn();
+  const rolesPermission = ["foo", "bar"];
+  const defaultFilters = { current_status: ["pending"] };
+
+  const state = {
+    grantRequests,
+    grantRequestsSearch: grantRequests,
+    rolesPermission,
+    grantRequestPermissions: rolesPermission,
+  };
+
+  const renderOpts = (state) => ({
+    messages: {
+      en: {
+        "grantRequestApproval.form.role.select": "select",
+        "grantRequest.actions.reject": "reject",
+        "grantRequest.actions.approve": "approve",
+        "grantRequest.search.placeholder": "placeholder",
+        "grantRequests.subheader.approve": "subheader approve",
+        "grantRequests.header.approve": "header approve",
+        "grantRequests.bulk.selected": "selected",
+        "grantRequests.retrieved.results": "results",
+      },
+    },
+    state: state,
+  });
+
+  const props = {
+    loading: false,
+    rolesPermission,
+    toggleGrantRequestsFilterValue,
+    defaultFilters,
+    grantRequests,
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(
+      <GrantRequestsSearchResults {...props} />,
+      renderOpts(state)
+    );
+    expect(container).toMatchSnapshot();
+  });
+
+  it("select a role", async () => {
+    const { getByRole } = render(
+      <GrantRequestsSearchResults {...props} />,
+      renderOpts(state)
+    );
+    userEvent.click(getByRole("option", { name: /foo/i }));
+  });
+});

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { GrantRequestsTable } from "../GrantRequestsTable";
+import { defaultGrantRequestsSearchTableColumns } from "../../selectors/getGrantRequestsSearchColumns";
+
+const grantsRequests = [
+  {
+    current_status: "pending",
+    id: 55,
+    inserted_at: "2022-01-14T10:55:52.059271Z",
+  },
+];
+
+describe("<GrantRequestsTable />", () => {
+  const grantRequestsSort = [{ inserted_at: "asc" }];
+  const sortGrantRequests = jest.fn();
+
+  const props = {
+    addAll: jest.fn(),
+    checkedAll: true,
+    checkRow: jest.fn(),
+    isRowChecked: jest.fn(),
+    grantsRequests,
+    grantRequestsSearchLoading: false,
+    columns: defaultGrantRequestsSearchTableColumns,
+    grantRequestsSort,
+    sortGrantRequests,
+    roleSelected: "foo",
+  };
+
+  it("matches the latest snapshot", () => {
+    const { container } = render(<GrantRequestsTable {...props} />);
+    expect(container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,69 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestApprovalResults /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/grantRequests"
+    >
+      approve
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      results
+    </div>
+  </div>
+  <div
+    class="ui positive message"
+  >
+    <div
+      class="header"
+    >
+      header
+    </div>
+    content
+  </div>
+</div>
+`;
+
+exports[`<GrantRequestApprovalResults /> with is rejection  1`] = `
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/grantRequests"
+    >
+      approve
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      results
+    </div>
+  </div>
+  <div
+    class="ui positive message"
+  >
+    <div
+      class="header"
+    >
+      header
+    </div>
+    content
+  </div>
+</div>
+`;

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

@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestBulkActions /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="grant-requests-bulk-actions"
+  >
+    <div
+      class="right aligned four wide column"
+    >
+      <div
+        aria-disabled="false"
+        aria-expanded="false"
+        class="ui selection dropdown grant-requests-bulk-role-selector"
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider default text"
+          role="alert"
+        >
+          select
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        />
+      </div>
+      <button
+        class="ui primary disabled button button icon group-actions"
+        disabled=""
+        tabindex="-1"
+      >
+        approve_request
+      </button>
+      <button
+        class="ui secondary disabled button button icon group-actions"
+        disabled=""
+        tabindex="-1"
+      >
+        reject
+      </button>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestBulkApprovalForm /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui container grant-requests-bulk-approval-form"
+  >
+    <h2
+      class="ui header"
+    >
+      reject
+    </h2>
+    <form
+      class="ui form"
+    >
+      <div
+        class="field"
+      >
+        <label>
+          label
+        </label>
+        <textarea
+          data-testid="comment-id"
+          placeholder="placeholder"
+          rows="3"
+        />
+      </div>
+      <div
+        class="actions"
+      >
+        <button
+          class="ui primary button"
+          type="submit"
+        >
+          reject
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestBulkApprovalPopup /> matches the latest snapshot 1`] = `
+<div>
+  <button
+    class="ui primary button button icon group-actions"
+  >
+    button content
+  </button>
+</div>
+`;

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

@@ -0,0 +1,56 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestBulkRoleSelector /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    aria-disabled="false"
+    aria-expanded="false"
+    class="ui selection dropdown grant-requests-bulk-role-selector"
+    role="listbox"
+    tabindex="0"
+  >
+    <div
+      aria-atomic="true"
+      aria-live="polite"
+      class="divider default text"
+      role="alert"
+    >
+      select
+    </div>
+    <i
+      aria-hidden="true"
+      class="dropdown icon"
+    />
+    <div
+      class="menu transition"
+    >
+      <div
+        aria-checked="false"
+        aria-selected="true"
+        class="selected item"
+        role="option"
+        style="pointer-events: all;"
+      >
+        <span
+          class="text"
+        >
+          bar
+        </span>
+      </div>
+      <div
+        aria-checked="false"
+        aria-selected="false"
+        class="item"
+        role="option"
+        style="pointer-events: all;"
+      >
+        <span
+          class="text"
+        >
+          foo
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestRow /> matches the latest snapshot 1`] = `
+<div>
+  <table>
+    <tbody>
+      <tr
+        class="active warning"
+      >
+        <td
+          class="collapsing center aligned one wide"
+        >
+          <div
+            class="ui checked fitted checkbox"
+          >
+            <input
+              checked=""
+              class="hidden"
+              id="1"
+              readonly=""
+              tabindex="0"
+              type="checkbox"
+              value=""
+            />
+            <label
+              for="1"
+            />
+          </div>
+        </td>
+        <td
+          class=""
+        >
+          blah
+        </td>
+        <td
+          class=""
+        >
+          DBO
+        </td>
+        <td
+          class=""
+        >
+          DBO
+          SWAPS
+        </td>
+        <td
+          class=""
+        >
+          2023-10-17T14:26:34.645189Z
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;

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

@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestSearchFilters /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    aria-expanded="false"
+    class="ui button floating labeled scrolling dropdown icon"
+    role="listbox"
+    tabindex="0"
+  >
+    <div
+      aria-atomic="true"
+      aria-live="polite"
+      class="divider text"
+      role="alert"
+    >
+      Filters
+    </div>
+    <i
+      aria-hidden="true"
+      class="filter icon"
+    />
+    <div
+      class="menu transition"
+    >
+      <div
+        class="item"
+        role="option"
+      >
+        <em>
+          (reset all filters)
+        </em>
+      </div>
+      <div
+        class="item"
+        role="option"
+      >
+        <span
+          class="text"
+        >
+          confidential
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<GrantRequestsLabelResults /> When is loading 1`] = `
+<div>
+  <div
+    class="ui label grant-requests-bulk-label-results"
+  >
+    results
+  </div>
+</div>
+`;
+
+exports[`<GrantRequestsLabelResults /> When role is not selected 1`] = `
+<div>
+  <div
+    class="ui label grant-requests-bulk-label-results"
+  >
+    results
+  </div>
+  <div
+    class="ui label grant-requests-bulk-label-results"
+  >
+    selected
+  </div>
+</div>
+`;
+
+exports[`<GrantRequestsLabelResults /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui label grant-requests-bulk-label-results"
+  >
+    results
+  </div>
+</div>
+`;