feat: add Storybook for WealthLedger components

src/test/storybook.test.tsx

@@ -0,0 +1,60 @@
+import { composeStories } from "@storybook/react-vite";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { fn } from "storybook/test";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import preview from "../../.storybook/preview";
+import * as AccountStories from "../entities/brokerage-account/ui/BrokerageAccountList.stories";
+import * as LoadingStories from "../pages/account/ui/components/AccountPageLoading.stories";
+import * as RefreshStories from "../pages/account/ui/components/PortfolioRefreshState.stories";
+import * as PositionStories from "../pages/account/ui/components/PositionCard.stories";
+import * as EventStories from "../pages/account/ui/components/RecentEvents.stories";
+import * as StateStories from "../shared/ui/StateView.stories";
+
+afterEach(() => vi.restoreAllMocks());
+
+describe("Storybook isolated product examples", () => {
+	it("renders every fixture and runs callbacks without application network or browser data", () => {
+		const spies = [
+			vi.spyOn(globalThis, "fetch"),
+			vi.spyOn(XMLHttpRequest.prototype, "open"),
+			vi.spyOn(Storage.prototype, "getItem"),
+			vi.spyOn(Storage.prototype, "setItem"),
+			vi.spyOn(Storage.prototype, "removeItem"),
+			vi.spyOn(Document.prototype, "cookie", "get"),
+			vi.spyOn(Document.prototype, "cookie", "set"),
+		];
+		const stories = [
+			...Object.values(composeStories(AccountStories, preview)),
+			...Object.values(composeStories(LoadingStories, preview)),
+			...Object.values(composeStories(RefreshStories, preview)),
+			...Object.values(composeStories(PositionStories, preview)),
+			...Object.values(composeStories(EventStories, preview)),
+			...Object.values(composeStories(StateStories, preview)),
+		];
+		for (const Story of stories) {
+			render(<Story />);
+			for (const button of screen.queryAllByRole("button"))
+				fireEvent.click(button);
+			for (const link of screen.queryAllByRole("link")) fireEvent.click(link);
+			for (const image of screen.queryAllByRole("img")) {
+				expect(image).not.toHaveAttribute("src");
+			}
+			cleanup();
+		}
+		for (const spy of spies) expect(spy).not.toHaveBeenCalled();
+	});
+
+	it("keeps synthetic totals visible while the refresh example calls a local retry", () => {
+		const { RefreshError } = composeStories(RefreshStories, preview);
+		const retry = fn();
+		const view = render(<RefreshError retry={retry} />);
+		expect(screen.getByText(/125\s*000,50/)).toBeVisible();
+		fireEvent.click(screen.getByRole("button"));
+		expect(retry).toHaveBeenCalledOnce();
+		view.rerender(
+			<RefreshError refreshing refreshError={false} retry={retry} />,
+		);
+		expect(screen.getByText(/125\s*000,50/)).toBeVisible();
+		expect(screen.getByRole("status")).toBeVisible();
+	});
+});