Files
cc-switch/tests/hooks/useDirectorySettings.test.tsx
YoVinchen f1b0fa2985 test: update test suites to match component refactoring
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.
2025-11-21 11:12:06 +08:00

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");
});
});