jiu/client/test/user_menu_width_test.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, location: state.matchedLocation),
          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 触发器');
  });
}