arbret/frontend/app/login/page.test.tsx
counterweight 7dd13292a0
Phase 5: Translate Auth Pages - login and signup
- Create auth.json translation files for es, en, ca
- Translate login page: title, subtitle, form labels, buttons, footer
- Translate signup page: invite code step and account creation step
- Translate signup/[code] redirect page
- Update IntlProvider to load auth namespace
- Update test expectations to match Spanish translations (default language)
- All frontend and e2e tests passing
2025-12-25 22:14:04 +01:00

39 lines
1.2 KiB
TypeScript

import { screen, cleanup } from "@testing-library/react";
import { expect, test, vi, beforeEach, afterEach } from "vitest";
import LoginPage from "./page";
import { renderWithProviders } from "../test-utils";
const mockPush = vi.fn();
vi.mock("next/navigation", () => ({
useRouter: () => ({ push: mockPush }),
}));
const mockLogin = vi.fn();
vi.mock("../auth-context", () => ({
useAuth: () => ({ login: mockLogin }),
AuthProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
}));
beforeEach(() => vi.clearAllMocks());
afterEach(() => cleanup());
test("renders login form with title", () => {
renderWithProviders(<LoginPage />);
expect(screen.getByText("Bienvenido de nuevo")).toBeDefined();
});
test("renders email and password inputs", () => {
renderWithProviders(<LoginPage />);
expect(screen.getByLabelText("Correo electrónico")).toBeDefined();
expect(screen.getByLabelText("Contraseña")).toBeDefined();
});
test("renders sign in button", () => {
renderWithProviders(<LoginPage />);
expect(screen.getByRole("button", { name: "Iniciar sesión" })).toBeDefined();
});
test("renders link to signup", () => {
renderWithProviders(<LoginPage />);
expect(screen.getByText("Regístrate")).toBeDefined();
});