6788501e4a
新增 AdaptiveMenuButton:GlobalKey 量触发器矩形,据上下剩余空间决定向下/向上 弹出、右对齐裁剪到屏内,Overlay 全屏 barrier + 淡入缩放动画。「我的设备」⋯ 菜单由 PopupMenuButton 换成它(重命名 + 强制退出/清除),修正小屏被遮挡问题。 devices_screen_test 同步改用 AdaptiveMenuButton 触发器断言。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
152 lines
6.1 KiB
Dart
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');
|
|
});
|
|
}
|