2e73b5a2c6
UI 重设计（P1-P5）： - 主题从靛蓝 accent 切换为近黑白单色（#111318），品牌感靠排版与财务语义色 - 暗色模式适配 OLED 纯黑，财务色整体提亮一档保证对比度 - 圆角体系新增 xl(24)，卡片/弹窗统一大圆角 - 移除 Caveat/Quicksand 自定义字体，切换为系统字体 - 新增 display(34/800) 字阶用于净资产等大数字展示 - 分类/标签/渠道颜色统一到 palette.ts 色板（12 色循环 + FNV 哈希） 记一笔 NumpadSheet（P3 录入闭环）： - 全新计算器风格录入面板：方向 chip → 大金额 → 账户 chip → 分类快捷行 → 数字键盘 - 支持表达式输入（20+15-5.5）与字符串十进制求值，避免浮点精度问题 - 高级模式保留多行分录编辑器，简单模式自动推断双腿 - postingLegs.ts 实现 buildPostings 的逆操作（编辑/草稿预填） - 未保存守卫：整页 beforeRemove + modal 脏状态上报 - 全局弹层（NumpadSheetHost）由＋按钮唤起，可通过设置开关 Tab 栏重构： - AppTabBar 替换默认 tab bar，中央＋按钮唤起全局记账面板 - Tab 从 5 个精简为 4 个（首页/交易/报表/设置），＋按钮独立 管理页模板 ManagementScreen： - 统一「列表 + 新增 + 点按编辑 + 长按删除 + FormModal」模式 - 预算/分类/标签/信用卡等管理页消除手写样板 其他： - OCR 模型从 PP-OCRv5 升级到 v6（det/rec/dict 全部替换） - GBK 解码器 import 修复（text-encoding-gbk ESM 兼容） - 批量确认失败数计算修正（用 failedPayees.length 替代 store 快照差值） - 新增 diagnostics 诊断页、TodoStrip 首页待办条、SwipeableTransactionCard 左滑操作 - periodNav.ts 报表周期导航（anchor+period 统一状态管理，本地时区运算） - 测试覆盖 numpadExpression/postingLegs/periodNav/palette/search/transactionGroups/categoryIcons/dateGrid
59 lines
2.4 KiB
TypeScript
59 lines
2.4 KiB
TypeScript
/**
|
||
* useSearch 金额区间筛选（P4）。
|
||
* 仓库无 testing-library，且 node_modules 中 react-dom(19.2.7) 与 react(19.1.0)
|
||
* 版本不一致无法 SSR，因此 vi.mock('react') 提供最小 hook 实现，将 useSearch
|
||
* 当纯函数直接调用（useState 恒返回初值 → useDebounce 直通，无需 timer）。
|
||
*/
|
||
import { vi, describe, expect, it } from 'vitest';
|
||
|
||
vi.mock('react', () => ({
|
||
useMemo: (fn: () => unknown) => fn(),
|
||
useState: (init: unknown) => [init, () => {}],
|
||
useEffect: () => {},
|
||
useCallback: (fn: unknown) => fn,
|
||
useRef: (v: unknown) => ({ current: v }),
|
||
}));
|
||
|
||
import { useSearch, type SearchFilters } from '../src/hooks/useSearch';
|
||
import type { Transaction } from '../src/domain/types';
|
||
|
||
function tx(id: string, postings: { account: string; amount?: string }[]): Transaction {
|
||
return {
|
||
id, date: '2026-07-21', flag: '*', narration: id,
|
||
postings: postings.map(p => ({ account: p.account, amount: p.amount, currency: 'CNY' })),
|
||
tags: [], links: [], source: 'test', raw: '',
|
||
};
|
||
}
|
||
|
||
describe('金额区间筛选', () => {
|
||
const txs = [
|
||
tx('expense35', [{ account: 'Assets:招行', amount: '-35' }, { account: 'Expenses:餐饮', amount: '35' }]),
|
||
tx('expense200', [{ account: 'Assets:招行', amount: '-200' }, { account: 'Expenses:购物', amount: '200' }]),
|
||
tx('income5000', [{ account: 'Assets:招行', amount: '5000' }, { account: 'Income:工资', amount: '-5000' }]),
|
||
];
|
||
|
||
it('amountMin/amountMax 按主金额绝对值过滤', () => {
|
||
// 三笔：支出 35、支出 200、收入 5000（收入主金额为负 → 绝对值 5000）
|
||
const range = useSearch(txs, { amountMin: '30', amountMax: '300' } as SearchFilters);
|
||
expect(range.map(t => t.id)).toEqual(['expense35', 'expense200']);
|
||
|
||
const minOnly = useSearch(txs, { amountMin: '1000' } as SearchFilters);
|
||
expect(minOnly.map(t => t.id)).toEqual(['income5000']);
|
||
});
|
||
|
||
it('无金额 posting 的交易在设了下限时被排除', () => {
|
||
const withNoAmount = [
|
||
...txs,
|
||
tx('noAmount', [{ account: 'Assets:招行' }, { account: 'Expenses:其他' }]),
|
||
];
|
||
const result = useSearch(withNoAmount, { amountMin: '1' } as SearchFilters);
|
||
expect(result.map(t => t.id)).not.toContain('noAmount');
|
||
expect(result).toHaveLength(3);
|
||
});
|
||
|
||
it('不设区间时不过滤（回归兜底）', () => {
|
||
const result = useSearch(txs, {});
|
||
expect(result).toHaveLength(3);
|
||
});
|
||
});
|