frontend/src/features/tbank-connection/ui/TbankConnectionSection/TbankConnectionSection.view.test.tsx

import { MantineProvider } from "@mantine/core";
import { render, screen } from "@testing-library/react";
import { describe, expect, it, vi } from "vitest";
import {
	TbankConnectionError,
	TbankConnectionLoading,
} from "./TbankConnectionSection.view";

describe("TbankConnectionSection state views", () => {
	it("renders loading and retries a status error", () => {
		const retry = vi.fn();
		const { rerender } = render(
			<MantineProvider>
				<TbankConnectionLoading />
			</MantineProvider>,
		);
		expect(screen.getByRole("status", { name: "Загрузка" })).toHaveAttribute(
			"aria-busy",
			"true",
		);
		rerender(
			<MantineProvider>
				<TbankConnectionError retry={retry} />
			</MantineProvider>,
		);
		screen.getByRole("button", { name: "Повторить" }).click();
		expect(retry).toHaveBeenCalledOnce();
	});
});