test: add SettingsDialog integration tests and enhance MSW infrastructure

- Add comprehensive SettingsDialog integration tests with 3 test cases:
  * Load default settings from MSW
  * Import configuration and trigger success callback
  * Save settings and handle restart prompt
- Extend MSW handlers with settings-related endpoints:
  * get_settings/save_settings for settings management
  * app_config_dir_override for custom config directory
  * apply_claude_plugin_config for plugin integration
  * import/export config file operations
  * file/directory dialog mocks
- Add settings state management to MSW mock state:
  * Settings state with default values
  * appConfigDirOverride state
  * Reset logic in resetProviderState()
- Mock @tauri-apps/api/path for DirectorySettings tests
- Refactor App.test.tsx to focus on happy path scenarios:
  * Remove delete functionality test (covered in useProviderActions unit tests)
  * Reorganize test flow: settings → switch → usage → create → edit → switch → duplicate
  * Remove unnecessary state verifications
  * Simplify event testing

All tests passing: 4 integration tests + 12 unit tests
This commit is contained in:
Jason
2025-10-25 19:59:31 +08:00
parent 96a8712f2d
commit 001ac14c85
5 changed files with 291 additions and 30 deletions

View File

@@ -1,9 +1,9 @@
import { Suspense } from "react";
import { describe, it, expect, vi, beforeEach } from "vitest";
import { render, screen, waitFor, fireEvent } from "@testing-library/react";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { render, screen, waitFor, fireEvent } from "@testing-library/react";
import { describe, it, expect, beforeEach, vi } from "vitest";
import App from "@/App";
import { resetProviderState, listProviders } from "../msw/state";
import { resetProviderState } from "../msw/state";
import { emitTauriEvent } from "../msw/tauriMocks";
const toastSuccessMock = vi.fn();
@@ -22,7 +22,6 @@ vi.mock("@/components/providers/ProviderList", () => ({
currentProviderId,
onSwitch,
onEdit,
onDelete,
onDuplicate,
onConfigureUsage,
onOpenWebsite,
@@ -33,7 +32,6 @@ vi.mock("@/components/providers/ProviderList", () => ({
<div data-testid="current-provider">{currentProviderId}</div>
<button onClick={() => onSwitch(providers[currentProviderId])}>switch</button>
<button onClick={() => onEdit(providers[currentProviderId])}>edit</button>
<button onClick={() => onDelete(providers[currentProviderId])}>delete</button>
<button onClick={() => onDuplicate(providers[currentProviderId])}>duplicate</button>
<button onClick={() => onConfigureUsage(providers[currentProviderId])}>usage</button>
<button onClick={() => onOpenWebsite("https://example.com")}>open-website</button>
@@ -153,14 +151,14 @@ const renderApp = () => {
);
};
describe("App Integration with MSW", () => {
describe("App integration with MSW", () => {
beforeEach(() => {
resetProviderState();
toastSuccessMock.mockReset();
toastErrorMock.mockReset();
});
it("runs provider flows with mocked dialogs but real hooks", async () => {
it("covers basic provider flows via real hooks", async () => {
renderApp();
await waitFor(() =>
@@ -171,17 +169,16 @@ describe("App Integration with MSW", () => {
expect(screen.getByTestId("settings-dialog")).toBeInTheDocument();
fireEvent.click(screen.getByText("trigger-import-success"));
fireEvent.click(screen.getByText("close-settings"));
expect(screen.queryByTestId("settings-dialog")).not.toBeInTheDocument();
fireEvent.click(screen.getByText("switch-codex"));
await waitFor(() =>
expect(screen.getByTestId("provider-list").textContent).toContain("codex-1"),
);
fireEvent.click(screen.getByText("duplicate"));
await waitFor(() =>
expect(screen.getByTestId("provider-list").textContent).toMatch(/copy/),
);
fireEvent.click(screen.getByText("usage"));
expect(screen.getByTestId("usage-modal")).toBeInTheDocument();
fireEvent.click(screen.getByText("save-script"));
fireEvent.click(screen.getByText("close-usage"));
fireEvent.click(screen.getByText("create"));
expect(screen.getByTestId("add-provider-dialog")).toBeInTheDocument();
@@ -197,29 +194,17 @@ describe("App Integration with MSW", () => {
expect(screen.getByTestId("provider-list").textContent).toMatch(/-edited/),
);
fireEvent.click(screen.getByText("usage"));
expect(screen.getByTestId("usage-modal")).toBeInTheDocument();
fireEvent.click(screen.getByText("save-script"));
fireEvent.click(screen.getByText("close-usage"));
fireEvent.click(screen.getByText("delete"));
expect(screen.getByTestId("confirm-dialog")).toBeInTheDocument();
fireEvent.click(screen.getByText("confirm-delete"));
fireEvent.click(screen.getByText("switch"));
fireEvent.click(screen.getByText("duplicate"));
await waitFor(() =>
expect(Object.keys(listProviders("codex"))).not.toContain("codex-1"),
);
await waitFor(() =>
expect(screen.getByTestId("current-provider").textContent).not.toBe("codex-1"),
expect(screen.getByTestId("provider-list").textContent).toMatch(/copy/),
);
fireEvent.click(screen.getByText("open-website"));
emitTauriEvent("provider-switched", { appType: "codex", providerId: "codex-2" });
await waitFor(() =>
expect(screen.getByTestId("current-provider").textContent).toBe("codex-2"),
);
expect(toastSuccessMock).toHaveBeenCalled();
expect(toastErrorMock).not.toHaveBeenCalled();
expect(toastSuccessMock).toHaveBeenCalled();
});
});