@databiosphere/findable-ui 50.5.0 → 50.6.1

package/tests/getProfileStatus.test.ts

@@ -1,290 +0,0 @@
-import {
-  LoginStatus,
-  REQUEST_STATUS,
-} from "../src/providers/authentication/terra/hooks/common/entities";
-import { TerraNIHResponse } from "../src/providers/authentication/terra/hooks/useFetchTerraNIHProfile";
-import { TerraResponse } from "../src/providers/authentication/terra/hooks/useFetchTerraProfile";
-import { TerraTermsOfServiceResponse } from "../src/providers/authentication/terra/hooks/useFetchTerraTermsOfService";
-import { TERRA_PROFILE_STATUS } from "../src/providers/authentication/terra/types";
-import { getProfileStatus } from "../src/providers/authentication/terra/utils";
-
-const LOGIN_STATUS_NIH_COMPLETED: LoginStatus<TerraNIHResponse> = {
-  isSuccess: true,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.COMPLETED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TERRA_COMPLETED: LoginStatus<TerraResponse> = {
-  isSuccess: true,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.COMPLETED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TOS_COMPLETED: LoginStatus<TerraTermsOfServiceResponse> = {
-  isSuccess: true,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.COMPLETED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TOS_COMPLETED_UNSUCCESSFUL: LoginStatus<TerraTermsOfServiceResponse> =
-  {
-    isSuccess: false,
-    isSupported: true,
-    requestStatus: REQUEST_STATUS.COMPLETED,
-    response: undefined,
-  };
-
-const LOGIN_STATUS_NIH_NOT_STARTED: LoginStatus<TerraNIHResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TERRA_NOT_STARTED: LoginStatus<TerraResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TOS_NOT_STARTED: LoginStatus<TerraTermsOfServiceResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_NIH_PENDING: LoginStatus<TerraNIHResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.PENDING,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TERRA_PENDING: LoginStatus<TerraResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.PENDING,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TOS_PENDING: LoginStatus<TerraTermsOfServiceResponse> = {
-  isSuccess: false,
-  isSupported: true,
-  requestStatus: REQUEST_STATUS.PENDING,
-  response: undefined,
-};
-
-const LOGIN_STATUS_NIH_UNSUPPORTED: LoginStatus<TerraNIHResponse> = {
-  isSuccess: false,
-  isSupported: false,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TERRA_UNSUPPORTED: LoginStatus<TerraResponse> = {
-  isSuccess: false,
-  isSupported: false,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-const LOGIN_STATUS_TOS_UNSUPPORTED: LoginStatus<TerraTermsOfServiceResponse> = {
-  isSuccess: false,
-  isSupported: false,
-  requestStatus: REQUEST_STATUS.NOT_STARTED,
-  response: undefined,
-};
-
-describe("getProfileStatus", () => {
-  test("not authenticated, services not started", () => {
-    expect(
-      getProfileStatus(
-        false,
-        LOGIN_STATUS_NIH_NOT_STARTED,
-        LOGIN_STATUS_TERRA_NOT_STARTED,
-        LOGIN_STATUS_TOS_NOT_STARTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("not authenticated, services unsupported", () => {
-    expect(
-      getProfileStatus(
-        false,
-        LOGIN_STATUS_NIH_UNSUPPORTED,
-        LOGIN_STATUS_TERRA_UNSUPPORTED,
-        LOGIN_STATUS_TOS_UNSUPPORTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("not authenticated, services completed", () => {
-    expect(
-      getProfileStatus(
-        false,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, services not started", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_NOT_STARTED,
-        LOGIN_STATUS_TERRA_NOT_STARTED,
-        LOGIN_STATUS_TOS_NOT_STARTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, services pending", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_PENDING,
-        LOGIN_STATUS_TERRA_PENDING,
-        LOGIN_STATUS_TOS_PENDING,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, nih pending, other services completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_PENDING,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, terra pending, other services completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_PENDING,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, tos pending, other services completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_PENDING,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, nih completed, terra pending, tos not started", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_PENDING,
-        LOGIN_STATUS_TOS_NOT_STARTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, nih not started, terra completed, tos pending", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_NOT_STARTED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_PENDING,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, nih pending, terra not started, tos completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_PENDING,
-        LOGIN_STATUS_TERRA_NOT_STARTED,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.PENDING);
-  });
-
-  test("authenticated, services unsupported", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_UNSUPPORTED,
-        LOGIN_STATUS_TERRA_UNSUPPORTED,
-        LOGIN_STATUS_TOS_UNSUPPORTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.AUTHENTICATED);
-  });
-
-  test("authenticated, services completed, tos unsuccessful", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED_UNSUCCESSFUL,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.UNAUTHENTICATED);
-  });
-
-  test("authenticated, nih unsupported, terra completed, tos completed unsuccessfully", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_UNSUPPORTED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED_UNSUCCESSFUL,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.UNAUTHENTICATED);
-  });
-
-  test("authenticated, nih unsupported, other services completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_UNSUPPORTED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.AUTHENTICATED);
-  });
-
-  test("authenticated, terra completed, other services unsupported", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_UNSUPPORTED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_UNSUPPORTED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.UNAUTHENTICATED);
-  });
-
-  test("authenticated, services completed", () => {
-    expect(
-      getProfileStatus(
-        true,
-        LOGIN_STATUS_NIH_COMPLETED,
-        LOGIN_STATUS_TERRA_COMPLETED,
-        LOGIN_STATUS_TOS_COMPLETED,
-      ),
-    ).toBe(TERRA_PROFILE_STATUS.AUTHENTICATED);
-  });
-});

package/tests/linkCell.test.tsx

@@ -1,89 +0,0 @@
-import { matchers } from "@emotion/jest";
-import { composeStories } from "@storybook/react";
-import "@testing-library/jest-dom";
-import { render, screen } from "@testing-library/react";
-import React from "react";
-import {
-  ANCHOR_TARGET,
-  REL_ATTRIBUTE,
-} from "../src/components/Links/common/entities";
-import * as stories from "../src/components/Table/components/TableCell/components/LinkCell/stories/linkCell.stories";
-
-expect.extend(matchers);
-
-const { ClientSide, External, Invalid, WithCustomStyle } =
-  composeStories(stories);
-
-const STYLE_RULE_PROPERTIES = {
-  TEXT_DECORATION: "text-decoration",
-};
-
-const STYLE_RULE_VALUES = {
-  NONE: "none",
-  UNDERLINE: "underline",
-};
-
-describe("TableCell, LinkCell", () => {
-  it("renders client-side link", async () => {
-    render(<ClientSide />);
-    const anchorEl = screen.getByText("Explore");
-    expect(anchorEl).toBeDefined();
-    expect(anchorEl?.getAttribute("href")).toBe("/");
-    expect(anchorEl?.getAttribute("rel")).toBe(REL_ATTRIBUTE.NO_OPENER);
-    expect(anchorEl?.getAttribute("target")).toBe(ANCHOR_TARGET.SELF);
-    // Expect MuiLink-underlineAlways class and underline style.
-    expect(anchorEl).toHaveClass("MuiLink-underlineAlways");
-    expect(anchorEl).toHaveStyleRule(
-      STYLE_RULE_PROPERTIES.TEXT_DECORATION,
-      STYLE_RULE_VALUES.UNDERLINE,
-    );
-  });
-
-  it("renders external link", async () => {
-    render(<External />);
-    const anchorEl = screen.getByText("Explore");
-    expect(anchorEl).toBeDefined();
-    expect(anchorEl?.getAttribute("href")).toBe("https://www.example.com");
-    expect(anchorEl?.getAttribute("rel")).toBe(
-      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
-    );
-    expect(anchorEl?.getAttribute("target")).toBe(ANCHOR_TARGET.BLANK);
-    // Expect MuiLink-underlineAlways class and underline style.
-    expect(anchorEl).toHaveClass("MuiLink-underlineAlways");
-    expect(anchorEl).toHaveStyleRule(
-      STYLE_RULE_PROPERTIES.TEXT_DECORATION,
-      STYLE_RULE_VALUES.UNDERLINE,
-    );
-  });
-
-  it("renders plain text for invalid link", () => {
-    render(<Invalid />);
-    const spanEl = screen.getByText("Explore");
-    expect(spanEl.tagName).toBe("SPAN");
-    expect(spanEl.getAttribute("href")).toBeNull();
-    expect(spanEl.getAttribute("rel")).toBeNull();
-    expect(spanEl.getAttribute("target")).toBeNull();
-    // Expect no MuiLink-root class and no underline style.
-    expect(spanEl).not.toHaveClass("MuiLink-root");
-    expect(spanEl).not.toHaveStyleRule(
-      STYLE_RULE_PROPERTIES.TEXT_DECORATION,
-      STYLE_RULE_VALUES.UNDERLINE,
-    );
-  });
-
-  it("renders link with custom link props", async () => {
-    render(<WithCustomStyle />);
-    const anchorEl = screen.getByText("Explore");
-    // Expect MuiLink-underlineNone class and no underline style.
-    expect(anchorEl).toHaveClass("MuiLink-underlineNone");
-    expect(anchorEl).toHaveStyleRule(
-      STYLE_RULE_PROPERTIES.TEXT_DECORATION,
-      STYLE_RULE_VALUES.NONE,
-    );
-    expect(anchorEl).toHaveStyleRule(
-      STYLE_RULE_PROPERTIES.TEXT_DECORATION,
-      STYLE_RULE_VALUES.NONE,
-      { target: ":hover" },
-    );
-  });
-});

package/tests/markdownCell.test.tsx

@@ -1,52 +0,0 @@
-import { matchers } from "@emotion/jest";
-import { composeStories } from "@storybook/react";
-import { Column } from "@tanstack/react-table";
-import "@testing-library/jest-dom";
-import { render, screen } from "@testing-library/react";
-import React from "react";
-import {
-  ANCHOR_TARGET,
-  REL_ATTRIBUTE,
-} from "../src/components/Links/common/entities";
-import { STYLED_ANCHOR } from "../src/components/Table/components/TableCell/components/MarkdownCell/stories/constants";
-import * as stories from "../src/components/Table/components/TableCell/components/MarkdownCell/stories/markdownCell.stories";
-
-expect.extend(matchers);
-
-const { Default, WithHtml } = composeStories(stories);
-
-describe("MarkdownCell", () => {
-  it("renders the markdown content", async () => {
-    render(<Default />);
-    expect(await screen.findByText("UBERON:0000955")).toBeInTheDocument();
-  });
-
-  it("renders HTML and anchor elements", async () => {
-    render(<WithHtml />);
-    const anchorEl = await screen.findByText("example link");
-    expect(anchorEl).toBeInTheDocument();
-    expect(anchorEl.getAttribute("href")).toBe("https://www.example.com");
-    expect(anchorEl.getAttribute("target")).toBe(ANCHOR_TARGET.BLANK);
-    expect(anchorEl.getAttribute("rel")).toBe(
-      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
-    );
-    expect(anchorEl).toHaveClass("MuiLink-root");
-  });
-
-  it("applies the correct className and component", async () => {
-    render(
-      <WithHtml
-        className="css-pygqsj"
-        column={
-          {
-            columnDef: { meta: { components: { a: STYLED_ANCHOR } } },
-          } as unknown as Column<unknown, string>
-        }
-      />,
-    );
-    const anchorEl = await screen.findByText("example link");
-    expect(anchorEl).toHaveStyleRule("background-color", "green");
-    expect(anchorEl).toHaveStyleRule("color", "white");
-    expect(anchorEl.closest(".css-pygqsj")).toBeInTheDocument();
-  });
-});

package/tests/provider.test.tsx

@@ -1,189 +0,0 @@
-import { jest } from "@jest/globals";
-import { act, render, screen } from "@testing-library/react";
-import React from "react";
-import { LoginGuardContext } from "../src/providers/loginGuard/context";
-
-jest.unstable_mockModule("../src/hooks/useConfig", () => ({
-  useConfig: jest.fn(),
-}));
-
-jest.unstable_mockModule("../src/providers/authentication/auth/hook", () => ({
-  useAuth: jest.fn(),
-}));
-
-jest.unstable_mockModule(
-  "../src/hooks/authentication/config/useAuthenticationConfig",
-  () => ({
-    useAuthenticationConfig: jest.fn(),
-  }),
-);
-
-const TEST_ID_LOGIN_DIALOG = "login-dialog";
-const TEXT_DIALOG_CLOSED = "closed";
-const TEXT_DIALOG_OPEN = "open";
-jest.unstable_mockModule(
-  "../src/components/common/LoginDialog/loginDialog",
-  () => ({
-    LoginDialog: ({ open }: { open: boolean }): JSX.Element => (
-      <div data-testid={TEST_ID_LOGIN_DIALOG}>
-        {open ? TEXT_DIALOG_OPEN : TEXT_DIALOG_CLOSED}
-      </div>
-    ),
-  }),
-);
-
-const { useConfig } = await import("../src/hooks/useConfig");
-const { useAuth } = await import("../src/providers/authentication/auth/hook");
-const { useAuthenticationConfig } =
-  await import("../src/hooks/authentication/config/useAuthenticationConfig");
-
-const { LoginGuardProvider } =
-  await import("../src/providers/loginGuard/provider");
-
-const TEXT_BUTTON_EXPORT = "export";
-
-describe("LoginGuardProvider", () => {
-  beforeEach(() => {
-    // Mock hooks used by login guard.
-    (useConfig as jest.Mock).mockReturnValue({
-      config: {
-        exportsRequireAuth: true,
-      },
-    });
-    (useAuth as jest.Mock).mockReturnValue({
-      authState: {
-        isAuthenticated: false,
-      },
-    });
-    (useAuthenticationConfig as jest.Mock).mockReturnValue({});
-  });
-
-  it("should render children and login dialog closed", () => {
-    render(
-      <LoginGuardProvider>
-        <div data-testid="child">child component</div>
-      </LoginGuardProvider>,
-    );
-
-    expect(screen.getByTestId("child")).toBeTruthy();
-    expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED,
-    );
-  });
-
-  it("calls callback immediately if user is authenticated", () => {
-    const callback = jest.fn();
-
-    // Simulate user authentication.
-    (useAuth as jest.Mock).mockReturnValue({
-      authState: { isAuthenticated: true },
-    });
-
-    render(
-      <LoginGuardProvider>
-        <LoginGuardContext.Consumer>
-          {({ requireLogin }) => (
-            <button onClick={() => requireLogin(callback)}>
-              {TEXT_BUTTON_EXPORT}
-            </button>
-          )}
-        </LoginGuardContext.Consumer>
-      </LoginGuardProvider>,
-    );
-
-    // Click button requiring login.
-    act(() => {
-      screen.getByText(TEXT_BUTTON_EXPORT).click();
-    });
-
-    // User is authenticated; callback should be fired immediately.
-    expect(callback).toHaveBeenCalled();
-
-    // Login dialog should not be open.
-    expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED,
-    );
-  });
-
-  it("calls callback immediately if exportsRequireAuth is false", () => {
-    const callback = jest.fn();
-
-    // Simulate exportsRequireAuth being false.
-    (useConfig as jest.Mock).mockReturnValue({
-      config: {
-        exportsRequireAuth: false,
-      },
-    });
-
-    render(
-      <LoginGuardProvider>
-        <LoginGuardContext.Consumer>
-          {({ requireLogin }) => (
-            <button onClick={() => requireLogin(callback)}>
-              {TEXT_BUTTON_EXPORT}
-            </button>
-          )}
-        </LoginGuardContext.Consumer>
-      </LoginGuardProvider>,
-    );
-
-    // Click button requiring login.
-    act(() => {
-      screen.getByText(TEXT_BUTTON_EXPORT).click();
-    });
-
-    // exportsRequireAuth is false; callback should be fired immediately.
-    expect(callback).toHaveBeenCalled();
-
-    // Login dialog should not be open.
-    expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED,
-    );
-  });
-
-  it("should call callback after user authenticates", async () => {
-    const callback = jest.fn();
-
-    const { rerender } = render(
-      <LoginGuardProvider>
-        <LoginGuardContext.Consumer>
-          {({ requireLogin }) => (
-            <button onClick={() => requireLogin(callback)}>
-              {TEXT_BUTTON_EXPORT}
-            </button>
-          )}
-        </LoginGuardContext.Consumer>
-      </LoginGuardProvider>,
-    );
-
-    // Click button requiring login.
-    act(() => {
-      screen.getByText(TEXT_BUTTON_EXPORT).click();
-    });
-
-    // User is not authenticated; callback should not have been called.
-    expect(callback).not.toHaveBeenCalled();
-
-    // User is not authenticated; login dialog should be open.
-    expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_OPEN,
-    );
-
-    // Simulate user authentication.
-    await act(async () => {
-      (useAuth as jest.Mock).mockReturnValue({
-        authState: { isAuthenticated: true },
-      });
-    });
-
-    // Rerender to trigger useEffect.
-    rerender(
-      <LoginGuardProvider>
-        <div />
-      </LoginGuardProvider>,
-    );
-
-    // Callback should be called (in useEffect called on re-render).
-    expect(callback).toHaveBeenCalled();
-  });
-});