wangjia
6238b86dcb
- 登录/注册（login.html/register.html 1:1）：两栏卡片+品牌渐变面板+主题小衣服 pill（onSurface 变体）+记住我（记录并预填最近账号）+原型式 toast 校验； 登录 fidelity 1.4–2.1% 三主题全绿；注册暂不入闸（少 门店编号/兑换券 字段， 已记 CONTRACT，screens.mjs 留存根） - ds 原子补齐：DsToast（.toast 单例）/DsCheck（.check/.agree）/DsButton lg 档/ DsSelect 替换全部旧 DropdownButton/DsField label 在上/DsInput 后缀与密码形态 - 全屏统一：对话框按钮全 DsButton、盒式输入主题钉死（visualDensity.standard、 h38、InputDecorationTheme 渗漏修复）、图标全 lucide、JetBrains Mono 三端同源、 BrandMark 真相源 logo、只读模式写操作全量守卫（WriteGuard+DsToast） - 出入库列表：版式对齐原型（卡片对齐+搜索框居中）、KPI 近30天滚动、结清后 失效财务应收应付表；商品编辑抽屉介绍库改搜索下拉、图片双击全屏预览 - 删除旧 UI 死代码：DataTableCard/FormDialog/PageScaffold/SearchChip/ SelectProductDialog/tabStateProvider - golden/fidelity：stock-in/out 补注册（9%）、login 入册（8%）、goldens 全量重打； 修复 pubspec flutter_web_plugins 非法声明（CI pub get 阻断） Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
81 lines
2.8 KiB
Dart
81 lines
2.8 KiB
Dart
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_test/flutter_test.dart';
|
||
import 'package:jiu_client/core/theme/themes.dart';
|
||
import 'package:jiu_client/core/theme/app_tokens.g.dart';
|
||
import 'package:jiu_client/widgets/kpi_card.dart';
|
||
|
||
/// design-distill 阶段4（Flutter 侧）：KPI 卡组件 golden。
|
||
/// 渲染库存列表的 4 张 KPI 卡 × 三主题，产出 png 供与原型 `.kpi` 并排目检。
|
||
/// 更新基准：flutter test --update-goldens test/theme/kpi_card_golden_test.dart
|
||
void main() {
|
||
const cardW = 300.0;
|
||
Widget strip() => Padding(
|
||
padding: const EdgeInsets.all(12),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: const [
|
||
SizedBox(
|
||
width: cardW,
|
||
child: KpiCard(
|
||
title: '商品总数',
|
||
value: '1284',
|
||
icon: LucideIcons.box,
|
||
tone: KpiTone.info,
|
||
delta: '种 · 点击清筛选')),
|
||
SizedBox(width: 12),
|
||
SizedBox(
|
||
width: cardW,
|
||
child: KpiCard(
|
||
title: '在库数量',
|
||
value: '18920',
|
||
icon: Icons.warehouse_outlined,
|
||
tone: KpiTone.blue,
|
||
delta: '件')),
|
||
SizedBox(width: 12),
|
||
SizedBox(
|
||
width: cardW,
|
||
child: KpiCard(
|
||
title: '库存预警',
|
||
value: '17',
|
||
icon: Icons.warning_amber,
|
||
tone: KpiTone.warn,
|
||
delta: '需补货')),
|
||
SizedBox(width: 12),
|
||
SizedBox(
|
||
width: cardW,
|
||
child: KpiCard(
|
||
title: '缺货商品',
|
||
value: '6',
|
||
icon: Icons.remove_shopping_cart,
|
||
tone: KpiTone.alert)),
|
||
],
|
||
),
|
||
);
|
||
|
||
for (final theme in ['a', 'b', 'c']) {
|
||
testWidgets('KPI strip golden · theme $theme', (tester) async {
|
||
tester.view.physicalSize = const Size(2560, 380);
|
||
tester.view.devicePixelRatio = 2.0;
|
||
addTearDown(tester.view.resetPhysicalSize);
|
||
addTearDown(tester.view.resetDevicePixelRatio);
|
||
|
||
await tester.pumpWidget(MaterialApp(
|
||
debugShowCheckedModeBanner: false,
|
||
theme: buildTheme(theme),
|
||
home: Scaffold(
|
||
backgroundColor: appTokensOf(theme).bg,
|
||
body: Align(alignment: Alignment.topCenter, child: strip()),
|
||
),
|
||
));
|
||
await tester.pumpAndSettle();
|
||
|
||
await expectLater(
|
||
find.byType(MaterialApp),
|
||
matchesGoldenFile('goldens/kpi_strip_$theme.png'),
|
||
);
|
||
});
|
||
}
|
||
}
|