test: 重构测试体系 — 建立组件测试层、补充后端测试、清理低质量测试

- 新增 jsdom + @testing-library/react 组件测试环境
- 新增 12 个组件测试，覆盖所有前端组件
- 补充后端 middleware 和 helpers 单元测试
- 删除伪测试 use-target-detail-logic.test.ts
- 精简过度枚举的 color-threshold.test.ts
- 新增 bunfig.toml 配置测试 preload
- 更新 DEVELOPMENT.md 测试章节
- 安装 @types/jsdom 修复类型声明

openspec/specs/code-quality-gates/spec.md

@@ -101,12 +101,19 @@
 
 #### Scenario: 运行快速检查
 - **WHEN** 开发者运行 `bun run check`
-- **THEN** 系统 SHALL 依次执行类型检查、lint（含格式检查）和单元测试
+- **THEN** 系统 SHALL 依次执行 schema 检查、类型检查、lint（含格式）和单元/组件测试（`bun test`）
 
 #### Scenario: 快速检查失败
 - **WHEN** `check` 中任一子检查失败
 - **THEN** `check` MUST 以非零状态退出且不静默忽略失败
 
+### Requirement: 分层测试运行命令
+项目 SHALL 提供分层的测试运行命令，支持按需执行不同层级的测试。
+
+#### Scenario: 运行全部单元和组件测试
+- **WHEN** 开发者运行 `bun test`
+- **THEN** 系统 SHALL 执行 `tests/` 目录下所有 `*.test.ts` 和 `*.test.tsx` 文件
+
 ### Requirement: 完整验证命令
 项目 SHALL 提供完整 `verify` 命令，用于提交前或发布前验证当前源码、测试和生产构建。原 executable smoke test 暂时移除，后续通过独立变更重新设计。