adding confributor spec for app component

Author: thinknoack

packages/openneuro-app/src/scripts/dataset/__tests__/__snapshots__/snapshot-container.spec.tsx.snap

@@ -795,16 +795,6 @@ OCI-1131441 (R. Poldrack, PI) in any publications.
             </h2>
             N/A
           </div>
-          <div
-            class="dataset-meta-block dmb-inline-list"
-          >
-            <h2
-              class="dmb-heading"
-            >
-              Authors
-            </h2>
-            J. Doe, J. Doe, J. Doe
-          </div>
           <div
             class="dataset-meta-block dmb-modalities"
           >

packages/openneuro-app/src/scripts/users/__tests__/contributor.spec.tsx

@@ -0,0 +1,81 @@
+import React from "react"
+import { render, screen } from "@testing-library/react"
+import { MemoryRouter } from "react-router-dom"
+import { MockedProvider } from "@apollo/client/testing"
+import { vi } from "vitest"
+import { SingleContributorDisplay } from "../contributor"
+
+// --- Mock Dependencies ---
+vi.mock("../../queries/user", () => ({
+  useUser: vi.fn(() => ({
+    user: null,
+    loading: false,
+    error: undefined,
+  })),
+}))
+
+import { useUser } from "../../queries/user"
+
+vi.mock("../../assets/ORCIDiD_iconvector.svg", () => ({
+  default: "mock-orcid-logo.svg",
+}))
+
+describe("SingleContributorDisplay - Basic Loading", () => {
+  const renderComponent = (props: {
+    contributor: { name?: string; orcid?: string | null }
+    isLast?: boolean
+    separator?: React.ReactNode
+  }) => {
+    return render(
+      <MemoryRouter>
+        <MockedProvider>
+          <SingleContributorDisplay
+            contributor={props.contributor}
+            isLast={props.isLast ?? true}
+            separator={props.separator ?? null}
+          />
+        </MockedProvider>
+      </MemoryRouter>,
+    )
+  }
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    vi.mocked(useUser).mockImplementation((userId) => {
+      if (userId) {
+        return {
+          user: { id: userId, name: `Mock User ${userId}` },
+          loading: false,
+          error: undefined,
+        }
+      }
+      return { user: null, loading: false, error: undefined }
+    })
+  })
+
+  it("renders the component and displays the contributor name", async () => {
+    const contributor = { name: "Jane Doe", orcid: null }
+    renderComponent({ contributor })
+    expect(screen.getByText("Jane Doe")).toBeInTheDocument()
+  })
+
+  it("renders 'Unknown Contributor' if the contributor name is missing", async () => {
+    const contributor = { name: undefined, orcid: null }
+    renderComponent({ contributor })
+    expect(screen.getByText("Unknown Contributor")).toBeInTheDocument()
+  })
+
+  it("renders the component and displays the ORCID link if an ID is provided", async () => {
+    const testOrcid = "0000-0000-0000-0000"
+    const contributor = { name: "Author With ORCID", orcid: testOrcid }
+    renderComponent({ contributor })
+    const orcidLink = screen.getByLabelText(
+      `ORCID profile for ${contributor.name}`,
+    )
+    expect(orcidLink).toBeInTheDocument()
+    expect(orcidLink).toHaveAttribute(
+      "href",
+      expect.stringContaining(testOrcid),
+    )
+  })
+})