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:
@@ -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();
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user