Merge pull request #2 from Amarusinggithub/codex/add-tests-for-login-and-registration

Add client auth form tests

Author: Amarusinggithub

client/tests/auth/login.test.tsx

@@ -0,0 +1,72 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import Login from '../../src/pages/auth/login.tsx';
+
+const mockLogin = vi.fn();
+const mockSetErrors = vi.fn();
+const mockUseAuth = vi.fn();
+
+vi.mock('../../src/hooks/use-auth.tsx', () => ({
+        useAuth: () => mockUseAuth(),
+}));
+
+describe('Login page', () => {
+        beforeEach(() => {
+                mockLogin.mockReset();
+                mockSetErrors.mockReset();
+                mockUseAuth.mockReturnValue({
+                        Login: mockLogin,
+                        isLoading: false,
+                        errors: null,
+                        setErrors: mockSetErrors,
+                });
+        });
+
+        it('submits valid credentials', async () => {
+                render(<Login />);
+
+                const emailInput = screen.getByLabelText(/Email address/i);
+                const passwordInput = screen.getByLabelText(/Password/i);
+                const submitButton = screen.getByRole('button', { name: /Log in/i });
+
+                fireEvent.change(emailInput, {
+                        target: { name: 'email', value: '[email protected]' },
+                });
+                fireEvent.change(passwordInput, {
+                        target: { name: 'password', value: 'password123' },
+                });
+
+                fireEvent.click(submitButton);
+
+                expect(mockSetErrors).toHaveBeenCalledWith(null);
+                expect(mockLogin).toHaveBeenCalledWith({
+                        email: '[email protected]',
+                        password: 'password123',
+                        remember: false,
+                });
+        });
+
+        it('prevents submission when validation fails', async () => {
+                render(<Login />);
+
+                const emailInput = screen.getByLabelText(/Email address/i);
+                const passwordInput = screen.getByLabelText(/^Password$/i);
+                const submitButton = screen.getByRole('button', { name: /Log in/i });
+
+                fireEvent.change(emailInput, {
+                        target: { name: 'email', value: 'invalid' },
+                });
+                fireEvent.change(passwordInput, {
+                        target: { name: 'password', value: 'short' },
+                });
+
+                fireEvent.click(submitButton);
+
+                expect(mockSetErrors).toHaveBeenNthCalledWith(1, null);
+                expect(mockSetErrors).toHaveBeenNthCalledWith(2, {
+                        email: ['Please enter a valid email address.'],
+                        password: ['Password must be at least 8 characters long.'],
+                });
+                expect(mockLogin).not.toHaveBeenCalled();
+        });
+});

client/tests/auth/register.test.tsx

@@ -0,0 +1,77 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import Register from '../../src/pages/auth/register.tsx';
+
+const mockSignUp = vi.fn();
+const mockSetErrors = vi.fn();
+const mockUseAuth = vi.fn();
+
+vi.mock('../../src/hooks/use-auth.tsx', () => ({
+        useAuth: () => mockUseAuth(),
+}));
+
+describe('Register page', () => {
+        beforeEach(() => {
+                mockSignUp.mockReset();
+                mockSetErrors.mockReset();
+                mockUseAuth.mockReturnValue({
+                        SignUp: mockSignUp,
+                        isLoading: false,
+                        errors: null,
+                        setErrors: mockSetErrors,
+                });
+        });
+
+        it('submits trimmed form data when validation succeeds', async () => {
+                render(<Register />);
+
+                fireEvent.change(screen.getByLabelText(/First Name/i), {
+                        target: { name: 'first_name', value: '  Jane ' },
+                });
+                fireEvent.change(screen.getByLabelText(/Last Name/i), {
+                        target: { name: 'last_name', value: '  Doe ' },
+                });
+                fireEvent.change(screen.getByLabelText(/Email address/i), {
+                        target: { name: 'email', value: '  [email protected] ' },
+                });
+                fireEvent.change(screen.getByLabelText(/^Password$/i), {
+                        target: { name: 'password', value: 'password123' },
+                });
+                fireEvent.change(screen.getByLabelText(/Confirm password/i), {
+                        target: { name: 'confirmPassword', value: 'password123' },
+                });
+
+                fireEvent.click(screen.getByRole('button', { name: /Create account/i }));
+
+                expect(mockSetErrors).toHaveBeenCalledWith(null);
+                expect(mockSignUp).toHaveBeenCalledWith('Jane', 'Doe', '[email protected]', 'password123');
+        });
+
+        it('prevents submission when passwords do not match', async () => {
+                render(<Register />);
+
+                fireEvent.change(screen.getByLabelText(/First Name/i), {
+                        target: { name: 'first_name', value: 'John' },
+                });
+                fireEvent.change(screen.getByLabelText(/Last Name/i), {
+                        target: { name: 'last_name', value: 'Smith' },
+                });
+                fireEvent.change(screen.getByLabelText(/Email address/i), {
+                        target: { name: 'email', value: '[email protected]' },
+                });
+                fireEvent.change(screen.getByLabelText(/^Password$/i), {
+                        target: { name: 'password', value: 'password123' },
+                });
+                fireEvent.change(screen.getByLabelText(/Confirm password/i), {
+                        target: { name: 'confirmPassword', value: 'password456' },
+                });
+
+                fireEvent.click(screen.getByRole('button', { name: /Create account/i }));
+
+                expect(mockSetErrors).toHaveBeenNthCalledWith(1, null);
+                expect(mockSetErrors).toHaveBeenNthCalledWith(2, {
+                        confirmPassword: ['Passwords do not match.'],
+                });
+                expect(mockSignUp).not.toHaveBeenCalled();
+        });
+});