63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
import { MantineProvider } from "@mantine/core";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { renderHook, waitFor } from "@testing-library/react";
|
|
import { HttpResponse, http } from "msw";
|
|
import type { FC, PropsWithChildren } from "react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { configureAuthClient } from "@/shared/api";
|
|
import { server } from "@/test/server";
|
|
import { useBrokerageAccounts } from "./useBrokerageAccounts";
|
|
|
|
function createWrapper() {
|
|
const client = new QueryClient();
|
|
const TestWrapper: FC<PropsWithChildren> = (props) => {
|
|
const { children } = props;
|
|
|
|
return (
|
|
<MantineProvider>
|
|
<QueryClientProvider client={client}>{children}</QueryClientProvider>
|
|
</MantineProvider>
|
|
);
|
|
};
|
|
|
|
return TestWrapper;
|
|
}
|
|
|
|
describe("useBrokerageAccounts", () => {
|
|
afterEach(() => configureAuthClient(null));
|
|
|
|
it("loads accounts through the authenticated query seam", async () => {
|
|
configureAuthClient({
|
|
accessToken: () => "token",
|
|
refresh: async () => true,
|
|
clear: vi.fn(),
|
|
});
|
|
server.use(
|
|
http.get("*/api/v1/brokerage-accounts", () =>
|
|
HttpResponse.json([
|
|
{
|
|
id: "account-1",
|
|
name: "Основной",
|
|
type: "BROKERAGE",
|
|
openedOn: "2024-08-13",
|
|
},
|
|
]),
|
|
),
|
|
);
|
|
|
|
const { result } = renderHook(() => useBrokerageAccounts(), {
|
|
wrapper: createWrapper(),
|
|
});
|
|
|
|
await waitFor(() => expect(result.current.isSuccess).toBe(true));
|
|
expect(result.current.data).toEqual([
|
|
{
|
|
id: "account-1",
|
|
name: "Основной",
|
|
type: "BROKERAGE",
|
|
openedOn: "2024-08-13",
|
|
},
|
|
]);
|
|
});
|
|
});
|