afa2e153ee
- Add showQuickChatFAB boolean setting to ProjectSettings type - Add useAppSettings hook function for accessing the setting - Wire QuickChatFAB visibility in App.tsx based on setting - Hide QuickChatFAB in MobileNavBar when setting is false - Add Settings UI toggle for the new setting - Add CSS for hiding QuickChatFAB on mobile when disabled - Add comprehensive tests for all affected components - Fix QuickChatFAB onOpenChange test to use controlled mode - Update settings reference documentation
87 lines
2.7 KiB
TypeScript
87 lines
2.7 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,
|
|
showQuickChatFAB: false,
|
|
} 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(result.current.showQuickChatFAB).toBe(false);
|
|
});
|
|
|
|
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");
|
|
});
|
|
});
|