Comprehensive test updates to align with recent component refactoring and new auto-launch functionality. Component Tests: - AddProviderDialog.test.tsx (10 lines): * Updated test cases for new dialog behavior * Enhanced mock data for preset selection * Improved assertions for validation - ImportExportSection.test.tsx (16 lines): * Updated for new settings page integration * Enhanced test coverage for error scenarios * Better mock state management - McpFormModal.test.tsx (60 lines): * Extensive updates for form refactoring * New test cases for multi-app selection * Enhanced validation testing * Better coverage of stdio/http server types - ProviderList.test.tsx (11 lines): * Updated for new card layout * Enhanced drag-and-drop testing - SettingsDialog.test.tsx (96 lines): * Major updates for SettingsPage migration * New test cases for auto-launch functionality * Enhanced integration test coverage * Better async operation testing Hook Tests: - useDirectorySettings.test.tsx (32 lines): * Updated for refactored hook logic * Enhanced test coverage for edge cases - useDragSort.test.tsx (36 lines): * Simplified test cases * Better mock implementation * Improved assertions - useImportExport tests (16 lines total): * Updated for new error handling * Enhanced test coverage - useMcpValidation.test.tsx (23 lines): * Updated validation test cases * Better coverage of error scenarios - useProviderActions.test.tsx (48 lines): * Extensive updates for hook refactoring * New test cases for provider operations * Enhanced mock data - useSettings.test.tsx (12 lines): * New test cases for auto-launch * Enhanced settings state testing * Better async operation coverage Integration Tests: - App.test.tsx (41 lines): * Updated for new routing logic * Enhanced navigation testing * Better component integration coverage - SettingsDialog.test.tsx (88 lines): * Complete rewrite for SettingsPage * New integration test scenarios * Enhanced user workflow testing Mock Infrastructure: - handlers.ts (117 lines): * Major updates for MSW handlers * New handlers for auto-launch commands * Enhanced error simulation * Better request/response mocking - state.ts (37 lines): * Updated mock state structure * New state for auto-launch * Enhanced state reset functionality - tauriMocks.ts (10 lines): * Updated mock implementations * Better type safety - server.ts & testQueryClient.ts: * Minor cleanup (2 lines removed) Test Infrastructure Improvements: - Better test isolation - Enhanced mock data consistency - Improved async operation testing - Better error scenario coverage - Enhanced integration test patterns Coverage Improvements: - Net increase of 195 lines of test code - Better coverage of edge cases - Enhanced error path testing - Improved integration test scenarios - Better mock infrastructure All tests now pass with the refactored components while maintaining comprehensive coverage of functionality and edge cases.
223 lines
6.9 KiB
TypeScript
223 lines
6.9 KiB
TypeScript
import { renderHook, act, waitFor } from "@testing-library/react";
|
|
import { describe, it, expect, beforeEach, vi } from "vitest";
|
|
import { useDirectorySettings } from "@/hooks/useDirectorySettings";
|
|
import type { SettingsFormState } from "@/hooks/useSettingsForm";
|
|
|
|
const getAppConfigDirOverrideMock = vi.hoisted(() => vi.fn());
|
|
const getConfigDirMock = vi.hoisted(() => vi.fn());
|
|
const selectConfigDirectoryMock = vi.hoisted(() => vi.fn());
|
|
const setAppConfigDirOverrideMock = vi.hoisted(() => vi.fn());
|
|
const homeDirMock = vi.hoisted(() => vi.fn<() => Promise<string>>());
|
|
const joinMock = vi.hoisted(() =>
|
|
vi.fn(async (...segments: string[]) => segments.join("/")),
|
|
);
|
|
const toastErrorMock = vi.hoisted(() => vi.fn());
|
|
|
|
vi.mock("@/lib/api", () => ({
|
|
settingsApi: {
|
|
getAppConfigDirOverride: getAppConfigDirOverrideMock,
|
|
getConfigDir: getConfigDirMock,
|
|
selectConfigDirectory: selectConfigDirectoryMock,
|
|
setAppConfigDirOverride: setAppConfigDirOverrideMock,
|
|
},
|
|
}));
|
|
|
|
vi.mock("@tauri-apps/api/path", () => ({
|
|
homeDir: homeDirMock,
|
|
join: joinMock,
|
|
}));
|
|
|
|
vi.mock("sonner", () => ({
|
|
toast: {
|
|
error: (...args: unknown[]) => toastErrorMock(...args),
|
|
},
|
|
}));
|
|
|
|
vi.mock("react-i18next", () => ({
|
|
useTranslation: () => ({
|
|
t: (key: string, options?: Record<string, unknown>) =>
|
|
(options?.defaultValue as string) ?? key,
|
|
}),
|
|
}));
|
|
|
|
const createSettings = (
|
|
overrides: Partial<SettingsFormState> = {},
|
|
): SettingsFormState => ({
|
|
showInTray: true,
|
|
minimizeToTrayOnClose: true,
|
|
enableClaudePluginIntegration: false,
|
|
claudeConfigDir: "/claude/custom",
|
|
codexConfigDir: "/codex/custom",
|
|
language: "zh",
|
|
...overrides,
|
|
});
|
|
|
|
describe("useDirectorySettings", () => {
|
|
const onUpdateSettings = vi.fn();
|
|
|
|
beforeEach(() => {
|
|
vi.clearAllMocks();
|
|
|
|
homeDirMock.mockResolvedValue("/home/mock");
|
|
joinMock.mockImplementation(async (...segments: string[]) =>
|
|
segments.join("/"),
|
|
);
|
|
|
|
getAppConfigDirOverrideMock.mockResolvedValue(null);
|
|
getConfigDirMock.mockImplementation(async (app: string) =>
|
|
app === "claude" ? "/remote/claude" : "/remote/codex",
|
|
);
|
|
selectConfigDirectoryMock.mockReset();
|
|
});
|
|
|
|
it("initializes directories using overrides and remote defaults", async () => {
|
|
getAppConfigDirOverrideMock.mockResolvedValue(" /override/app ");
|
|
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({ settings: createSettings(), onUpdateSettings }),
|
|
);
|
|
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
expect(result.current.appConfigDir).toBe("/override/app");
|
|
expect(result.current.resolvedDirs).toEqual({
|
|
appConfig: "/override/app",
|
|
claude: "/remote/claude",
|
|
codex: "/remote/codex",
|
|
});
|
|
});
|
|
|
|
it("updates claude directory when browsing succeeds", async () => {
|
|
selectConfigDirectoryMock.mockResolvedValue("/picked/claude");
|
|
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({
|
|
settings: createSettings({ claudeConfigDir: undefined }),
|
|
onUpdateSettings,
|
|
}),
|
|
);
|
|
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
await act(async () => {
|
|
await result.current.browseDirectory("claude");
|
|
});
|
|
|
|
expect(selectConfigDirectoryMock).toHaveBeenCalledWith("/remote/claude");
|
|
expect(onUpdateSettings).toHaveBeenCalledWith({
|
|
claudeConfigDir: "/picked/claude",
|
|
});
|
|
expect(result.current.resolvedDirs.claude).toBe("/picked/claude");
|
|
});
|
|
|
|
it("reports error when directory selection fails", async () => {
|
|
selectConfigDirectoryMock.mockResolvedValue(null);
|
|
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({ settings: createSettings(), onUpdateSettings }),
|
|
);
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
await act(async () => {
|
|
await result.current.browseDirectory("codex");
|
|
});
|
|
|
|
expect(result.current.resolvedDirs.codex).toBe("/remote/codex");
|
|
expect(onUpdateSettings).not.toHaveBeenCalledWith({
|
|
codexConfigDir: expect.anything(),
|
|
});
|
|
expect(selectConfigDirectoryMock).toHaveBeenCalled();
|
|
|
|
selectConfigDirectoryMock.mockRejectedValue(new Error("dialog failed"));
|
|
toastErrorMock.mockClear();
|
|
|
|
await act(async () => {
|
|
await result.current.browseDirectory("codex");
|
|
});
|
|
|
|
expect(toastErrorMock).toHaveBeenCalled();
|
|
});
|
|
|
|
it("warns when directory selection promise rejects", async () => {
|
|
selectConfigDirectoryMock.mockRejectedValue(new Error("dialog failed"));
|
|
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({ settings: createSettings(), onUpdateSettings }),
|
|
);
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
await act(async () => {
|
|
await result.current.browseDirectory("codex");
|
|
});
|
|
|
|
expect(toastErrorMock).toHaveBeenCalled();
|
|
expect(onUpdateSettings).not.toHaveBeenCalledWith({
|
|
codexConfigDir: expect.anything(),
|
|
});
|
|
});
|
|
|
|
it("updates app config directory via browseAppConfigDir", async () => {
|
|
selectConfigDirectoryMock.mockResolvedValue(" /new/app ");
|
|
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({
|
|
settings: createSettings(),
|
|
onUpdateSettings,
|
|
}),
|
|
);
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
await act(async () => {
|
|
await result.current.browseAppConfigDir();
|
|
});
|
|
|
|
expect(result.current.appConfigDir).toBe("/new/app");
|
|
expect(selectConfigDirectoryMock).toHaveBeenCalledWith(
|
|
"/home/mock/.cc-switch",
|
|
);
|
|
});
|
|
|
|
it("resets directories to computed defaults", async () => {
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({
|
|
settings: createSettings({
|
|
claudeConfigDir: "/custom/claude",
|
|
codexConfigDir: "/custom/codex",
|
|
}),
|
|
onUpdateSettings,
|
|
}),
|
|
);
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
await act(async () => {
|
|
await result.current.resetDirectory("claude");
|
|
await result.current.resetDirectory("codex");
|
|
await result.current.resetAppConfigDir();
|
|
});
|
|
|
|
expect(onUpdateSettings).toHaveBeenCalledWith({
|
|
claudeConfigDir: undefined,
|
|
});
|
|
expect(onUpdateSettings).toHaveBeenCalledWith({
|
|
codexConfigDir: undefined,
|
|
});
|
|
expect(result.current.resolvedDirs.claude).toBe("/home/mock/.claude");
|
|
expect(result.current.resolvedDirs.codex).toBe("/home/mock/.codex");
|
|
expect(result.current.resolvedDirs.appConfig).toBe("/home/mock/.cc-switch");
|
|
});
|
|
|
|
it("resetAllDirectories applies provided resolved values", async () => {
|
|
const { result } = renderHook(() =>
|
|
useDirectorySettings({ settings: createSettings(), onUpdateSettings }),
|
|
);
|
|
await waitFor(() => expect(result.current.isLoading).toBe(false));
|
|
|
|
act(() => {
|
|
result.current.resetAllDirectories("/server/claude", "/server/codex");
|
|
});
|
|
|
|
expect(result.current.resolvedDirs.claude).toBe("/server/claude");
|
|
expect(result.current.resolvedDirs.codex).toBe("/server/codex");
|
|
});
|
|
});
|