update unit tests

src/ui/pages/stripe/CreateLink.test.tsx

@@ -10,12 +10,12 @@ import { MemoryRouter } from 'react-router-dom';
 describe('StripeCreateLinkPanel Tests', () => {
   const createLinkMock = vi.fn();
 
-  const renderComponent = async (isLoading = false) => {
+  const renderComponent = async () => {
     await act(async () => {
       render(
         <MemoryRouter>
           <MantineProvider withGlobalClasses withCssVariables forceColorScheme="light">
-            <StripeCreateLinkPanel createLink={createLinkMock} isLoading={isLoading} />
+            <StripeCreateLinkPanel createLink={createLinkMock} />
           </MantineProvider>
         </MemoryRouter>
       );

src/ui/pages/stripe/CurrentLinks.test.tsx

@@ -0,0 +1,180 @@
+import { render, screen, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { vi } from 'vitest';
+import { MantineProvider } from '@mantine/core';
+import { notifications } from '@mantine/notifications';
+import { MemoryRouter } from 'react-router-dom';
+import StripeCurrentLinksPanel from './CurrentLinks';
+
+vi.mock('@ui/components/AuthContext', async () => {
+  return {
+    useAuth: vi.fn().mockReturnValue({
+      userData: { email: 'infraunittests@acm.illinois.edu' },
+    }),
+  };
+});
+
+describe('StripeCurrentLinksPanel Tests', () => {
+  const getLinksMock = vi.fn();
+
+  const renderComponent = async () => {
+    await act(async () => {
+      render(
+        <MemoryRouter>
+          <MantineProvider withGlobalClasses withCssVariables forceColorScheme="light">
+            <StripeCurrentLinksPanel getLinks={getLinksMock} />
+          </MantineProvider>
+        </MemoryRouter>
+      );
+    });
+  };
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders table with no items', async () => {
+    getLinksMock.mockResolvedValue([]);
+    await renderComponent();
+
+    expect(getLinksMock).toHaveBeenCalledOnce();
+    expect(await screen.findByText('Current Links')).toBeInTheDocument();
+    expect(screen.getByRole('table')).toBeInTheDocument();
+    expect(screen.getAllByRole('row')).toHaveLength(1); // Only header row
+  });
+
+  it('renders table with a few items', async () => {
+    getLinksMock.mockResolvedValue([
+      {
+        id: '1',
+        active: true,
+        invoiceId: 'INV-001',
+        invoiceAmountUsd: 5000,
+        userId: 'user@example.com',
+        createdAt: '2024-02-01',
+        link: 'http://example.com',
+      },
+      {
+        id: '2',
+        active: false,
+        invoiceId: 'INV-002',
+        invoiceAmountUsd: 7500,
+        userId: 'infraunittests@acm.illinois.edu',
+        createdAt: null,
+        link: 'http://example.com/2',
+      },
+    ]);
+    await renderComponent();
+
+    expect(getLinksMock).toHaveBeenCalledOnce();
+    const rows = screen.getAllByRole('row');
+    expect(rows).toHaveLength(3); // Header + 2 data rows
+    expect(rows[1]).toHaveTextContent('INV-001');
+    expect(rows[1]).toHaveTextContent('$50');
+    expect(rows[2]).toHaveTextContent('INV-002');
+    expect(rows[2]).toHaveTextContent('$75');
+    expect(screen.getByText('You')).toBeInTheDocument();
+    expect(screen.getByText('Unknown')).toBeInTheDocument();
+    const user = userEvent.setup();
+    const copyButtons = screen.getAllByRole('button', { name: /copy/i });
+    await user.click(copyButtons[0]);
+    await act(async () => {
+      const clipboardText = await navigator.clipboard.readText();
+      expect(clipboardText).toBe('http://example.com');
+    });
+    await user.click(copyButtons[1]);
+    await act(async () => {
+      const clipboardText = await navigator.clipboard.readText();
+      expect(clipboardText).toBe('http://example.com/2');
+    });
+  });
+
+  it('correctly replaces the user email with "You"', async () => {
+    getLinksMock.mockResolvedValue([
+      {
+        id: '3',
+        active: true,
+        invoiceId: 'INV-003',
+        invoiceAmountUsd: 10000,
+        userId: 'infraunittests@acm.illinois.edu',
+        createdAt: '2024-02-05',
+        link: 'http://example.com/3',
+      },
+    ]);
+    await renderComponent();
+
+    expect(getLinksMock).toHaveBeenCalledOnce();
+    expect(await screen.findByText('You')).toBeInTheDocument();
+  });
+
+  it('handles API failure gracefully', async () => {
+    const notificationsMock = vi.spyOn(notifications, 'show');
+    getLinksMock.mockRejectedValue(new Error('API Error'));
+    await renderComponent();
+
+    expect(getLinksMock).toHaveBeenCalledOnce();
+    expect(notificationsMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        title: 'Error',
+        message: 'Failed to get payment links. Please try again or contact support.',
+        color: 'red',
+      })
+    );
+
+    notificationsMock.mockRestore();
+  });
+
+  it('allows selecting and deselecting rows', async () => {
+    getLinksMock.mockResolvedValue([
+      {
+        id: '1',
+        active: true,
+        invoiceId: 'INV-001',
+        invoiceAmountUsd: 5000,
+        userId: 'user@example.com',
+        createdAt: '2024-02-01',
+        link: 'http://example.com',
+      },
+    ]);
+    await renderComponent();
+
+    const checkbox = screen.getByLabelText('Select row');
+    await userEvent.click(checkbox);
+    expect(checkbox).toBeChecked();
+
+    await userEvent.click(checkbox);
+    expect(checkbox).not.toBeChecked();
+  });
+
+  it('triggers deactivation when clicking deactivate button', async () => {
+    getLinksMock.mockResolvedValue([
+      {
+        id: '1',
+        active: true,
+        invoiceId: 'INV-001',
+        invoiceAmountUsd: 5000,
+        userId: 'user@example.com',
+        createdAt: '2024-02-01',
+        link: 'http://example.com',
+      },
+    ]);
+    const notificationsMock = vi.spyOn(notifications, 'show');
+    await renderComponent();
+
+    const checkbox = screen.getByLabelText('Select row');
+    await userEvent.click(checkbox);
+
+    const deactivateButton = await screen.findByText(/Deactivate 1 link/);
+    await userEvent.click(deactivateButton);
+
+    expect(notificationsMock).toHaveBeenCalledWith(
+      expect.objectContaining({
+        title: 'Feature not available',
+        message: 'Coming soon!',
+        color: 'yellow',
+      })
+    );
+
+    notificationsMock.mockRestore();
+  });
+});