@Tags(['design'])
library;

import 'dart:convert';
import 'dart:io';
import 'dart:ui' as ui;

import 'package:fancake/core/data/repositories.dart';
import 'package:fancake/core/router/app_router.dart';
import 'package:fancake/core/theme/app_theme.dart';
import 'package:fancake/features/auth/auth_repository.dart';
import 'package:fancake/features/my/profile_edit_screen.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/services.dart';
import 'package:flutter_test/flutter_test.dart';


/// Figma 「계약 시점 사본」 화면과 나란히 놓을 앱 렌더를 뽑는다.
///
/// 실행: `DESIGN_MATCH_OUT=<폴더> fvm flutter test --tags design test/design_match` (단일: `--plain-name F6-01`)
/// 출력: `$DESIGN_MATCH_OUT/<id>.png`. 변수가 없으면 일반 `flutter test` 에서 건너뛴다. 비교는 tools/design/compare.py.
///
/// 화면 ID·Figma 노드는 디자인 대조 자료(화면 목록 · 매핑 근거).
/// 여기 없는 ID 는 앱 화면이 없거나(없음) 계약 제외(이메일·X·WeChat 가입 등)다.

/// Figma 프레임 폭. 높이는 화면마다 Figma 프레임 높이를 따른다.
const _width = 375.0;

/// iPhone X 계열 Figma 프레임의 상태 표시줄(48) · 홈 인디케이터(34).
const _padding = FakeViewPadding(top: 48 * 2, bottom: 34 * 2);

typedef Build = Future<Widget> Function(Repositories r);
typedef After = Future<void> Function(WidgetTester t);

class Shot {
  const Shot(
    this.id, {
    this.build,
    this.tab,
    this.h = 812,
    this.after,
    this.repos,
  });
  final String id;

  /// 표본 저장소. 없으면 기본 표본(`Repositories(live: false)`).
  final Repositories Function()? repos;

  /// 탭 밖 화면. [tab] 과 둘 중 하나만 준다.
  final Build? build;

  /// 탭 루트 화면 — 실제 셸(하단 탭 포함)을 라우터로 띄운다.
  final String? tab;
  final double h;

  /// 시트·다이얼로그·탭 전환처럼 화면을 띄운 뒤 한 번 더 조작해야 하는 상태.
  final After? after;
}

/// 표본 저장소는 Future.value · 짧은 delay 만 쓴다. 무한 애니메이션이 있어 pumpAndSettle 은 쓰지 않는다.
Future<void> _settle(WidgetTester t) async {
  for (var i = 0; i < 6; i++) {
    await t.pump(const Duration(milliseconds: 300));
  }
}

/// 화면별 표본은 그룹 파일(a~e_test.dart)이 가진다 — 같은 ID 를 두 곳에서 그리면 실행 순서에 따라
/// 결과가 바뀌므로, 여기에는 그룹 파일에 없는 ID 만 둔다(쓰레기통 F6-21 · 점수 제외).
/// b_test 는 이 목록을 비우고 자기 표본을 채워 [main] 을 그대로 쓴다.
final shots = <Shot>[
  Shot(
    'F6-21',
    build: (r) async =>
        ProfileEditScreen(nickname: 'BTS_Hong', repository: r.my),
  ),
];

Future<void> _loadFonts() async {
  final manifest =
      json.decode(await rootBundle.loadString('FontManifest.json')) as List;
  for (final font in manifest.cast<Map<String, dynamic>>()) {
    final loader = FontLoader(font['family'] as String);
    for (final f in (font['fonts'] as List).cast<Map<String, dynamic>>()) {
      loader.addFont(rootBundle.load(Uri.decodeFull(f['asset'] as String)));
    }
    await loader.load();
  }
  // 글꼴을 지정하지 않은 글자는 테스트 기본(Ahem 네모)으로 그려진다. 기기에서는 시스템 글꼴이므로 본문 글꼴로 대신한다.
  await (FontLoader(
    'Roboto',
  )..addFont(rootBundle.load('assets/fonts/42dotSans[wght].ttf'))).load();
}

