321ec691bd
- Extract modal manager, app settings, deep-link handling, favorites, and auth onboarding into dedicated hooks - Rewire App.tsx to consume the new hooks and reduce component-level state/effect complexity - Preserve favorite-toggle error toast behavior in the updated favorites wiring - Add hook-level test coverage for modal manager, app settings, deep links, favorites, and auth onboarding flows
85 lines
2.6 KiB
TypeScript
85 lines
2.6 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { act, renderHook, waitFor } from "@testing-library/react";
|
|
import { useAppSettings } from "../useAppSettings";
|
|
import * as api from "../../api";
|
|
|
|
vi.mock("../../api", () => ({
|
|
fetchConfig: vi.fn(),
|
|
fetchSettings: vi.fn(),
|
|
updateSettings: vi.fn(),
|
|
}));
|
|
|
|
const mockFetchConfig = vi.mocked(api.fetchConfig);
|
|
const mockFetchSettings = vi.mocked(api.fetchSettings);
|
|
const mockUpdateSettings = vi.mocked(api.updateSettings);
|
|
|
|
describe("useAppSettings", () => {
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
|
|
mockFetchConfig.mockResolvedValue({
|
|
maxConcurrent: 4,
|
|
rootDir: "/workspace/project",
|
|
});
|
|
|
|
mockFetchSettings.mockResolvedValue({
|
|
autoMerge: false,
|
|
globalPause: true,
|
|
enginePaused: false,
|
|
githubTokenConfigured: true,
|
|
taskStuckTimeoutMs: 600000,
|
|
} as never);
|
|
|
|
mockUpdateSettings.mockResolvedValue({} as never);
|
|
});
|
|
|
|
it("loads settings state from API", async () => {
|
|
const { result } = renderHook(() => useAppSettings("proj_123"));
|
|
|
|
await waitFor(() => {
|
|
expect(result.current.maxConcurrent).toBe(4);
|
|
expect(result.current.rootDir).toBe("/workspace/project");
|
|
expect(result.current.autoMerge).toBe(false);
|
|
expect(result.current.globalPaused).toBe(true);
|
|
expect(result.current.enginePaused).toBe(false);
|
|
expect(result.current.githubTokenConfigured).toBe(true);
|
|
expect(result.current.taskStuckTimeoutMs).toBe(600000);
|
|
});
|
|
|
|
expect(mockFetchConfig).toHaveBeenCalledWith("proj_123");
|
|
expect(mockFetchSettings).toHaveBeenCalledWith("proj_123");
|
|
});
|
|
|
|
it("optimistically toggles autoMerge and persists to API", async () => {
|
|
const { result } = renderHook(() => useAppSettings("proj_123"));
|
|
|
|
await waitFor(() => {
|
|
expect(result.current.autoMerge).toBe(false);
|
|
});
|
|
|
|
await act(async () => {
|
|
await result.current.toggleAutoMerge();
|
|
});
|
|
|
|
expect(result.current.autoMerge).toBe(true);
|
|
expect(mockUpdateSettings).toHaveBeenCalledWith({ autoMerge: true }, "proj_123");
|
|
});
|
|
|
|
it("rolls back optimistic state when toggle update fails", async () => {
|
|
mockUpdateSettings.mockRejectedValueOnce(new Error("network"));
|
|
|
|
const { result } = renderHook(() => useAppSettings("proj_123"));
|
|
|
|
await waitFor(() => {
|
|
expect(result.current.globalPaused).toBe(true);
|
|
});
|
|
|
|
await act(async () => {
|
|
await result.current.toggleGlobalPause();
|
|
});
|
|
|
|
expect(result.current.globalPaused).toBe(true);
|
|
expect(mockUpdateSettings).toHaveBeenCalledWith({ globalPause: false }, "proj_123");
|
|
});
|
|
});
|