Files
pangolin/client/test/widget/devices_screen_test.dart
wangjia 6788501e4a feat(client): 通用自适应弹出菜单(按屏幕位置上/下弹,不挡触发器)
新增 AdaptiveMenuButton:GlobalKey 量触发器矩形,据上下剩余空间决定向下/向上
弹出、右对齐裁剪到屏内,Overlay 全屏 barrier + 淡入缩放动画。「我的设备」⋯
菜单由 PopupMenuButton 换成它(重命名 + 强制退出/清除),修正小屏被遮挡问题。
devices_screen_test 同步改用 AdaptiveMenuButton 触发器断言。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-29 10:11:20 +08:00

152 lines
6.1 KiB
Dart

// devices_screen_test.dart — P6「我的设备」渲染 + 强制退出/清除交互。
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:http/http.dart' as http;
import 'package:http/testing.dart';
import 'package:pangolin_vpn/l10n/strings_zh.dart';
import 'package:pangolin_vpn/pangolin_theme.dart';
import 'package:pangolin_vpn/services/api_client.dart';
import 'package:pangolin_vpn/services/device_identity.dart';
import 'package:pangolin_vpn/services/token_store.dart';
import 'package:pangolin_vpn/state/account_providers.dart';
import 'package:pangolin_vpn/state/auth_provider.dart';
import 'package:pangolin_vpn/widgets/account_screens.dart';
import 'package:pangolin_vpn/widgets/adaptive_menu.dart';
import '../helpers/harness.dart';
class _LoggedInTokenStore implements TokenStore {
const _LoggedInTokenStore();
@override
Future<String?> loadAccessToken() async => 'test-token';
@override
Future<String?> loadRefreshToken() async => null;
@override
Future<void> saveTokens({required String access, required String refresh}) async {}
@override
Future<void> clear() async {}
@override
Future<void> markOnboarded() async {}
@override
Future<bool> isOnboarded() async => true;
@override
Future<void> saveLastEmail(String email) async {}
@override
Future<String?> loadLastEmail() async => null;
}
final _devicesJson = {
'devices': [
{'uuid': 'local-uuid', 'name': 'MacBook Pro', 'platform': 'macos', 'online': true, 'client_version': 'v1.0.10', 'last_seen': '2026-06-29T10:00:00Z'},
{'uuid': 'phone-uuid', 'name': 'iPhone 15', 'platform': 'ios', 'online': false, 'client_version': 'v1.0.9', 'last_login': '2026-06-28T09:00:00Z'},
],
};
void main() {
setUpAll(disableGoogleFontsFetching);
const t = StringsZh();
final recorded = <String>[];
http.Client mockClient() => MockClient((req) async {
recorded.add('${req.method} ${req.url.path}');
if (req.method == 'GET' && req.url.path == '/v1/me/devices') {
return http.Response(jsonEncode(_devicesJson), 200, headers: {'content-type': 'application/json'});
}
return http.Response('', 204); // logout / delete
});
Future<void> pump(WidgetTester tester) async {
recorded.clear();
await tester.binding.setSurfaceSize(const Size(440, 900));
addTearDown(() => tester.binding.setSurfaceSize(null));
await tester.pumpWidget(ProviderScope(
overrides: [
tokenStoreProvider.overrideWithValue(const _LoggedInTokenStore()),
apiClientProvider.overrideWithValue(ApiClient(
baseUrl: 'http://test.local',
getToken: () => 'test-token',
refresh: () async => false,
client: mockClient(),
)),
localDeviceIdProvider.overrideWith((ref) => 'local-uuid'),
],
child: MaterialApp(
debugShowCheckedModeBanner: false,
theme: PangolinTheme.light,
home: DevicesScreen(t: t),
),
));
await tester.pumpAndSettle();
}
testWidgets('渲染:本机标 + 在线/离线 + 客户端版本', (tester) async {
await pump(tester);
expect(find.text(t.thisDevice), findsOneWidget); // 本机仅本机行
expect(find.text(t.devOnline), findsOneWidget);
expect(find.text(t.devOffline), findsOneWidget);
expect(find.text('v1.0.10'), findsNothing); // 版本拼进副标题,不是独立 Text
expect(find.textContaining('v1.0.9'), findsOneWidget); // 离线行副标题含版本
expect(find.text('MacBook Pro'), findsOneWidget);
expect(find.text('iPhone 15'), findsOneWidget);
});
testWidgets('本机 ⋯ 菜单只有「重命名」,无强制退出/清除', (tester) async {
await pump(tester);
// 第一个菜单 = 本机(MacBook Pro)。
await tester.tap(find.byType(AdaptiveMenuButton).first);
await tester.pumpAndSettle();
expect(find.text(t.devRename), findsOneWidget);
expect(find.text(t.devForceLogout), findsNothing);
expect(find.text(t.devClearLogin), findsNothing);
});
testWidgets('非本机行 ⋯ 菜单 → 强制退出 → 确认 → 调 logout 接口', (tester) async {
await pump(tester);
// 本机+手机各一个菜单;手机(最后一个)才有强制退出/清除。
expect(find.byType(AdaptiveMenuButton), findsNWidgets(2));
await tester.tap(find.byType(AdaptiveMenuButton).last);
await tester.pumpAndSettle();
expect(find.text(t.devForceLogout), findsOneWidget);
expect(find.text(t.devClearLogin), findsOneWidget);
await tester.tap(find.text(t.devForceLogout));
await tester.pumpAndSettle();
// 确认弹窗 + 危险动作按钮。
expect(find.text(t.devCancel), findsOneWidget);
await tester.tap(find.widgetWithText(TextButton, t.devForceLogout));
await tester.pumpAndSettle();
expect(recorded.any((r) => r == 'POST /v1/me/devices/phone-uuid/logout'), isTrue,
reason: '应调强制退出接口: $recorded');
});
testWidgets('清除登录信息 → 确认 → 调 DELETE 接口', (tester) async {
await pump(tester);
await tester.tap(find.byType(AdaptiveMenuButton).last);
await tester.pumpAndSettle();
await tester.tap(find.text(t.devClearLogin));
await tester.pumpAndSettle();
await tester.tap(find.widgetWithText(TextButton, t.devClearLogin));
await tester.pumpAndSettle();
expect(recorded.any((r) => r == 'DELETE /v1/me/devices/phone-uuid'), isTrue,
reason: '应调清除接口: $recorded');
});
testWidgets('重命名 → 输入新名 → 保存 → 调 rename 接口', (tester) async {
await pump(tester);
await tester.tap(find.byType(AdaptiveMenuButton).last);
await tester.pumpAndSettle();
await tester.tap(find.text(t.devRename));
await tester.pumpAndSettle();
// 弹窗里输入新名。
await tester.enterText(find.byType(TextField).last, '我的手机');
await tester.tap(find.widgetWithText(TextButton, t.devSave));
await tester.pumpAndSettle();
expect(recorded.any((r) => r == 'POST /v1/me/devices/phone-uuid/rename'), isTrue,
reason: '应调重命名接口: $recorded');
});
}