import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:forui/forui.dart';

import 'package:pj_supermarket_cloud/common/models/page/reservation_menu_page_models.dart';
import 'package:pj_supermarket_cloud/common/widgets/app/reservation_schedule_card.dart';
import 'package:pj_supermarket_cloud/sub_screen/common/models/reservation_query_display_models.dart';
import 'package:pj_supermarket_cloud/sub_screen/common/utils/reservation_query_coordinator.dart';
import 'package:pj_supermarket_cloud/sub_screen/page/reservation_query_display.dart';

void main() {
  testWidgets('午餐预约卡只补齐基础三餐，不生成夜间餐占位', (tester) async {
    ReservationMenuMealData? verifiedMeal;
    const day = ReservationMenuDayData(
      date: '2026-07-24',
      meals: [
        ReservationMenuMealData(
          hourType: 'NOONING',
          title: '午餐',
          items: ['香菇滑鸡'],
          orderIds: [1001],
        ),
      ],
    );

    await tester.pumpWidget(
      MaterialApp(
        home: FTheme(
          data: FThemes.zinc.light,
          child: Center(
            child: SizedBox(
              width: 420,
              height: 420,
              child: ReservationScheduleCard(
                day: day,
                verificationEnabled: true,
                onVerify: (meal) => verifiedMeal = meal,
              ),
            ),
          ),
        ),
      ),
    );

    for (final title in const ['早餐', '午餐', '晚餐']) {
      expect(find.text(title), findsOneWidget);
    }
    expect(find.text('夜间餐'), findsNothing);
    expect(find.text('未预定'), findsNWidgets(2));
    expect(find.text('核销'), findsOneWidget);

    final verificationVisual = tester.getSize(
      find.byKey(const ValueKey('reservation-verification-visual-2')),
    );
    final verificationTarget = tester.getSize(
      find.byKey(const ValueKey('reservation-verification-target-2')),
    );
    expect(verificationVisual.height, 36);
    expect(verificationTarget.height, 48);
    expect(verificationTarget.width, greaterThan(verificationVisual.width));

    await tester.tap(find.text('核销'));
    expect(verifiedMeal?.title, '午餐');
  });

  testWidgets('后端返回夜间餐时正常追加展示', (tester) async {
    const day = ReservationMenuDayData(
      date: '2026-07-24',
      meals: [
        ReservationMenuMealData(
          hourType: 'LATE_NIGHT',
          title: '夜间餐',
          items: ['牛肉面'],
        ),
      ],
    );

    await tester.pumpWidget(
      MaterialApp(
        home: FTheme(
          data: FThemes.zinc.light,
          child: const Center(
            child: SizedBox(
              width: 420,
              height: 420,
              child: ReservationScheduleCard(day: day),
            ),
          ),
        ),
      ),
    );

    expect(find.text('夜间餐'), findsOneWidget);
    expect(find.text('牛肉面'), findsOneWidget);

    final lateNightText = tester.renderObject<RenderParagraph>(
      find.byKey(const ValueKey('reservation-meal-title-4')),
    );
    expect(lateNightText.maxLines, 1);
    expect(lateNightText.didExceedMaxLines, isFalse);
  });

  testWidgets('关闭核销配置时预约餐段仍显示查询详情入口', (tester) async {
    ReservationMenuMealData? selectedMeal;
    const day = ReservationMenuDayData(
      date: '2026-07-24',
      meals: [
        ReservationMenuMealData(
          hourType: '2',
          title: '午餐',
          items: ['小青菜'],
          orderIds: [1001],
        ),
      ],
    );

    await tester.pumpWidget(
      MaterialApp(
        home: FTheme(
          data: FThemes.zinc.light,
          child: Center(
            child: SizedBox(
              width: 420,
              height: 420,
              child: ReservationScheduleCard(
                day: day,
                onVerify: (meal) => selectedMeal = meal,
              ),
            ),
          ),
        ),
      ),
    );

    expect(find.text('核销'), findsNothing);
    expect(find.text('查询详情'), findsOneWidget);
    await tester.tap(find.text('查询详情'));
    expect(selectedMeal?.title, '午餐');
  });

  testWidgets('窄卡片中的查询详情保持紧凑且菜名不再逐字换行', (tester) async {
    const day = ReservationMenuDayData(
      date: '2026-07-24',
      meals: [
        ReservationMenuMealData(
          hourType: '2',
          title: '午餐',
          items: ['小青菜'],
          orderIds: [1001],
        ),
      ],
    );

    await tester.pumpWidget(
      MaterialApp(
        home: FTheme(
          data: FThemes.zinc.light,
          child: const Center(
            child: SizedBox(
              width: 220,
              height: 420,
              child: ReservationScheduleCard(
                day: day,
              ),
            ),
          ),
        ),
      ),
    );

    expect(tester.takeException(), isNull);
    final itemText = tester.renderObject<RenderParagraph>(
      find.text('小青菜'),
    );
    final detailVisual = tester.getSize(
      find.byKey(const ValueKey('reservation-verification-visual-2')),
    );
    expect(itemText.maxLines, 1);
    expect(itemText.didExceedMaxLines, isFalse);
    expect(itemText.size.height, lessThan(24));
    expect(detailVisual.width, lessThanOrEqualTo(70));
    expect(detailVisual.height, 30);
  });

  for (final size in [
    const Size(1920, 1080),
    const Size(1280, 720),
    const Size(1024, 600),
  ]) {
    testWidgets('${size.width.toInt()}x${size.height.toInt()} 各预约状态无布局异常',
        (tester) async {
      tester.view.physicalSize = size;
      tester.view.devicePixelRatio = 1;
      addTearDown(tester.view.resetPhysicalSize);
      addTearDown(tester.view.resetDevicePixelRatio);

      for (final scenario in ReservationQueryDisplayScenario.values) {
        final coordinator = ReservationQueryCoordinator(
          initialState: ReservationQueryDisplayState.demo(
            scenario,
            now: DateTime(2026, 7, 24, 8),
          ),
        );
        await tester.pumpWidget(
          MaterialApp(
            debugShowCheckedModeBanner: false,
            home: FTheme(
              data: FThemes.zinc.light,
              child: ReservationQueryDisplayPage(coordinator: coordinator),
            ),
          ),
        );
        await tester.pump();

        expect(
          find.byKey(ValueKey('reservation-scenario-${scenario.name}')),
          findsOneWidget,
        );
        expect(tester.takeException(), isNull);
        if (scenario == ReservationQueryDisplayScenario.success) {
          expect(find.byType(ReservationScheduleCard), findsNWidgets(10));
          expect(find.text('张*明 · 三年级二班'), findsOneWidget);
          expect(find.text('张小明'), findsNothing);
          expect(find.byKey(const ValueKey('reservation-page-indicator')),
              findsOneWidget);
        }

        await tester.pumpWidget(const SizedBox.shrink());
        coordinator.dispose();
      }
    });
  }

  testWidgets('小尺寸副屏的文字保底缩放，主标题不随布局缩到不可读', (tester) async {
    tester.view.physicalSize = const Size(1024, 600);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);
    final coordinator = ReservationQueryCoordinator(
      initialState: ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.idle,
        now: DateTime(2026, 7, 24, 8),
      ),
    );

    await tester.pumpWidget(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: FTheme(
          data: FThemes.zinc.light,
          child: ReservationQueryDisplayPage(coordinator: coordinator),
        ),
      ),
    );
    await tester.pump();

    // 1024x600 的布局缩放约为 0.55；文字与首页副屏一样保底 0.9，
    // 主标题 38 x 0.9 = 34.2 起步，说明文字没有跟着布局一起缩小。
    final title = tester.renderObject<RenderParagraph>(
      find.text('请刷饭卡或进行人脸识别'),
    );
    expect(title.text.style!.fontSize, greaterThanOrEqualTo(34.2));
    final description = tester.renderObject<RenderParagraph>(
      find.text('识别成功后，这里将展示当前用户本人的预约菜单'),
    );
    expect(description.text.style!.fontSize, greaterThanOrEqualTo(18.9));
    expect(tester.takeException(), isNull);

    await tester.pumpWidget(const SizedBox.shrink());
    coordinator.dispose();
  });

  testWidgets('键盘提示只在开启开关的等待识别布局展示', (tester) async {
    tester.view.physicalSize = const Size(1920, 1080);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);

    Future<void> pumpState(ReservationQueryDisplayState state) async {
      final coordinator = ReservationQueryCoordinator(initialState: state);
      await tester.pumpWidget(
        MaterialApp(
          debugShowCheckedModeBanner: false,
          home: FTheme(
            data: FThemes.zinc.light,
            child: ReservationQueryDisplayPage(coordinator: coordinator),
          ),
        ),
      );
      await tester.pump();
      addTearDown(coordinator.dispose);
    }

    await pumpState(
      ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.idle,
        now: DateTime(2026, 7, 24, 8),
      ).copyWith(keyboardHintsEnabled: true),
    );
    expect(find.text('请刷饭卡或进行人脸识别'), findsOneWidget);
    expect(find.text('键盘操作提示'), findsOneWidget);
    // 键盘模式左缘同时展示竖排“非触屏，按键盘操作”大字路牌。
    expect(
      find.byKey(const ValueKey('reservation-non-touch-banner')),
      findsOneWidget,
    );
    for (final char in const ['非', '触', '屏', '按', '键', '盘', '操', '作']) {
      expect(find.text(char), findsOneWidget);
    }
    // 竖排路牌为纯文字，顶部不放键盘图标（右侧“键盘操作提示”标题自带图标）。
    expect(
      find.descendant(
        of: find.byKey(const ValueKey('reservation-non-touch-banner')),
        matching: find.byType(Icon),
      ),
      findsNothing,
    );
    // 键盘图形由预渲染 3D 素材图提供：上排 人脸/饭卡/留白键，下排 加宽核销/取消。
    final diagram = find.descendant(
      of: find.byKey(const ValueKey('reservation-keyboard-hint')),
      matching: find.byType(Image),
    );
    expect(diagram, findsOneWidget);
    final image = tester.widget<Image>(diagram);
    expect(
      (image.image as AssetImage).assetName,
      'assets/images/shortcut_keyboard_diagram.png',
    );
    // 键帽文字已固化在素材图中，页面不再出现独立按键文案与“目前无作用”。
    for (final label in const ['人脸', '饭卡', '核销', '取消', '目前无作用']) {
      expect(find.text(label), findsNothing);
    }
    // 键盘下方提供通俗操作说明：两段式按键、核销前提与取消用途。
    expect(find.textContaining('再按一下就开始识别'), findsOneWidget);
    expect(find.textContaining('当天这一顿有预约才能成功'), findsOneWidget);
    expect(find.textContaining('回到开始的画面'), findsOneWidget);
    expect(tester.takeException(), isNull);

    // 关闭开关或非等待场景时不展示键盘提示与竖排大字路牌。
    await pumpState(
      ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.idle,
        now: DateTime(2026, 7, 24, 8),
      ),
    );
    expect(
      find.byKey(const ValueKey('reservation-keyboard-hint')),
      findsNothing,
    );
    expect(
      find.byKey(const ValueKey('reservation-non-touch-banner')),
      findsNothing,
    );

    await pumpState(
      ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.loading,
        now: DateTime(2026, 7, 24, 8),
      ).copyWith(keyboardHintsEnabled: true),
    );
    expect(
      find.byKey(const ValueKey('reservation-keyboard-hint')),
      findsNothing,
    );
    expect(
      find.byKey(const ValueKey('reservation-non-touch-banner')),
      findsNothing,
    );
  });

  testWidgets('小尺寸副屏开启键盘提示仍保持布局完整', (tester) async {
    tester.view.physicalSize = const Size(1024, 600);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);
    final coordinator = ReservationQueryCoordinator(
      initialState: ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.idle,
        now: DateTime(2026, 7, 24, 8),
      ).copyWith(keyboardHintsEnabled: true),
    );

    await tester.pumpWidget(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: FTheme(
          data: FThemes.zinc.light,
          child: ReservationQueryDisplayPage(coordinator: coordinator),
        ),
      ),
    );
    await tester.pump();

    expect(find.text('键盘操作提示'), findsOneWidget);
    expect(
      find.byKey(const ValueKey('reservation-keyboard-hint')),
      findsOneWidget,
    );
    // 小尺寸下竖排大字路牌经 scaleDown 微缩后仍完整可读。
    expect(
      find.byKey(const ValueKey('reservation-non-touch-banner')),
      findsOneWidget,
    );
    expect(tester.takeException(), isNull);

    await tester.pumpWidget(const SizedBox.shrink());
    coordinator.dispose();
  });

  testWidgets('等待放卡场景提示请放置饭卡且不显示键盘提示区', (tester) async {
    tester.view.physicalSize = const Size(1920, 1080);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);
    final coordinator = ReservationQueryCoordinator(
      initialState: ReservationQueryDisplayState.demo(
        ReservationQueryDisplayScenario.waitingCard,
        now: DateTime(2026, 7, 24, 8),
        keyboardHintsEnabled: true,
      ),
    );
    addTearDown(coordinator.dispose);

    await tester.pumpWidget(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: FTheme(
          data: FThemes.zinc.light,
          child: ReservationQueryDisplayPage(coordinator: coordinator),
        ),
      ),
    );
    await tester.pump();

    // 等待放卡阶段用专属放卡引导替换通用查询文案。
    expect(find.text('请放置饭卡'), findsOneWidget);
    expect(find.textContaining('将饭卡平放在读卡器上'), findsOneWidget);
    expect(find.text('正在查询本人预约'), findsNothing);
    // 识别进行中不再展示键盘操作提示与竖排路牌。
    expect(
      find.byKey(const ValueKey('reservation-keyboard-hint')),
      findsNothing,
    );
    expect(
      find.byKey(const ValueKey('reservation-non-touch-banner')),
      findsNothing,
    );
    expect(find.text('键盘操作提示'), findsNothing);
    expect(tester.takeException(), isNull);

    await tester.pumpWidget(const SizedBox.shrink());
  });

  testWidgets('键盘模式成功页提示按核销键，关闭键盘模式不提示', (tester) async {
    tester.view.physicalSize = const Size(1920, 1080);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);

    Future<void> pumpState({required bool keyboardHintsEnabled}) async {
      final coordinator = ReservationQueryCoordinator(
        initialState: ReservationQueryDisplayState.demo(
          ReservationQueryDisplayScenario.success,
          now: DateTime(2026, 7, 24, 8),
          keyboardHintsEnabled: keyboardHintsEnabled,
        ),
      );
      await tester.pumpWidget(
        MaterialApp(
          debugShowCheckedModeBanner: false,
          home: FTheme(
            data: FThemes.zinc.light,
            child: ReservationQueryDisplayPage(coordinator: coordinator),
          ),
        ),
      );
      await tester.pump();
      // 成功态带隐私倒计时，必须在测试体内释放协调器，避免残留计时器。
      coordinator.dispose();
    }

    await pumpState(keyboardHintsEnabled: true);
    final bar = find.byKey(const ValueKey('reservation-redeem-hint'));
    expect(bar, findsOneWidget);
    // 图标同样由 RichText 承载，按内容匹配校验富文本完整语句。
    expect(
      find.descendant(
        of: bar,
        matching: find.textContaining('请在键盘上按「核销」键完成核销',
            findRichText: true),
      ),
      findsOneWidget,
    );
    expect(tester.takeException(), isNull);

    // 非键盘模式成功页保持原有布局，不加核销引导条。
    await pumpState(keyboardHintsEnabled: false);
    expect(
      find.byKey(const ValueKey('reservation-redeem-hint')),
      findsNothing,
    );
    expect(tester.takeException(), isNull);

    await tester.pumpWidget(const SizedBox.shrink());
  });

  testWidgets('持续人脸副屏同时保留实时预览、预约菜单和十秒倒计时', (tester) async {
    tester.view.physicalSize = const Size(1920, 1080);
    tester.view.devicePixelRatio = 1;
    addTearDown(tester.view.resetPhysicalSize);
    addTearDown(tester.view.resetDevicePixelRatio);
    final state = ReservationQueryDisplayState.demo(
      ReservationQueryDisplayScenario.success,
      now: DateTime(2026, 8, 7, 10),
    ).copyWith(
      remainingSeconds: 10,
      continuousFaceRecognition: true,
    );
    final coordinator = ReservationQueryCoordinator(initialState: state);

    await tester.pumpWidget(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: FTheme(
          data: FThemes.zinc.light,
          child: ReservationQueryDisplayPage(coordinator: coordinator),
        ),
      ),
    );
    await tester.pump();

    expect(
      find.byKey(const ValueKey('sub-reservation-live-face-preview')),
      findsOneWidget,
    );
    expect(find.byType(ReservationScheduleCard), findsNWidgets(10));
    expect(find.text('预约结果展示中'), findsOneWidget);
    expect(find.textContaining('10 秒后识别下一位'), findsOneWidget);
    expect(tester.takeException(), isNull);

    await tester.pumpWidget(const SizedBox.shrink());
    coordinator.dispose();
  });
}