summaryrefslogtreecommitdiff
path: root/frontend/src/lib/datasetCardRetry.test.ts
diff options
context:
space:
mode:
authorSomhairle H. Marisol <[email protected]>2026-09-18 08:26:57 +0800
committerSomhairle H. Marisol <[email protected]>2026-09-18 08:26:57 +0800
commit45ecb4e9dfe225bc982e9af9315590bcb0783df7 (patch)
treee046f42ace89c09d60aa4f07db8450507364fdb5 /frontend/src/lib/datasetCardRetry.test.ts
parent33cac3eef7d9962d8803cd812553549d6f555516 (diff)
downloadstrategy-lab-45ecb4e9dfe225bc982e9af9315590bcb0783df7.tar.gz
feat(frontend): 结果/实验/策略/数据页迁移 shadcn 与新 Chart API
[变更性质] 四个业务标签页与数据集卡片迁移 shadcn 组件,图表消费切换到 layerchart 长格式 API,功能与数据语义不变。 [新增功能] 结果页权益曲线(策略权益/现金/基准,基准可缺省)与回撤曲线(desc 面积)改由 Chart.svelte data/series 渲染;实验记录页多回测归一对比 曲线改为快速长格式行构造。空数据行允许 undefined 列(基准缺口), Chart data 类型放宽 [key:string]: string|number|undefined。 [实现方案] RunsPage:查看入口改 shadcn Button(href 语义保留 hash 路由), 对比图数据由 compareOption(echarts option)化为 compare。 ProjectResultsTab:图表开关、日志折叠用 Button;equityData/ drawdownData $derived 计算峰值回撤。ProjectStrategyTab:快照输入、 冲突/AI/版本操作迁移 Button/Input。ProjectDataTab 与 DatasetCard: shadcn 组件 + 保留 banner error/warn/info、retry-row 等 legacy class, "使用相同请求重新获取"重试入口与 onRecreated 逻辑不变,配套 datasetCardRetry/datasetCardWarnings/projectDataTabRecreated 回归 测试。resultsAccounting.test.ts:layerchart 在 jsdom 挂载约 3 秒, suite 全量下易撞默认 5s 超时,首测提高至 20s。 [影响范围] npm run check 0 error、58 tests 全绿、npm run build 通过;真浏览器 375/768/1440 图表页零溢出(artifacts/ui-shadcn 截图与探针 JSON)。
Diffstat (limited to 'frontend/src/lib/datasetCardRetry.test.ts')
-rw-r--r--frontend/src/lib/datasetCardRetry.test.ts113
1 files changed, 113 insertions, 0 deletions
diff --git a/frontend/src/lib/datasetCardRetry.test.ts b/frontend/src/lib/datasetCardRetry.test.ts
new file mode 100644
index 0000000..df9dc31
--- /dev/null
+++ b/frontend/src/lib/datasetCardRetry.test.ts
@@ -0,0 +1,113 @@
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest';
+import { render, screen, fireEvent, waitFor, cleanup } from '@testing-library/svelte';
+
+vi.mock('../lib/client', () => {
+ const real = vi.importActual<typeof import('../lib/client')>('../lib/client');
+ return {
+ ...real,
+ getDataset: vi.fn(),
+ getDatasetPreview: vi.fn(),
+ createDataset: vi.fn()
+ };
+});
+
+import DatasetCard from '../components/DatasetCard.svelte';
+import { getDataset, createDataset } from '../lib/client';
+import type { Dataset } from '../lib/types';
+
+const failedDs: Dataset = {
+ id: 'ds-failed-1',
+ name: '国泰自由现金流-20251231-20260917',
+ request: {
+ name: '国泰自由现金流-20251231-20260917',
+ instruments: [
+ { symbol: '159399', market: 'SZ', asset_type: 'etf', name: '国泰自由现金流', currency: null }
+ ],
+ start_date: '2025-12-31',
+ end_date: '2026-09-17',
+ frequency: 'daily',
+ adjustment: 'none',
+ fields: ['open', 'high', 'low', 'close', 'volume']
+ },
+ status: 'failed',
+ error: '159399: eastmoney failed (RemoteDisconnected); tencent fallback failed (tencent source has no listed-ETF daily adapter)',
+ created_at: '2026-09-17T01:00:00Z'
+};
+
+beforeEach(() => {
+ vi.mocked(getDataset).mockResolvedValue(failedDs);
+ vi.mocked(createDataset).mockReset();
+});
+
+afterEach(() => cleanup());
+
+describe('failed dataset retry affordance (159399 regression: user could never re-request)', () => {
+ it('failed dataset offers recreate-with-same-request button and original error stays visible', async () => {
+ render(DatasetCard, { props: { dsId: 'ds-failed-1' } });
+ await screen.findByText(/eastmoney failed/);
+ const btn = await screen.findByRole('button', { name: /使用相同请求重新获取/ });
+ expect(btn).toBeTruthy();
+ });
+
+ it('recreate preserves ds.name (canonical request has no name) via the normal create API and keeps the failed record untouched', async () => {
+ vi.mocked(createDataset).mockResolvedValue({
+ ...failedDs,
+ id: 'ds-new-2',
+ status: 'pending',
+ error: null
+ });
+ render(DatasetCard, { props: { dsId: 'ds-failed-1' } });
+ const btn = await screen.findByRole('button', { name: /使用相同请求重新获取/ });
+ await fireEvent.click(btn);
+ await waitFor(() => {
+ expect(createDataset).toHaveBeenCalledTimes(1);
+ });
+ expect(vi.mocked(createDataset).mock.calls[0][0]).toStrictEqual({
+ ...failedDs.request,
+ name: failedDs.name,
+ instruments: [{ ...failedDs.request.instruments[0], currency: null }]
+ });
+ // new dataset becomes visible/trackable: hint points to the list below
+ await screen.findByText(/新数据集出现在下方列表并自动跟踪进度/);
+ });
+
+ it('recreate button is disabled after a successful recreate (no duplicate submissions), error clears button state instead', async () => {
+ vi.mocked(createDataset).mockResolvedValue({
+ ...failedDs,
+ id: 'ds-new-3',
+ status: 'pending',
+ error: null
+ });
+ render(DatasetCard, { props: { dsId: 'ds-failed-1' } });
+ const btn = await screen.findByRole('button', { name: /使用相同请求重新获取/ });
+ expect((btn as HTMLButtonElement).disabled).toBe(false);
+ await fireEvent.click(btn);
+ await screen.findByText(/已用原请求创建新数据集/);
+ const done = screen.getByRole('button', { name: /使用相同请求重新获取/ });
+ expect((done as HTMLButtonElement).disabled).toBe(true);
+ });
+
+ it('onRecreated callback fires with the new dataset so parents can refresh', async () => {
+ vi.mocked(createDataset).mockResolvedValue({
+ ...failedDs,
+ id: 'ds-new-4',
+ status: 'pending',
+ error: null
+ });
+ const onRecreated = vi.fn();
+ render(DatasetCard, { props: { dsId: 'ds-failed-1', onRecreated } });
+ const btn = await screen.findByRole('button', { name: /使用相同请求重新获取/ });
+ await fireEvent.click(btn);
+ await screen.findByText(/已用原请求创建新数据集/);
+ expect(onRecreated).toHaveBeenCalledTimes(1);
+ expect(onRecreated.mock.calls[0][0].id).toBe('ds-new-4');
+ });
+
+ it('recreate failure surfaces the error message instead of a silent no-op', async () => {
+ vi.mocked(createDataset).mockRejectedValue(new Error('HTTP400: validation'));
+ render(DatasetCard, { props: { dsId: 'ds-failed-1' } });
+ const btn = await screen.findByRole('button', { name: /使用相同请求重新获取/ });
+ await fireEvent.click(btn);
+ await screen.findByText(/重新获取失败/);
+ });
+});