import 'package:apidash/widgets/field_header.dart';
import 'package:extended_text_field/extended_text_field.dart';
import 'package:flutter/material.dart';
import 'package:flutter_portal/flutter_portal.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:spot/spot.dart';

void main() {
  group('HeaderField Widget Tests', () {
    testWidgets('HeaderField renders and displays ExtendedTextField',
        (tester) async {
      await tester.pumpWidget(
        const Portal(
          child: MaterialApp(
            home: Scaffold(
              body: HeaderField(
                keyId: "testKey",
                hintText: "Enter header",
              ),
            ),
          ),
        ),
      );

      spot<HeaderField>().spot<ExtendedTextField>().existsOnce();
    });

    testWidgets('HeaderField calls onChanged when text changes',
        (tester) async {
      String? changedText;
      await tester.pumpWidget(
        Portal(
          child: MaterialApp(
            home: Scaffold(
              body: HeaderField(
                keyId: "testKey",
                hintText: "Enter header",
                onChanged: (text) => changedText = text,
              ),
            ),
          ),
        ),
      );

      await act.tap(spot<HeaderField>().spot<ExtendedTextField>());
      tester.testTextInput.enterText("new header");
      expect(changedText, "new header");
    });
  });

  group('HeaderSuggestions Widget Tests', () {
    testWidgets('HeaderSuggestions displays suggestions correctly',
        (tester) async {
      await tester.pumpWidget(
        MaterialApp(
          home: HeaderSuggestions(
            query: "header",
            suggestionsCallback: (query) async => ["header1", "header2"],
            onSuggestionTap: (suggestion) {
              expect(suggestion, "header1");
            },
          ),
        ),
      );

      await tester.pumpAndSettle();
      expect(find.byType(ListTile), findsNWidgets(2));
      expect(find.text("header1"), findsOneWidget);
      expect(find.text("header2"), findsOneWidget);
    });

    testWidgets('HeaderSuggestions calls onSuggestionTap when tapped',
        (tester) async {
      String? selectedSuggestion;
      await tester.pumpWidget(
        MaterialApp(
          home: HeaderSuggestions(
            query: "header",
            suggestionsCallback: (query) async => ["header1"],
            onSuggestionTap: (suggestion) => selectedSuggestion = suggestion,
          ),
        ),
      );

      await tester.pumpAndSettle();
      await tester.tap(find.text("header1"));
      expect(selectedSuggestion, "header1");
    });

    testWidgets('HeaderSuggestions shows no suggestions when list is empty',
        (tester) async {
      await tester.pumpWidget(
        MaterialApp(
          home: HeaderSuggestions(
            query: "test",
            suggestionsCallback: (query) async => [],
            onSuggestionTap: (suggestion) {},
          ),
        ),
      );

      await tester.pumpAndSettle();
      expect(find.byType(ListTile), findsNothing);
    });
  });
}