mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 04:50:59 +00:00
Marc-André Bombeck
ab2c5cb2aa
Same fall-through as the share-link list on another security surface: the token query had no error or loading branch, so a failed read rendered "no active tokens". Gate the list on the query state with QueryErrorCard and retry, a skeleton while loading. Test watched fail first against the old empty-state fall-through.
62 lines
1.8 KiB
TypeScript
62 lines
1.8 KiB
TypeScript
/**
|
|
* A read failure on the API-token list must not read as "no active tokens".
|
|
* `useQuery` is forced into its error state; the card has to render the
|
|
* `query-error-card` slot with retry and must never fall through to the empty
|
|
* state — the same §6 fall-through the share-link surface had, on another
|
|
* security surface.
|
|
*/
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { renderToStaticMarkup } from "react-dom/server";
|
|
|
|
vi.mock("next/navigation", () => ({
|
|
useRouter: () => ({ push: vi.fn(), replace: vi.fn() }),
|
|
usePathname: () => "/settings/api",
|
|
useSearchParams: () => new URLSearchParams(),
|
|
}));
|
|
|
|
vi.mock("@tanstack/react-query", () => ({
|
|
useQuery: () => ({
|
|
data: undefined,
|
|
isLoading: false,
|
|
isError: true,
|
|
refetch: vi.fn(),
|
|
}),
|
|
useQueryClient: () => ({ invalidateQueries: vi.fn() }),
|
|
useMutation: () => ({
|
|
mutate: vi.fn(),
|
|
isPending: false,
|
|
isError: false,
|
|
error: null,
|
|
}),
|
|
}));
|
|
|
|
vi.mock("@/hooks/use-auth", () => ({
|
|
useAuth: () => ({
|
|
user: { id: "u1", username: "testuser", role: "USER" },
|
|
isAuthenticated: true,
|
|
isLoading: false,
|
|
refetch: vi.fn(),
|
|
}),
|
|
}));
|
|
|
|
import { I18nProvider } from "@/lib/i18n/context";
|
|
import { ApiSection } from "../api-section";
|
|
|
|
function render() {
|
|
return renderToStaticMarkup(
|
|
<I18nProvider initialLocale="en">
|
|
<ApiSection />
|
|
</I18nProvider>,
|
|
);
|
|
}
|
|
|
|
describe("ApiSection — a token-read failure is honest, not empty", () => {
|
|
it("renders the query-error card with retry and never the empty state", () => {
|
|
const html = render();
|
|
expect(html).toContain('data-slot="query-error-card"');
|
|
expect(html).toContain('data-slot="query-error-retry"');
|
|
expect(html).not.toContain('data-testid="settings-api-tokens-active-empty"');
|
|
expect(html).not.toContain("No active tokens");
|
|
});
|
|
});
|