61 lines
2.7 KiB
TypeScript
61 lines
2.7 KiB
TypeScript
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 EventStories from "../entities/brokerage-event/ui/BrokerageEventsPreview.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 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();
|
|
});
|
|
});
|