Files
AITrader/app/routes/__tests__/analyze.ticker.ui.test.tsx
T

64 lines
2.1 KiB
TypeScript

import { describe, it, expect, vi, beforeEach } from "vitest";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
// Mock lightweight-charts to avoid canvas in test environment
vi.mock("lightweight-charts", () => ({
createChart: () => ({
timeScale: () => ({ applyOptions: () => {}, fitContent: () => {} }),
addSeries: () => ({ setData: () => {} }),
remove: () => {},
}),
CandlestickSeries: {},
}));
import StockDetail from "../analyze.ticker";
import { MemoryRouter } from "react-router";
vi.mock("react-router", async () => {
const actual = await vi.importActual("react-router");
return {
...actual,
useLoaderData: () => ({
ticker: "AAPL",
position: null,
orders: [],
bars: [],
timeframe: "1D",
range: "1M",
}),
useNavigate: () => () => {},
useLocation: () => ({ pathname: `/analyze/AAPL`, search: "" }),
};
});
describe("StockDetail UI - executionPlan", () => {
beforeEach(() => {
vi.stubGlobal("fetch", vi.fn((url: string, opts?: any) => {
if (url === "/api/analyze") {
return Promise.resolve({ ok: true, json: async () => ({
action: "sell",
confidence: 0.9,
reasoning: "Exit position",
agentSignals: [],
debateRounds: [],
executionPlan: { amount: 25, riskManagement: { maxLossPercent: 2 }, takeProfit: 150 }
}) });
}
return Promise.resolve({ ok: true, json: async () => ({}) });
}));
});
it("displays executionPlan when sell decision returned", async () => {
render(<MemoryRouter><StockDetail /></MemoryRouter>);
const runButton = screen.getByRole("button", { name: /Run Trading Graph Analysis/i });
fireEvent.click(runButton);
await waitFor(() => expect(screen.getByText(/Execution Plan/i)).toBeInTheDocument());
expect(screen.getByText(/Amount:/i)).toBeInTheDocument();
expect(screen.getAllByText(/25 shares/i).length).toBeGreaterThan(0);
expect(screen.getAllByText(/Take profit:/i).length).toBeGreaterThan(0);
expect(screen.getAllByText(/\$150/).length).toBeGreaterThan(0);
});
});