tests: home, docs, login, 404, support

Author: aledefra

src/__tests__/pages/docs-page.test.tsx

@@ -0,0 +1,15 @@
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it } from 'vitest';
+import DocsPage from '../../../app/(protected)/docs/page';
+
+describe('Docs page', () => {
+    afterEach(() => {
+        cleanup();
+    });
+
+    it('renders the docs placeholder', () => {
+        render(<DocsPage />);
+
+        expect(screen.getByText('Docs')).toBeInTheDocument();
+    });
+});

src/__tests__/pages/home-page.test.tsx

@@ -0,0 +1,45 @@
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import HomePage from '../../../app/(protected)/home/page';
+
+const deploymentMocks = vi.hoisted(() => ({
+    apps: {
+        groupA: {
+            jobA: {},
+            jobB: {},
+        },
+        groupB: {
+            jobC: {},
+        },
+    },
+    escrowContractAddress: '0x1234567890abcdef1234',
+}));
+
+vi.mock('@lib/contexts/deployment', () => ({
+    useDeploymentContext: () => ({
+        apps: deploymentMocks.apps,
+        escrowContractAddress: deploymentMocks.escrowContractAddress,
+    }),
+}));
+
+vi.mock('@lib/config', () => ({
+    getCurrentEpoch: () => 42,
+    getNextEpochTimestamp: () => new Date('2025-01-01T00:00:00Z'),
+}));
+
+describe('Home page', () => {
+    afterEach(() => {
+        cleanup();
+    });
+
+    it('renders summary cards', () => {
+        render(<HomePage />);
+
+        expect(screen.getByText('Escrow SC Addr.')).toBeInTheDocument();
+        expect(screen.getByText('Running Jobs')).toBeInTheDocument();
+        expect(screen.getByText('Current Epoch')).toBeInTheDocument();
+        expect(screen.getByText('42')).toBeInTheDocument();
+        expect(screen.getByText('3')).toBeInTheDocument();
+        expect(screen.getByText(/0x/)).toBeInTheDocument();
+    });
+});

src/__tests__/pages/login-page.test.tsx

@@ -0,0 +1,109 @@
+import { cleanup, render, screen, waitFor } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import LoginPage from '../../../app/(public)/login/page';
+
+const authMocks = vi.hoisted(() => ({
+    state: {
+        isSignedIn: false,
+    },
+}));
+
+const deploymentMocks = vi.hoisted(() => ({
+    fetchEscrowAccess: vi.fn(),
+    isFetchAppsRequired: undefined as boolean | undefined,
+    setEscrowContractAddress: vi.fn(),
+}));
+
+const wagmiMocks = vi.hoisted(() => ({
+    useAccount: vi.fn(),
+    usePublicClient: vi.fn(),
+}));
+
+const connectKitMocks = vi.hoisted(() => ({
+    open: false,
+    openSIWE: vi.fn(),
+}));
+
+const routerMocks = vi.hoisted(() => ({
+    replace: vi.fn(),
+}));
+
+vi.mock('@assets/logo.svg', () => ({
+    default: 'logo.svg',
+}));
+
+vi.mock('@components/auth/LoginCard', () => ({
+    default: ({ hasOracles }: { hasOracles: boolean }) => <div>LoginCard {String(hasOracles)}</div>,
+}));
+
+vi.mock('@components/auth/RestrictedAccess', () => ({
+    default: () => <div>RestrictedAccess</div>,
+}));
+
+vi.mock('@lib/contexts/authentication', () => ({
+    useAuthenticationContext: () => authMocks.state,
+}));
+
+vi.mock('@lib/contexts/deployment', () => ({
+    useDeploymentContext: () => ({
+        fetchEscrowAccess: deploymentMocks.fetchEscrowAccess,
+        isFetchAppsRequired: deploymentMocks.isFetchAppsRequired,
+        setEscrowContractAddress: deploymentMocks.setEscrowContractAddress,
+    }),
+}));
+
+vi.mock('connectkit', () => ({
+    ConnectKitButton: () => <div>ConnectKitButton</div>,
+    useModal: () => ({
+        open: connectKitMocks.open,
+        openSIWE: connectKitMocks.openSIWE,
+    }),
+}));
+
+vi.mock('wagmi', () => ({
+    useAccount: wagmiMocks.useAccount,
+    usePublicClient: wagmiMocks.usePublicClient,
+}));
+
+vi.mock('next/navigation', () => ({
+    useRouter: () => ({
+        replace: routerMocks.replace,
+    }),
+}));
+
+describe('Login page', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        authMocks.state.isSignedIn = false;
+        deploymentMocks.isFetchAppsRequired = undefined;
+        wagmiMocks.useAccount.mockReturnValue({ address: undefined });
+        wagmiMocks.usePublicClient.mockReturnValue(undefined);
+        connectKitMocks.open = false;
+    });
+
+    afterEach(() => {
+        cleanup();
+    });
+
+    it('opens the SIWE modal when signed out', async () => {
+        render(<LoginPage />);
+
+        await waitFor(() => {
+            expect(connectKitMocks.openSIWE).toHaveBeenCalled();
+        });
+    });
+
+    it('renders the login card for connected users', async () => {
+        authMocks.state.isSignedIn = true;
+        const readContract = vi.fn().mockResolvedValue(true);
+
+        wagmiMocks.useAccount.mockReturnValue({ address: '0xabc' });
+        wagmiMocks.usePublicClient.mockReturnValue({ readContract });
+        deploymentMocks.fetchEscrowAccess.mockResolvedValue({ escrowAddress: '0xdef' });
+
+        render(<LoginPage />);
+
+        expect(await screen.findByText('LoginCard true')).toBeInTheDocument();
+        expect(readContract).toHaveBeenCalled();
+    });
+});

src/__tests__/pages/not-found-page.test.tsx

@@ -0,0 +1,18 @@
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it } from 'vitest';
+import NotFoundPage from '../../../app/(public)/404/page';
+
+describe('404 page', () => {
+    afterEach(() => {
+        cleanup();
+    });
+
+    it('renders the 404 message', () => {
+        render(<NotFoundPage />);
+
+        expect(screen.getByText('404')).toBeInTheDocument();
+        expect(
+            screen.getByText("The page or resource you're trying to reach is invalid or it doesn't exist anymore"),
+        ).toBeInTheDocument();
+    });
+});

src/__tests__/pages/support-page.test.tsx

@@ -0,0 +1,15 @@
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it } from 'vitest';
+import SupportPage from '../../../app/(protected)/support/page';
+
+describe('Support page', () => {
+    afterEach(() => {
+        cleanup();
+    });
+
+    it('renders the support placeholder', () => {
+        render(<SupportPage />);
+
+        expect(screen.getByText('Support')).toBeInTheDocument();
+    });
+});