From 567b4096f8bc65ce9eda49c86072355cd4946c99 Mon Sep 17 00:00:00 2001
From: gerani1 <gerani1@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:03:26 -0400
Subject: [PATCH 1/4] test: add unit tests for earn tabs, rewards bar, GLV
 vault hook, and referral code hook
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #234 — earn-page tab navigation tests
Closes #235 — portfolio rewards bar tests
Closes #236 — GLV vault data query hook tests
Closes #237 — referral code query states tests
---
 .../earn/components/earn-page.test.tsx        |  92 +++++++++
 .../components/portfolio/rewards-bar.test.tsx | 101 ++++++++++
 .../earn/queries/useGLVVaultData.test.tsx     | 143 ++++++++++++++
 .../queries/useReferralCode.test.tsx          | 174 ++++++++++++++++++
 4 files changed, 510 insertions(+)
 create mode 100644 apps/web/src/features/earn/components/earn-page.test.tsx
 create mode 100644 apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
 create mode 100644 apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
 create mode 100644 apps/web/src/features/referrals/queries/useReferralCode.test.tsx

diff --git a/apps/web/src/features/earn/components/earn-page.test.tsx b/apps/web/src/features/earn/components/earn-page.test.tsx
new file mode 100644
index 0000000..aa81d27
--- /dev/null
+++ b/apps/web/src/features/earn/components/earn-page.test.tsx
@@ -0,0 +1,92 @@
+import { describe, it, expect, vi, afterEach } from "vitest"
+import { render, screen } from "@testing-library/react"
+import userEvent from "@testing-library/user-event"
+
+vi.mock("@/ui/Navbar", () => ({
+  Navbar: () => <nav data-testid="navbar" />,
+}))
+
+vi.mock("./portfolio/portfolio-tab", () => ({
+  PortfolioTab: () => <div data-testid="portfolio-content">Portfolio content</div>,
+}))
+
+vi.mock("./discover/discover-tab", () => ({
+  DiscoverTab: () => <div data-testid="discover-content">Discover content</div>,
+}))
+
+vi.mock("./additional/additional-opportunities-tab", () => ({
+  AdditionalOpportunitiesTab: () => (
+    <div data-testid="additional-content">Additional content</div>
+  ),
+}))
+
+vi.mock("./distributions/distributions-tab", () => ({
+  DistributionsTab: () => (
+    <div data-testid="distributions-content">Distributions content</div>
+  ),
+}))
+
+afterEach(() => {
+  vi.clearAllMocks()
+})
+
+describe("EarnPage — tab navigation (#234)", () => {
+  it("renders the Portfolio tab as selected by default", async () => {
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    expect(screen.getByRole("tab", { name: "Portfolio" })).toBeInTheDocument()
+    expect(screen.getByTestId("portfolio-content")).toBeInTheDocument()
+  })
+
+  it("renders all four tab triggers", async () => {
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    expect(screen.getByRole("tab", { name: "Portfolio" })).toBeInTheDocument()
+    expect(screen.getByRole("tab", { name: "Discover" })).toBeInTheDocument()
+    expect(screen.getByRole("tab", { name: "Additional opportunities" })).toBeInTheDocument()
+    expect(screen.getByRole("tab", { name: "Distributions" })).toBeInTheDocument()
+  })
+
+  it("shows Discover content when Discover tab is clicked", async () => {
+    const user = userEvent.setup()
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    await user.click(screen.getByRole("tab", { name: "Discover" }))
+
+    expect(screen.getByTestId("discover-content")).toBeInTheDocument()
+  })
+
+  it("shows Additional content when Additional opportunities tab is clicked", async () => {
+    const user = userEvent.setup()
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    await user.click(screen.getByRole("tab", { name: "Additional opportunities" }))
+
+    expect(screen.getByTestId("additional-content")).toBeInTheDocument()
+  })
+
+  it("shows Distributions content when Distributions tab is clicked", async () => {
+    const user = userEvent.setup()
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    await user.click(screen.getByRole("tab", { name: "Distributions" }))
+
+    expect(screen.getByTestId("distributions-content")).toBeInTheDocument()
+  })
+
+  it("returns to Portfolio content when Portfolio tab is clicked after switching", async () => {
+    const user = userEvent.setup()
+    const { EarnPage } = await import("./earn-page")
+    render(<EarnPage />)
+
+    await user.click(screen.getByRole("tab", { name: "Discover" }))
+    await user.click(screen.getByRole("tab", { name: "Portfolio" }))
+
+    expect(screen.getByTestId("portfolio-content")).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx b/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
new file mode 100644
index 0000000..dfcbb55
--- /dev/null
+++ b/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
@@ -0,0 +1,101 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest"
+import { render, screen } from "@testing-library/react"
+import type { EarnStats } from "../../hooks/use-earn-data"
+
+const earnStatsStub: { data: EarnStats; isLoading: boolean } = {
+  data: {
+    totalInvestmentUsd: 0,
+    totalEarnedUsd: 0,
+    totalPendingRewardsUsd: 0,
+    stakingPowerSharePct: 0,
+  },
+  isLoading: false,
+}
+
+vi.mock("../../hooks/use-earn-data", () => ({
+  useEarnStats: () => earnStatsStub,
+}))
+
+vi.mock("../../lib/earn", () => ({
+  claimRewards: vi.fn(() => Promise.resolve("TX_HASH")),
+}))
+
+afterEach(() => {
+  vi.clearAllMocks()
+})
+
+describe("RewardsBar — portfolio rewards (#235)", () => {
+  beforeEach(() => {
+    earnStatsStub.data = {
+      totalInvestmentUsd: 0,
+      totalEarnedUsd: 0,
+      totalPendingRewardsUsd: 0,
+      stakingPowerSharePct: 0,
+    }
+    earnStatsStub.isLoading = false
+  })
+
+  it("renders zero reward values when stats are empty", async () => {
+    const { RewardsBar } = await import("./rewards-bar")
+    render(<RewardsBar />)
+
+    expect(screen.getByText("Total investment value")).toBeInTheDocument()
+    expect(screen.getByText("Total pending rewards")).toBeInTheDocument()
+  })
+
+  it("disables Claim rewards button when pending rewards are zero", async () => {
+    const { RewardsBar } = await import("./rewards-bar")
+    render(<RewardsBar />)
+
+    const claimButton = screen.getByRole("button", { name: /Claim rewards/i })
+    expect(claimButton).toBeDisabled()
+  })
+
+  it("enables Claim rewards button when pending rewards are non-zero", async () => {
+    earnStatsStub.data = {
+      totalInvestmentUsd: 500,
+      totalEarnedUsd: 100,
+      totalPendingRewardsUsd: 42.5,
+      stakingPowerSharePct: 12,
+    }
+
+    const { RewardsBar } = await import("./rewards-bar")
+    render(<RewardsBar />)
+
+    const claimButton = screen.getByRole("button", { name: /Claim rewards/i })
+    expect(claimButton).not.toBeDisabled()
+  })
+
+  it("shows skeleton loaders while isLoading is true", async () => {
+    earnStatsStub.isLoading = true
+
+    const { RewardsBar } = await import("./rewards-bar")
+    const { container } = render(<RewardsBar />)
+
+    const skeletons = container.querySelectorAll(".animate-pulse")
+    expect(skeletons.length).toBeGreaterThan(0)
+  })
+
+  it("renders the info banner by default", async () => {
+    const { RewardsBar } = await import("./rewards-bar")
+    render(<RewardsBar />)
+
+    expect(
+      screen.getByText(/Protocol fees are accumulating/i),
+    ).toBeInTheDocument()
+  })
+
+  it("renders Staking Power Share stat", async () => {
+    earnStatsStub.data = {
+      totalInvestmentUsd: 0,
+      totalEarnedUsd: 0,
+      totalPendingRewardsUsd: 0,
+      stakingPowerSharePct: 0,
+    }
+
+    const { RewardsBar } = await import("./rewards-bar")
+    render(<RewardsBar />)
+
+    expect(screen.getByText("Staking Power Share")).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
new file mode 100644
index 0000000..138f220
--- /dev/null
+++ b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
@@ -0,0 +1,143 @@
+import { describe, it, expect, vi, beforeEach } from "vitest"
+import { renderHook, waitFor } from "@testing-library/react"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
+import { useWalletStore } from "@/features/wallet/store/wallet-store"
+import type React from "react"
+
+// ── Contract mock ─────────────────────────────────────────────────────────────
+
+const mockGetMarketPoolAmounts = vi.fn()
+
+vi.mock("@/lib/contracts", () => ({
+  syntheticsReaderClient: {
+    getMarketPoolAmounts: mockGetMarketPoolAmounts,
+  },
+  // stubs for other re-exports consumed transitively
+  exchangeRouterClient: {},
+  referralStorageClient: {},
+  orderVaultClient: {},
+  sacTokenClient: {},
+  stakingRouterClient: {},
+}))
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+function createWrapper() {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  })
+  return function Wrapper({ children }: { children: React.ReactNode }) {
+    return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  }
+}
+
+beforeEach(() => {
+  mockGetMarketPoolAmounts.mockReset()
+  useWalletStore.setState({
+    address: null,
+    walletId: null,
+    status: "disconnected",
+    network: "testnet",
+    pendingTransactionXdr: null,
+  })
+})
+
+// ── Tests ─────────────────────────────────────────────────────────────────────
+
+describe("useGLVVaultData (#236)", () => {
+  it("returns zero defaults for an unknown vault address", async () => {
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData("glv-unknown-vault"), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+    expect(result.current.data).toEqual({
+      apr: 0,
+      tvlUsd: 0,
+      underlyingPoolAllocations: [],
+      userGlvBalance: 0n,
+    })
+  })
+
+  it("returns vault data for a known vault address (success path)", async () => {
+    mockGetMarketPoolAmounts.mockResolvedValue({ poolValueUsd: 0 })
+
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData("glv-btc-usdc"), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+    expect(result.current.data?.apr).toBeGreaterThan(0)
+    expect(result.current.data?.tvlUsd).toBeGreaterThan(0)
+    expect(Array.isArray(result.current.data?.underlyingPoolAllocations)).toBe(true)
+  })
+
+  it("falls back to static TVL when RPC call throws (error path)", async () => {
+    mockGetMarketPoolAmounts.mockRejectedValue(new Error("RPC error"))
+
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData("glv-btc-usdc"), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+    expect(result.current.data?.tvlUsd).toBeGreaterThan(0)
+    expect(Array.isArray(result.current.data?.underlyingPoolAllocations)).toBe(true)
+  })
+
+  it("returns non-zero userGlvBalance when wallet is connected", async () => {
+    mockGetMarketPoolAmounts.mockResolvedValue({ poolValueUsd: 0 })
+
+    useWalletStore.setState({
+      address: "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345",
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData("glv-btc-usdc"), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+    expect(result.current.data?.userGlvBalance).toBeGreaterThan(0n)
+  })
+
+  it("returns zero userGlvBalance when wallet is disconnected", async () => {
+    mockGetMarketPoolAmounts.mockResolvedValue({ poolValueUsd: 0 })
+
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData("glv-btc-usdc"), {
+      wrapper: createWrapper(),
+    })
+
+    await waitFor(() => expect(result.current.isSuccess).toBe(true))
+
+    expect(result.current.data?.userGlvBalance).toBe(0n)
+  })
+
+  it("does not run query when glvAddress is empty", async () => {
+    const { useGLVVaultData } = await import("./useGLVVaultData")
+
+    const { result } = renderHook(() => useGLVVaultData(""), {
+      wrapper: createWrapper(),
+    })
+
+    // Query should be disabled — stays in pending/idle state
+    expect(result.current.isSuccess).toBe(false)
+    expect(result.current.data).toBeUndefined()
+  })
+})
diff --git a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
new file mode 100644
index 0000000..6673ae5
--- /dev/null
+++ b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
@@ -0,0 +1,174 @@
+import { describe, it, expect, vi, beforeEach } from "vitest"
+import { render, screen, waitFor } from "@testing-library/react"
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
+import { useWalletStore } from "@/features/wallet/store/wallet-store"
+import type React from "react"
+
+// ── Mocks ─────────────────────────────────────────────────────────────────────
+
+const mockGetReferralInfo = vi.fn()
+const mockReadStoredAffiliateCode = vi.fn()
+
+vi.mock("@/lib/contracts", () => ({
+  referralStorageClient: {
+    getReferralInfo: mockGetReferralInfo,
+  },
+  affiliateCodeStorageKey: (addr: string) => `affiliate-code:${addr}`,
+  // stubs consumed transitively
+  exchangeRouterClient: {},
+  syntheticsReaderClient: {},
+  orderVaultClient: {},
+  sacTokenClient: {},
+  stakingRouterClient: {},
+}))
+
+vi.mock("../lib/referrals", () => ({
+  readStoredAffiliateCode: mockReadStoredAffiliateCode,
+}))
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+function createWrapper() {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  })
+  return function Wrapper({ children }: { children: React.ReactNode }) {
+    return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  }
+}
+
+function TestComponent() {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  const { useReferralCode } = require("./useReferralCode") as {
+    useReferralCode: () => { data: string | null | undefined; isLoading: boolean; isError: boolean }
+  }
+  const { data, isLoading, isError } = useReferralCode()
+
+  if (isLoading) return <div data-testid="loading">Loading…</div>
+  if (isError) return <div data-testid="error">Error loading referral code</div>
+  if (!data) return <div data-testid="empty">No referral code</div>
+  return <div data-testid="code">{data}</div>
+}
+
+beforeEach(() => {
+  mockGetReferralInfo.mockReset()
+  mockReadStoredAffiliateCode.mockReset()
+  useWalletStore.setState({
+    address: null,
+    walletId: null,
+    status: "disconnected",
+    network: "testnet",
+    pendingTransactionXdr: null,
+  })
+})
+
+// ── Tests ─────────────────────────────────────────────────────────────────────
+
+describe("useReferralCode (#237)", () => {
+  it("does not fetch when wallet is disconnected — no loading or error shown", () => {
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    // Query disabled — no loading/error states, falls to empty
+    expect(screen.queryByTestId("loading")).not.toBeInTheDocument()
+    expect(screen.queryByTestId("error")).not.toBeInTheDocument()
+  })
+
+  it("returns stored affiliate code from local storage (success path)", async () => {
+    mockReadStoredAffiliateCode.mockReturnValue("MYCODE")
+
+    useWalletStore.setState({
+      address: "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345",
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    await waitFor(() => expect(screen.getByTestId("code")).toBeInTheDocument())
+    expect(screen.getByTestId("code")).toHaveTextContent("MYCODE")
+  })
+
+  it("falls back to on-chain lookup when no stored code exists (success path)", async () => {
+    mockReadStoredAffiliateCode.mockReturnValue(null)
+    mockGetReferralInfo.mockResolvedValue({ code: "ONCHAIN" })
+
+    useWalletStore.setState({
+      address: "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345",
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    await waitFor(() => expect(screen.getByTestId("code")).toBeInTheDocument())
+    expect(screen.getByTestId("code")).toHaveTextContent("ONCHAIN")
+  })
+
+  it("shows empty state when no stored code and on-chain returns null (not found)", async () => {
+    mockReadStoredAffiliateCode.mockReturnValue(null)
+    mockGetReferralInfo.mockResolvedValue({ code: null })
+
+    useWalletStore.setState({
+      address: "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345",
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    await waitFor(() => expect(screen.getByTestId("empty")).toBeInTheDocument())
+  })
+
+  it("shows error state when on-chain lookup throws (RPC error)", async () => {
+    mockReadStoredAffiliateCode.mockReturnValue(null)
+    mockGetReferralInfo.mockRejectedValue(new Error("RPC error"))
+
+    useWalletStore.setState({
+      address: "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345",
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    await waitFor(() => expect(screen.getByTestId("error")).toBeInTheDocument())
+  })
+
+  it("query key includes wallet address", async () => {
+    mockReadStoredAffiliateCode.mockReturnValue(null)
+    mockGetReferralInfo.mockResolvedValue({ code: "ADDR_SCOPED" })
+
+    const addr1 = "GABCDEFGHIJKLMNOPQRSTUVWXYZ012345"
+    const addr2 = "GABCDEFGHIJKLMNOPQRSTUVWXYZ054321"
+
+    useWalletStore.setState({
+      address: addr1,
+      walletId: "freighter",
+      status: "connected",
+      network: "testnet",
+      pendingTransactionXdr: null,
+    })
+
+    const Wrapper = createWrapper()
+    render(<Wrapper><TestComponent /></Wrapper>)
+
+    await waitFor(() => expect(screen.getByTestId("code")).toBeInTheDocument())
+
+    // The hook was called with the correct address
+    expect(mockGetReferralInfo).toHaveBeenCalledWith(addr1)
+    expect(mockGetReferralInfo).not.toHaveBeenCalledWith(addr2)
+  })
+})

From a430d01f25381eaf7e13eff3c4e0df1307e3085b Mon Sep 17 00:00:00 2001
From: gerani1 <gerani1@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:07:45 -0400
Subject: [PATCH 2/4] fix lint: sort vitest imports alphabetically, fix import
 order in test files

---
 apps/web/src/features/earn/components/earn-page.test.tsx | 2 +-
 .../earn/components/portfolio/rewards-bar.test.tsx       | 2 +-
 .../src/features/earn/queries/useGLVVaultData.test.tsx   | 4 ++--
 .../features/referrals/queries/useReferralCode.test.tsx  | 9 +++------
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/features/earn/components/earn-page.test.tsx b/apps/web/src/features/earn/components/earn-page.test.tsx
index aa81d27..d595e8b 100644
--- a/apps/web/src/features/earn/components/earn-page.test.tsx
+++ b/apps/web/src/features/earn/components/earn-page.test.tsx
@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, afterEach } from "vitest"
+import { afterEach, describe, expect, it, vi } from "vitest"
 import { render, screen } from "@testing-library/react"
 import userEvent from "@testing-library/user-event"
 
diff --git a/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx b/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
index dfcbb55..495f23b 100644
--- a/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
+++ b/apps/web/src/features/earn/components/portfolio/rewards-bar.test.tsx
@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest"
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"
 import { render, screen } from "@testing-library/react"
 import type { EarnStats } from "../../hooks/use-earn-data"
 
diff --git a/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
index 138f220..edb81cc 100644
--- a/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
+++ b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
@@ -1,8 +1,8 @@
-import { describe, it, expect, vi, beforeEach } from "vitest"
+import { beforeEach, describe, expect, it, vi } from "vitest"
 import { renderHook, waitFor } from "@testing-library/react"
+import type React from "react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { useWalletStore } from "@/features/wallet/store/wallet-store"
-import type React from "react"
 
 // ── Contract mock ─────────────────────────────────────────────────────────────
 
diff --git a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
index 6673ae5..f394622 100644
--- a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
+++ b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
@@ -1,8 +1,9 @@
-import { describe, it, expect, vi, beforeEach } from "vitest"
+import { beforeEach, describe, expect, it, vi } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
+import type React from "react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { useWalletStore } from "@/features/wallet/store/wallet-store"
-import type React from "react"
+import { useReferralCode } from "./useReferralCode"
 
 // ── Mocks ─────────────────────────────────────────────────────────────────────
 
@@ -38,10 +39,6 @@ function createWrapper() {
 }
 
 function TestComponent() {
-  // eslint-disable-next-line @typescript-eslint/no-require-imports
-  const { useReferralCode } = require("./useReferralCode") as {
-    useReferralCode: () => { data: string | null | undefined; isLoading: boolean; isError: boolean }
-  }
   const { data, isLoading, isError } = useReferralCode()
 
   if (isLoading) return <div data-testid="loading">Loading…</div>

From f0acd1fac796986b6033bac82c9c0c02d927dc1c Mon Sep 17 00:00:00 2001
From: gerani1 <gerani1@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:14:25 -0400
Subject: [PATCH 3/4] fix lint: remove unnecessary React type import to resolve
 import/order errors

---
 apps/web/src/features/earn/queries/useGLVVaultData.test.tsx      | 1 -
 apps/web/src/features/referrals/queries/useReferralCode.test.tsx | 1 -
 2 files changed, 2 deletions(-)

diff --git a/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
index edb81cc..1714591 100644
--- a/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
+++ b/apps/web/src/features/earn/queries/useGLVVaultData.test.tsx
@@ -1,6 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest"
 import { renderHook, waitFor } from "@testing-library/react"
-import type React from "react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { useWalletStore } from "@/features/wallet/store/wallet-store"
 
diff --git a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
index f394622..8e5f6db 100644
--- a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
+++ b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
@@ -1,6 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
-import type React from "react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { useWalletStore } from "@/features/wallet/store/wallet-store"
 import { useReferralCode } from "./useReferralCode"

From 85b204f66fb5ec9b029ebd9b795a649e37abc4cf Mon Sep 17 00:00:00 2001
From: gerani1 <gerani1@users.noreply.github.com>
Date: Fri, 26 Jun 2026 18:17:58 -0400
Subject: [PATCH 4/4] fix lint: move relative import before @/ import in
 useReferralCode test

---
 .../web/src/features/referrals/queries/useReferralCode.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
index 8e5f6db..08e5ce6 100644
--- a/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
+++ b/apps/web/src/features/referrals/queries/useReferralCode.test.tsx
@@ -1,8 +1,8 @@
 import { beforeEach, describe, expect, it, vi } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
-import { useWalletStore } from "@/features/wallet/store/wallet-store"
 import { useReferralCode } from "./useReferralCode"
+import { useWalletStore } from "@/features/wallet/store/wallet-store"
 
 // ── Mocks ─────────────────────────────────────────────────────────────────────