wangjia
cb549ff0b4
对照原型修两点： 1. 菜单原先 over 盖住 side-user 按钮；改为按「菜单估高」把菜单完整弹到按钮上方 留 8px 间隙，触发器始终可见（对齐原型） 2. side-user 抽成 _SideUserTile，加 hover 变色（t.sideHover，与左侧 nav 一致） - user_menu_width_test 增断言：菜单末项底 ≤ 触发器顶（不遮挡） Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01TSKEiHsvauyxYUW2itzUXX
115 lines
4.5 KiB
Dart
115 lines
4.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import 'package:jiu_client/core/auth/auth_state.dart';
|
|
import 'package:jiu_client/core/theme/themes.dart';
|
|
import 'package:jiu_client/models/shop.dart';
|
|
import 'package:jiu_client/providers/shop_provider.dart';
|
|
import 'package:jiu_client/providers/license_provider.dart';
|
|
import 'package:jiu_client/providers/update_provider.dart';
|
|
import 'package:jiu_client/providers/connectivity_provider.dart';
|
|
import 'package:jiu_client/providers/session_heartbeat.dart';
|
|
import 'package:jiu_client/screens/shell/app_shell.dart';
|
|
import 'package:jiu_client/widgets/app_status_bar.dart';
|
|
|
|
/// 弹出态回归：侧栏底部「账号菜单」弹出后宽度 = 触发器宽（与侧栏内容等宽），
|
|
/// 且不溢出侧栏右缘（218）——修复「菜单比按钮宽、盖住内容区」。
|
|
|
|
class _FakeAuth extends AuthNotifier {
|
|
_FakeAuth() {
|
|
state = const AuthState(
|
|
user: AuthUser(
|
|
accessToken: 't', refreshToken: 'r', id: 1, username: 'wang',
|
|
realName: '王经理', shopNo: 'DSJH-001', shopId: 1, role: 'admin'),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _FakeUpdate extends UpdateNotifier {
|
|
@override
|
|
Future<AppUpdateInfo?> build() async => null;
|
|
}
|
|
|
|
class _FakeLicense extends LicenseNotifier {
|
|
@override
|
|
Future<LicenseInfo?> build() async => null;
|
|
}
|
|
|
|
const _shop = ShopInfo(
|
|
id: 1, code: 'DSJH-001', name: '鼎晟酒行',
|
|
address: '浙江省杭州市', phone: '0571-88886666', managerName: '王经理');
|
|
|
|
GoRouter _router() => GoRouter(
|
|
initialLocation: '/inventory',
|
|
routes: [
|
|
StatefulShellRoute.indexedStack(
|
|
builder: (ctx, state, shell) => AppShell(navigationShell: shell),
|
|
branches: [
|
|
for (final p in const [
|
|
'/stock-in', '/stock-out', '/inventory', '/finance',
|
|
'/partners', '/products', '/devices', '/settings', '/about'
|
|
])
|
|
StatefulShellBranch(routes: [
|
|
GoRoute(path: p, builder: (_, __) => const SizedBox.expand()),
|
|
]),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
|
|
void main() {
|
|
TestWidgetsFlutterBinding.ensureInitialized();
|
|
SharedPreferences.setMockInitialValues({});
|
|
AppStatusBar.ticking = false;
|
|
|
|
testWidgets('账号菜单宽度=触发器宽，不溢出侧栏(218)', (tester) async {
|
|
tester.view.physicalSize = const Size(2560, 1800);
|
|
tester.view.devicePixelRatio = 2.0;
|
|
addTearDown(tester.view.resetPhysicalSize);
|
|
addTearDown(tester.view.resetDevicePixelRatio);
|
|
|
|
await tester.pumpWidget(ProviderScope(
|
|
overrides: [
|
|
authStateProvider.overrideWith((ref) => _FakeAuth()),
|
|
shopInfoProvider.overrideWith((ref) => _shop),
|
|
licenseProvider.overrideWith(() => _FakeLicense()),
|
|
updateProvider.overrideWith(() => _FakeUpdate()),
|
|
connectivityProvider
|
|
.overrideWith((ref) => ConnectivityNotifier(skipInit: true)),
|
|
sessionHeartbeatProvider.overrideWith((ref) => SessionHeartbeat(ref)),
|
|
appVersionProvider.overrideWith((ref) => 'v1.0.72'),
|
|
isReadonlyProvider.overrideWithValue(false),
|
|
],
|
|
child: MaterialApp.router(
|
|
debugShowCheckedModeBanner: false,
|
|
theme: buildTheme('a'),
|
|
routerConfig: _router(),
|
|
),
|
|
));
|
|
await tester.pumpAndSettle();
|
|
|
|
// 点开账号菜单（side-user 含「· 管理员」）
|
|
await tester.tap(find.textContaining('管理员'));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('个人设置'), findsOneWidget);
|
|
expect(find.text('退出登录'), findsOneWidget);
|
|
|
|
// 菜单项填满菜单宽：宽 ≈ 侧栏内容宽(194)，右缘不超过侧栏右缘(218)
|
|
final itemRect = tester.getRect(find.byType(PopupMenuItem<String>).first);
|
|
expect(itemRect.width, inInclusiveRange(180, 200),
|
|
reason: '菜单应与触发器等宽(~194)，不应外扩到 218 而溢出');
|
|
expect(itemRect.right, lessThanOrEqualTo(219),
|
|
reason: '菜单右缘不得越过侧栏右缘(218)盖住内容区');
|
|
|
|
// 菜单整体在触发器上方，不遮挡 side-user 按钮（菜单末项底 ≤ 触发器文本顶）
|
|
final menuBottom =
|
|
tester.getRect(find.byType(PopupMenuItem<String>).last).bottom;
|
|
final triggerTop = tester.getRect(find.textContaining('管理员')).top;
|
|
expect(menuBottom, lessThanOrEqualTo(triggerTop),
|
|
reason: '菜单应弹在按钮上方，不得盖住 side-user 触发器');
|
|
});
|
|
}
|