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
65 lines
2.4 KiB
TypeScript
65 lines
2.4 KiB
TypeScript
import { describe, expect, it } from 'vitest';
|
||
import { getCategoryIcon, CATEGORY_ICON_NAMES } from '../src/components/categoryIcons';
|
||
import { buildMonthGrid } from '../src/components/dateGrid';
|
||
|
||
describe('getCategoryIcon', () => {
|
||
it('15 个内置分类都有具名图标', () => {
|
||
const builtin = [
|
||
'food', 'transport', 'shopping', 'housing_utility', 'housing_rent',
|
||
'housing_communication', 'entertainment', 'services', 'personal_care',
|
||
'clothing', 'health', 'learning', 'salary', 'income_activity', 'income_investment',
|
||
];
|
||
for (const id of builtin) {
|
||
const icon = getCategoryIcon(id);
|
||
expect(typeof icon).toBe('string');
|
||
expect(icon.length).toBeGreaterThan(0);
|
||
}
|
||
});
|
||
|
||
it('未知分类返回 fallback 图标', () => {
|
||
expect(getCategoryIcon('whatever_custom')).toBe('pricetag-outline');
|
||
});
|
||
|
||
it('原型链属性名 id 不穿透（返回 fallback）', () => {
|
||
expect(getCategoryIcon('constructor')).toBe('pricetag-outline');
|
||
});
|
||
|
||
it('所有图标名以 -outline 结尾（风格统一）', () => {
|
||
for (const name of Object.values(CATEGORY_ICON_NAMES)) {
|
||
expect(name).toMatch(/-outline$/);
|
||
}
|
||
});
|
||
});
|
||
|
||
describe('buildMonthGrid', () => {
|
||
it('固定 6 行 × 7 列', () => {
|
||
const grid = buildMonthGrid(2026, 7);
|
||
expect(grid).toHaveLength(6);
|
||
for (const week of grid) expect(week).toHaveLength(7);
|
||
});
|
||
|
||
it('2026-07：首日周三，周一开头填充 6 月末两天', () => {
|
||
const grid = buildMonthGrid(2026, 7);
|
||
expect(grid[0][0]).toEqual({ date: '2026-06-29', inMonth: false });
|
||
expect(grid[0][1]).toEqual({ date: '2026-06-30', inMonth: false });
|
||
expect(grid[0][2]).toEqual({ date: '2026-07-01', inMonth: true });
|
||
expect(grid[5][6]).toEqual({ date: '2026-08-09', inMonth: false });
|
||
});
|
||
|
||
it('2026-02：首日周日，填充 1 月最后 6 天', () => {
|
||
const grid = buildMonthGrid(2026, 2);
|
||
expect(grid[0][0].date).toBe('2026-01-26');
|
||
expect(grid[0][6]).toEqual({ date: '2026-02-01', inMonth: true });
|
||
});
|
||
|
||
it('首日恰为周一时无跨月填充（2026-06）', () => {
|
||
const grid = buildMonthGrid(2026, 6);
|
||
expect(grid[0][0]).toEqual({ date: '2026-06-01', inMonth: true });
|
||
});
|
||
|
||
it('inMonth 标记与当月天数一致（2026-07 共 31 天）', () => {
|
||
const grid = buildMonthGrid(2026, 7);
|
||
expect(grid.flat().filter(c => c.inMonth)).toHaveLength(31);
|
||
});
|
||
});
|