Files
jiu/client/test/products_screen_test.dart
T
wangjia 6238b86dcb feat(client): 登录/注册页照原型重建,ds 真相源组件族统一全部屏
- 登录/注册(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
2026-07-03 09:58:14 +08:00

321 lines
9.5 KiB
Dart

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:jiu_client/core/models/page_result.dart';
import 'package:jiu_client/models/product.dart';
import 'package:jiu_client/providers/product_provider.dart';
import 'package:jiu_client/screens/products/products_screen.dart';
// ---------------------------------------------------------------------------
// Fake notifier helpers
// ---------------------------------------------------------------------------
/// A notifier that immediately emits a fixed state.
class _FakeProductNotifier extends ProductListNotifier {
final AsyncValue<PageResult<Product>> _fixed;
_FakeProductNotifier(this._fixed);
@override
Future<PageResult<Product>> build() async {
state = _fixed;
return state.value ??
const PageResult(data: [], total: 0, page: 1, pageSize: 20);
}
@override
void reload() {}
@override
void setKeyword(String keyword) {}
@override
void setPage(int page) {}
@override
Future<void> createProduct(Map<String, dynamic> data) async {}
@override
Future<void> updateProduct(int id, Map<String, dynamic> data) async {}
@override
Future<void> deleteProduct(int id) async {}
}
/// A notifier that stays permanently in loading state (build never completes).
class _FakeLoadingProductNotifier extends ProductListNotifier {
@override
Future<PageResult<Product>> build() {
// Never completes — keeps the widget in CircularProgressIndicator state.
return Completer<PageResult<Product>>().future;
}
@override
void reload() {}
@override
void setKeyword(String keyword) {}
@override
void setPage(int page) {}
@override
Future<void> createProduct(Map<String, dynamic> data) async {}
@override
Future<void> updateProduct(int id, Map<String, dynamic> data) async {}
@override
Future<void> deleteProduct(int id) async {}
}
/// Helper to build a testable app wrapping [ProductsScreen].
Widget _buildApp(AsyncValue<PageResult<Product>> state) {
return ProviderScope(
overrides: [
productListProvider.overrideWith(() => _FakeProductNotifier(state)),
],
child: const MaterialApp(home: Scaffold(body: ProductsScreen())),
);
}
Widget _buildLoadingApp() {
return ProviderScope(
overrides: [
productListProvider.overrideWith(() => _FakeLoadingProductNotifier()),
],
child: const MaterialApp(home: Scaffold(body: ProductsScreen())),
);
}
// ---------------------------------------------------------------------------
// Tests
// ---------------------------------------------------------------------------
// TODO: ProductsScreen 已重构为 options tab 页,productListProvider 已不挂载,测试待重写
void main() {
testWidgets('shows CircularProgressIndicator while loading', skip: true,
(tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
await tester.pumpWidget(_buildLoadingApp());
await tester.pump();
expect(find.byType(CircularProgressIndicator), findsOneWidget);
});
testWidgets('shows error message on load failure', skip: true,
(tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
await tester.pumpWidget(
_buildApp(AsyncValue.error('网络连接失败', StackTrace.empty)),
);
await tester.pump();
expect(find.text('暂无数据,网络不可用'), findsOneWidget);
expect(find.text('重试'), findsOneWidget);
});
testWidgets('shows 暂无商品 when list is empty', skip: true, (tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const emptyResult = PageResult<Product>(
data: [],
total: 0,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(const AsyncValue.data(emptyResult)));
await tester.pump();
expect(find.text('暂无商品'), findsOneWidget);
});
testWidgets('shows product list with name code and unit', skip: true,
(tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const products = [
Product(id: 1, code: 'P001', name: '五粮液', unit: ''),
Product(id: 2, code: 'P002', name: '茅台', unit: ''),
];
final result = PageResult<Product>(
data: products,
total: 2,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(AsyncValue.data(result)));
await tester.pump();
expect(find.text('五粮液'), findsOneWidget);
expect(find.text('茅台'), findsOneWidget);
expect(find.text('P001'), findsOneWidget);
expect(find.text('P002'), findsOneWidget);
});
testWidgets('shows 新建 button in toolbar', skip: true, (tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const emptyResult = PageResult<Product>(
data: [],
total: 0,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(const AsyncValue.data(emptyResult)));
await tester.pump();
expect(find.text('新建'), findsOneWidget);
});
testWidgets('tapping 新建 opens product form dialog', skip: true,
(tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const emptyResult = PageResult<Product>(
data: [],
total: 0,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(const AsyncValue.data(emptyResult)));
await tester.pump();
await tester.tap(find.text('新建'));
await tester.pumpAndSettle();
// Dialog should appear with "新建商品" title
expect(find.text('新建商品'), findsOneWidget);
// Form should have 商品名称 and 商品编码 fields
expect(find.text('商品名称'), findsAtLeastNWidgets(1));
expect(find.text('商品编码'), findsAtLeastNWidgets(1));
});
testWidgets('product form shows not-empty error', skip: true, (tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const emptyResult = PageResult<Product>(
data: [],
total: 0,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(const AsyncValue.data(emptyResult)));
await tester.pump();
await tester.tap(find.text('新建'));
await tester.pumpAndSettle();
// Tap save without filling required fields
await tester.tap(find.text('保存'));
await tester.pump();
expect(find.text('不能为空'), findsAtLeastNWidgets(1));
});
testWidgets('shows delete confirmation dialog', skip: true, (tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const products = [
Product(id: 1, code: 'P001', name: '五粮液', unit: ''),
];
final result = PageResult<Product>(
data: products,
total: 1,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(AsyncValue.data(result)));
await tester.pump();
await tester.tap(find.byKey(const Key('btn_delete_1')));
await tester.pumpAndSettle();
expect(find.text('确认删除'), findsOneWidget);
expect(find.textContaining('五粮液'), findsAtLeastNWidgets(1));
// Confirm dialog has 取消 and 删除 buttons — 删除 may appear in both the
// list row action button and the dialog, so use findsAtLeastNWidgets(1).
expect(find.text('取消'), findsOneWidget);
expect(find.text('删除'), findsAtLeastNWidgets(1));
});
testWidgets('tapping edit opens edit dialog with prefilled values',
skip: true, (tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const products = [
Product(id: 1, code: 'P001', name: '五粮液', unit: '', brand: '五粮液集团'),
];
final result = PageResult<Product>(
data: products,
total: 1,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(AsyncValue.data(result)));
await tester.pump();
await tester.tap(find.byKey(const Key('btn_edit_1')));
await tester.pumpAndSettle();
// Edit dialog title
expect(find.text('编辑商品'), findsOneWidget);
// Fields should be prefilled
expect(find.widgetWithText(TextFormField, '五粮液'), findsOneWidget);
expect(find.widgetWithText(TextFormField, 'P001'), findsOneWidget);
});
testWidgets('shows total count in pagination bar', skip: true,
(tester) async {
tester.view.physicalSize = const Size(1280, 800);
tester.view.devicePixelRatio = 1.0;
addTearDown(tester.view.resetPhysicalSize);
const products = [
Product(id: 1, code: 'P001', name: '五粮液', unit: ''),
];
final result = PageResult<Product>(
data: products,
total: 42,
page: 1,
pageSize: 20,
);
await tester.pumpWidget(_buildApp(AsyncValue.data(result)));
await tester.pump();
expect(find.textContaining('42'), findsAtLeastNWidgets(1));
});
}