Files
pangolin/client/test/widget/devices_screen_test.dart
T
wangjia 58526b09e6
ci-pangolin / Lint — shellcheck (push) Successful in 7s
ci-pangolin / OpenAPI Sync Check (push) Successful in 19s
ci-pangolin / Redline Scan — 脱敏 (UI 文案) (push) Successful in 7s
ci-pangolin / Flutter — analyze + test (push) Successful in 23s
ci-pangolin / Portable SQL — 可移植性 (mysql/sqlite) (push) Successful in 5s
ci-pangolin / Codegen Drift — token 生成物未漂移 (push) Successful in 5s
ci-pangolin / Go — build + test (push) Successful in 9s
ci-pangolin / E2E Smoke — L4 进程级端到端 (push) Successful in 14s
ci-pangolin / Go — integration (mysql/redis testcontainers) (push) Failing after 4m12s
ci-pangolin / Golden — 视觉回归 (components + auth) (push) Successful in 15s
feat(client): P6 DevicesScreen 重做 + DevicePlatform 枚举
回应「状态码用枚举更好」:新增 DevicePlatform 枚举(线格式 fromWire 解析,
UI 只碰枚举,穷尽 switch),Device.platformKind getter;platform 图标按枚举 switch。
DevicesScreen 按 §7 视觉稿重做:行内 名称+「本机」标 / 平台·客户端版本·最后登录 /
在线绿点光晕·离线灰点 + 行尾 ⋯ 菜单(强制退出 / 清除登录信息·危险红)+ 危险二次
确认弹窗;本机行不显示 ⋯(不自我踢)。l10n 新增在线/离线/最后登录/从未登录/强制
退出/清除登录信息/取消 + 确认文案(中英);「当前设备」改「本机」。
新图标 moreVertical/trash/alertTriangle。localDeviceIdProvider 供本机判定。
测试:devices_screen widget 3 例(本机标+在线/离线+版本渲染 / ⋯菜单→强制退出→
确认→POST logout / 清除→DELETE);全量 flutter test 58 绿。

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

128 lines
5.0 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 '../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('非本机行 ⋯ 菜单 → 强制退出 → 确认 → 调 logout 接口', (tester) async {
await pump(tester);
// 仅非本机(iPhone)有 ⋯ 菜单。
final menu = find.byType(PopupMenuButton<String>);
expect(menu, findsOneWidget);
await tester.tap(menu);
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(PopupMenuButton<String>));
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');
});
}