pangolin/client/test/widget/devices_screen_test.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('本机 ⋯ 菜单只有「重命名」,无强制退出/清除', (tester) async {
    await pump(tester);
    // 第一个菜单 = 本机(MacBook Pro)。
    await tester.tap(find.byType(PopupMenuButton<String>).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(PopupMenuButton<String>), findsNWidgets(2));
    await tester.tap(find.byType(PopupMenuButton<String>).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(PopupMenuButton<String>).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(PopupMenuButton<String>).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');
  });
}