Files
testing-tool/config/__tests__/routes.test.ts
T
LingandRX be5e2f02ee Develop (#9)
* feat: optimize popup standalone window layout and enhance storage cleaner synchronization

* docs: 更新README文档并删除过时文件

- 更新README文档,添加项目结构、功能特性和路由系统等详细信息
- 删除不再使用的文档文件,包括CLAUDE.md、GEMINI.md和多个设计规范文档
- 清理项目中的过时配置文件和计划文档

* feat: 添加 Vitest 测试框架和组件测试

- 添加 Vitest 配置 (vitest.config.ts, vitest.setup.ts)
- 创建组件测试: Button, ToolCard, GlobalSnackbar, TopBar, RouterContainer, StorageCleanerConfirm
- 创建工具测试: routes, storageCleaner
- 修复 background.ts 监听器参数问题
- 修复 options/App.tsx 硬编码默认值
- 更新 lint-staged.config.mjs (添加 .mjs 支持, 添加 --no-warn-ignored)
- 更新 tsconfig.json (添加测试类型支持, 移除测试文件排除)
- 更新 package.json (添加测试脚本和依赖)

* fix: 修复 StorageCleanerPage Chrome API 监听器内存泄漏

使用 useRef 模式存储 loadInfo 函数引用,避免依赖数组变化导致的监听器重复注册问题

* refactor(popup): 优化 OpenUrl 页面样式和导航逻辑

重构 OpenUrl 页面输入框样式,改进聚焦状态效果
移除 RouterProvider 依赖,直接通过存储设置侧边栏路由
在 OpenUrlViewer 页面添加加载状态指示器和错误处理
监听存储变化实现 URL 自动更新

* feat(ui): 优化存储清理页面UI和交互效果

重构存储清理页面组件,增强视觉层次和交互体验:
- 使用新的错误提示样式和布局
- 改进选项卡片样式,增加悬停动画和选中状态
- 调整整体间距和排版,提升视觉一致性
- 添加微交互效果如悬停缩放和阴影
- 优化颜色方案和过渡动画
- 统一组件尺寸和字体层级

* feat: 添加二维码工具页面,支持URL转二维码和二维码解析功能

* chore: update package-lock.json (npm audit fix)

* refactor(主题): 将页面样式抽离到统一配置文件

将各页面的颜色和样式配置抽离到config/pageTheme.ts中统一管理
优化测试用例中使用each替代forEach
更新路由测试以包含新的qrCode页面

* feat(二维码页面): 添加复制二维码功能并优化样式

添加复制二维码到剪贴板的功能,并调整按钮布局和样式。同时将 ContentCopyIcon 导入位置调整到其他图标导入之后,并修复缩进问题。在 tsconfig.json 中添加 vitest/globals 类型支持。

* feat(theme): 为所有页面添加统一的背景色和卡片背景色

为应用中的所有页面添加了统一的浅灰色背景(#f5f5f5)和白色卡片背景(#ffffff),以保持视觉一致性。修改了ToolCard组件以支持自定义卡片背景色,并更新了所有相关页面使用新的主题配置。

* feat: 添加复制按钮组件并优化现有复制功能

refactor(utils): 创建剪贴板工具函数
feat(components): 新增可复用的CopyButton组件
refactor(pages): 在QrCodePage和TimestampPage中使用CopyButton
style: 格式化代码并调整部分样式

* refactor(存储): 统一qrCode相关存储键名

将'qrCode/expanded'重命名为'qrCode/qrExpanded'以保持命名一致性

* feat: 添加二维码工具功能并更新项目配置

- 新增二维码工具页面及相关组件和工具函数
- 添加 MIT 许可证文件
- 更新 package.json 配置为公开项目
- 更新 README 文档说明新功能
2026-04-19 15:31:14 +08:00

138 lines
4.5 KiB
TypeScript

import { describe, it, expect } from 'vitest';
import {
ROUTES,
getRouteByKey,
getDefaultVisibleRoutes,
getAllRouteKeys,
getDefaultPageOrder,
} from '../routes';
describe('routes', () => {
describe('ROUTES', () => {
it('should have 6 routes defined', () => {
expect(ROUTES).toHaveLength(6);
});
it('should have all required properties for each route', () => {
ROUTES.forEach((route) => {
expect(route).toHaveProperty('key');
expect(route).toHaveProperty('label');
expect(route).toHaveProperty('defaultVisible');
expect(route).toHaveProperty('component');
expect(typeof route.key).toBe('string');
expect(typeof route.label).toBe('string');
expect(typeof route.defaultVisible).toBe('boolean');
expect(typeof route.component).toBe('function');
});
});
it('should have unique keys for each route', () => {
const keys = ROUTES.map((route) => route.key);
const uniqueKeys = new Set(keys);
expect(uniqueKeys.size).toBe(keys.length);
});
});
describe('getRouteByKey', () => {
it('should return dashboard route', () => {
const route = getRouteByKey('dashboard');
expect(route).toBeDefined();
expect(route?.key).toBe('dashboard');
expect(route?.label).toBe('Dashboard');
});
it('should return timestamp route', () => {
const route = getRouteByKey('timestamp');
expect(route).toBeDefined();
expect(route?.key).toBe('timestamp');
expect(route?.label).toBe('时间戳');
});
it('should return storageCleaner route', () => {
const route = getRouteByKey('storageCleaner');
expect(route).toBeDefined();
expect(route?.key).toBe('storageCleaner');
expect(route?.label).toBe('存储清理');
});
it('should return openUrl route', () => {
const route = getRouteByKey('openUrl');
expect(route).toBeDefined();
expect(route?.key).toBe('openUrl');
expect(route?.label).toBe('Open Url');
});
it('should return openUrlViewer route', () => {
const route = getRouteByKey('openUrlViewer');
expect(route).toBeDefined();
expect(route?.key).toBe('openUrlViewer');
expect(route?.label).toBe('查看');
});
it('should return undefined for invalid key', () => {
const route = getRouteByKey('invalid' as any);
expect(route).toBeUndefined();
});
});
describe('getDefaultVisibleRoutes', () => {
it('should return only visible routes', () => {
const visibleRoutes = getDefaultVisibleRoutes();
visibleRoutes.forEach((key) => {
const route = getRouteByKey(key);
expect(route?.defaultVisible).toBe(true);
});
});
it('should include dashboard, timestamp, storageCleaner, openUrl', () => {
const visibleRoutes = getDefaultVisibleRoutes();
expect(visibleRoutes).toContain('dashboard');
expect(visibleRoutes).toContain('timestamp');
expect(visibleRoutes).toContain('storageCleaner');
expect(visibleRoutes).toContain('openUrl');
});
it('should not include openUrlViewer (not visible by default)', () => {
const visibleRoutes = getDefaultVisibleRoutes();
expect(visibleRoutes).not.toContain('openUrlViewer');
});
});
describe('getAllRouteKeys', () => {
it('should return all route keys', () => {
const allKeys = getAllRouteKeys();
expect(allKeys).toHaveLength(6);
expect(allKeys).toContain('dashboard');
expect(allKeys).toContain('timestamp');
expect(allKeys).toContain('storageCleaner');
expect(allKeys).toContain('openUrl');
expect(allKeys).toContain('qrCode');
expect(allKeys).toContain('openUrlViewer');
});
});
describe('getDefaultPageOrder', () => {
it('should exclude dashboard from page order', () => {
const pageOrder = getDefaultPageOrder();
expect(pageOrder).not.toContain('dashboard');
});
it('should exclude openUrlViewer from page order', () => {
const pageOrder = getDefaultPageOrder();
expect(pageOrder).not.toContain('openUrlViewer');
});
it('should include timestamp, storageCleaner, openUrl, qrCode in page order', () => {
const pageOrder = getDefaultPageOrder();
expect(pageOrder).toContain('timestamp');
expect(pageOrder).toContain('storageCleaner');
expect(pageOrder).toContain('openUrl');
expect(pageOrder).toContain('qrCode');
});
it('should have 4 items in page order', () => {
const pageOrder = getDefaultPageOrder();
expect(pageOrder).toHaveLength(4);
});
});
});