counterweight
f86ec8b62d
- Create LanguageSelector component with dropdown (shows flag + name) - Add LanguageSelector to Header (right side, near user email/logout) - Add LanguageSelector to login, signup, and signup/[code] pages - Create test-utils.tsx with renderWithProviders helper - Add vitest.setup.ts to mock localStorage - Update all test files to use renderWithProviders - Language selector persists choice in localStorage - HTML lang attribute updates dynamically based on selected language All frontend and e2e tests passing.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { screen, cleanup } from "@testing-library/react";
|
|
import { expect, test, vi, beforeEach, afterEach } from "vitest";
|
|
import SignupPage from "./page";
|
|
import { renderWithProviders } from "../test-utils";
|
|
|
|
const mockPush = vi.fn();
|
|
vi.mock("next/navigation", () => ({
|
|
useRouter: () => ({ push: mockPush }),
|
|
useSearchParams: () => ({ get: () => null }),
|
|
}));
|
|
|
|
const mockRegister = vi.fn();
|
|
vi.mock("../auth-context", () => ({
|
|
useAuth: () => ({ user: null, register: mockRegister }),
|
|
AuthProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
|
|
}));
|
|
|
|
beforeEach(() => vi.clearAllMocks());
|
|
afterEach(() => cleanup());
|
|
|
|
test("renders signup form with title", () => {
|
|
renderWithProviders(<SignupPage />);
|
|
// Step 1 shows "Join with Invite" title (invite code entry)
|
|
expect(screen.getByRole("heading", { name: "Join with Invite" })).toBeDefined();
|
|
});
|
|
|
|
test("renders invite code input", () => {
|
|
renderWithProviders(<SignupPage />);
|
|
expect(screen.getByLabelText("Invite Code")).toBeDefined();
|
|
});
|
|
|
|
test("renders continue button", () => {
|
|
renderWithProviders(<SignupPage />);
|
|
expect(screen.getByRole("button", { name: "Continue" })).toBeDefined();
|
|
});
|
|
|
|
test("renders link to login", () => {
|
|
renderWithProviders(<SignupPage />);
|
|
expect(screen.getByText("Sign in")).toBeDefined();
|
|
});
|