Future<void> _precacheImages(WidgetTester t) => t.runAsync(() async {
  for (final e in find.byType(Image).evaluate().toList()) {
    await precacheImage((e.widget as Image).image, e);
  }
});

void main() {
  final out = Platform.environment['DESIGN_MATCH_OUT'];
  if (out == null) return;
  setUpAll(() async {
    Directory(out).createSync(recursive: true);
    await _loadFonts();
    // 이클립스 방어의 흔들기 센서. 플러그인이 없는 테스트 환경에서는 조용히 비운다.
    final messenger =
        TestDefaultBinaryMessengerBinding.instance.defaultBinaryMessenger;
    messenger.setMockMethodCallHandler(
      const MethodChannel('dev.fluttercommunity.plus/sensors/method'),
      (_) async => null,
    );
    messenger.setMockStreamHandler(
      const EventChannel('dev.fluttercommunity.plus/sensors/accelerometer'),
      MockStreamHandler.inline(onListen: (_, _) {}),
    );
  });

  for (final s in shots) {
    testWidgets(s.id, (t) async {
      t.view.devicePixelRatio = 2;
      t.view.physicalSize = Size(_width * 2, s.h * 2);
      t.view.padding = _padding;
      t.view.viewPadding = _padding;
      addTearDown(t.view.reset);

      final repos = s.repos?.call() ?? Repositories(live: false);
      final boundary = GlobalKey();
      final navigator = GlobalKey<NavigatorState>();
      Widget? pushed;
      Widget app;
      if (s.tab != null) {
        final router = buildRouter(
          AuthRepository()..signInWithMockSession(),
          repositories: repos,
        );
        router.go(s.tab!);
        app = MaterialApp.router(
          theme: buildAppTheme(),
          debugShowCheckedModeBanner: false,
          routerConfig: router,
        );
      } else {
        final screen = (await t.runAsync(() => s.build!(repos)))!;
        // 빈 화면 위에 push 해야 AppBar 가 뒤로가기 버튼을 그린다(앱에서도 push 로 연다).
        app = MaterialApp(
          theme: buildAppTheme(),
          debugShowCheckedModeBanner: false,
          navigatorKey: navigator,
          home: const SizedBox(),
        );
        pushed = screen;
      }
      await t.pumpWidget(RepaintBoundary(key: boundary, child: app));
      if (pushed != null) {
        final screen = pushed;
        navigator.currentState!.push(
          MaterialPageRoute<void>(builder: (_) => screen),
        );
      }
      await _settle(t);
      await s.after?.call(t);
      await _precacheImages(t);
      await _settle(t);

      await t.runAsync(() async {
        final image =
            await (boundary.currentContext!.findRenderObject()!
                    as RenderRepaintBoundary)
                .toImage(pixelRatio: 2);
        final png = await image.toByteData(format: ui.ImageByteFormat.png);
        await File('$out/${s.id}.png').writeAsBytes(png!.buffer.asUint8List());
        image.dispose();
      });
      // 글자 대조용 — compare.py 가 Figma spec 의 TEXT 노드와 맞춰 본다.
      final texts = [
        for (final e in find.byType(RichText).evaluate())
          if (e.renderObject case final RenderParagraph p
              when p.attached && p.text.toPlainText().trim().isNotEmpty)
            {
              'text': p.text.toPlainText(),
              'family': p.text.style?.fontFamily,
              'size': p.text.style?.fontSize,
              'weight': p.text.style?.fontWeight?.value,
              'color': p.text.style?.color?.toARGB32().toRadixString(16),
              'rect': [
                for (final v in [
                  p.localToGlobal(Offset.zero).dx,
                  p.localToGlobal(Offset.zero).dy,
                  p.size.width,
                  p.size.height,
                ])
                  v.roundToDouble(),
              ],
            },
      ];
      File(
        '$out/${s.id}.texts.json',
      ).writeAsStringSync(const JsonEncoder.withIndent(' ').convert(texts));
      // 렌더 예외(오버플로 등)는 실패로 올린다 — 비교 전에 고쳐야 할 것이다.
      expect(t.takeException(), isNull);
    });
  }
}