From 3923eb2f86c304bbd90c4eae9a338f7bc21c9e90 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Sat, 6 Dec 2025 18:30:04 +0900 Subject: feat(client): add auth store with React context MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Implements token management via AuthProvider context that wraps the app. Provides useAuth hook for components to access auth state and actions (login, register, logout). Includes comprehensive tests. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/client/stores/auth.test.tsx | 205 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 205 insertions(+) create mode 100644 src/client/stores/auth.test.tsx (limited to 'src/client/stores/auth.test.tsx') diff --git a/src/client/stores/auth.test.tsx b/src/client/stores/auth.test.tsx new file mode 100644 index 0000000..ab6b554 --- /dev/null +++ b/src/client/stores/auth.test.tsx @@ -0,0 +1,205 @@ +/** + * @vitest-environment jsdom + */ +import { act, renderHook, waitFor } from "@testing-library/react"; +import type { ReactNode } from "react"; +import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"; +import { apiClient } from "../api/client"; +import { AuthProvider, useAuth } from "./auth"; + +// Mock the apiClient +vi.mock("../api/client", () => ({ + apiClient: { + login: vi.fn(), + register: vi.fn(), + logout: vi.fn(), + isAuthenticated: vi.fn(), + getTokens: vi.fn(), + }, + ApiClientError: class ApiClientError extends Error { + constructor( + message: string, + public status: number, + public code?: string, + ) { + super(message); + this.name = "ApiClientError"; + } + }, +})); + +const wrapper = ({ children }: { children: ReactNode }) => ( + {children} +); + +describe("useAuth", () => { + beforeEach(() => { + vi.clearAllMocks(); + vi.mocked(apiClient.getTokens).mockReturnValue(null); + vi.mocked(apiClient.isAuthenticated).mockReturnValue(false); + }); + + afterEach(() => { + vi.restoreAllMocks(); + }); + + it("throws error when used outside AuthProvider", () => { + // Suppress console.error for this test + const consoleSpy = vi.spyOn(console, "error").mockImplementation(() => {}); + + expect(() => { + renderHook(() => useAuth()); + }).toThrow("useAuth must be used within an AuthProvider"); + + consoleSpy.mockRestore(); + }); + + it("returns initial unauthenticated state", async () => { + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + expect(result.current.user).toBeNull(); + expect(result.current.isAuthenticated).toBe(false); + }); + + it("returns authenticated state when tokens exist", async () => { + vi.mocked(apiClient.getTokens).mockReturnValue({ + accessToken: "test-access-token", + refreshToken: "test-refresh-token", + }); + vi.mocked(apiClient.isAuthenticated).mockReturnValue(true); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + expect(result.current.isAuthenticated).toBe(true); + }); + + describe("login", () => { + it("logs in and sets user", async () => { + const mockUser = { id: "user-1", username: "testuser" }; + vi.mocked(apiClient.login).mockResolvedValue({ + accessToken: "access-token", + refreshToken: "refresh-token", + user: mockUser, + }); + vi.mocked(apiClient.isAuthenticated).mockReturnValue(true); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + await act(async () => { + await result.current.login("testuser", "password123"); + }); + + expect(apiClient.login).toHaveBeenCalledWith("testuser", "password123"); + expect(result.current.user).toEqual(mockUser); + }); + + it("propagates login errors", async () => { + vi.mocked(apiClient.login).mockRejectedValue( + new Error("Invalid credentials"), + ); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + await expect( + act(async () => { + await result.current.login("testuser", "wrongpassword"); + }), + ).rejects.toThrow("Invalid credentials"); + }); + }); + + describe("register", () => { + it("registers and logs in automatically", async () => { + const mockUser = { id: "user-1", username: "newuser" }; + vi.mocked(apiClient.register).mockResolvedValue({ user: mockUser }); + vi.mocked(apiClient.login).mockResolvedValue({ + accessToken: "access-token", + refreshToken: "refresh-token", + user: mockUser, + }); + vi.mocked(apiClient.isAuthenticated).mockReturnValue(true); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + await act(async () => { + await result.current.register("newuser", "password123"); + }); + + expect(apiClient.register).toHaveBeenCalledWith("newuser", "password123"); + expect(apiClient.login).toHaveBeenCalledWith("newuser", "password123"); + expect(result.current.user).toEqual(mockUser); + }); + + it("propagates registration errors", async () => { + vi.mocked(apiClient.register).mockRejectedValue( + new Error("Username taken"), + ); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + await expect( + act(async () => { + await result.current.register("existinguser", "password123"); + }), + ).rejects.toThrow("Username taken"); + }); + }); + + describe("logout", () => { + it("logs out and clears user", async () => { + const mockUser = { id: "user-1", username: "testuser" }; + vi.mocked(apiClient.login).mockResolvedValue({ + accessToken: "access-token", + refreshToken: "refresh-token", + user: mockUser, + }); + vi.mocked(apiClient.isAuthenticated).mockReturnValue(true); + + const { result } = renderHook(() => useAuth(), { wrapper }); + + await waitFor(() => { + expect(result.current.isLoading).toBe(false); + }); + + // Login first + await act(async () => { + await result.current.login("testuser", "password123"); + }); + + expect(result.current.user).toEqual(mockUser); + + // Now logout + vi.mocked(apiClient.isAuthenticated).mockReturnValue(false); + act(() => { + result.current.logout(); + }); + + expect(apiClient.logout).toHaveBeenCalled(); + expect(result.current.user).toBeNull(); + }); + }); +}); -- cgit v1.2.3-70-g09d2