import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/svg.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:mockito/annotations.dart';
import 'package:mockito/mockito.dart';
import 'package:stackwallet/models/isar/stack_theme.dart';
import 'package:stackwallet/models/node_model.dart';
import 'package:stackwallet/providers/providers.dart';
import 'package:stackwallet/services/node_service.dart';
import 'package:stackwallet/themes/stack_colors.dart';
import 'package:stackwallet/utilities/util.dart';
import 'package:stackwallet/wallets/crypto_currency/crypto_currency.dart';
import 'package:stackwallet/widgets/node_card.dart';
import 'package:stackwallet/widgets/node_options_sheet.dart';

import '../sample_data/theme_json.dart';
import 'node_card_test.mocks.dart';

@GenerateMocks([NodeService])
void main() {
  testWidgets("NodeCard builds inactive node correctly", (tester) async {
    final nodeService = MockNodeService();

    when(
      nodeService.getPrimaryNodeFor(
        currency: Bitcoin(CryptoCurrencyNetwork.main),
      ),
    ).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "Stack Default",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    when(nodeService.getNodeById(id: "node id")).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "some other name",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    await tester.pumpWidget(
      ProviderScope(
        overrides: [
          nodeServiceChangeNotifierProvider.overrideWithValue(nodeService),
        ],
        child: MaterialApp(
          theme: ThemeData(
            extensions: [
              StackColors.fromStackColorTheme(
                StackTheme.fromJson(
                  json: lightThemeJsonMap,
                ),
              ),
            ],
          ),
          home: NodeCard(
            nodeId: "node id",
            coin: Bitcoin(CryptoCurrencyNetwork.main),
            popBackToRoute: "",
          ),
        ),
      ),
    );

    await tester.pumpAndSettle();

    expect(find.text("some other name"), findsOneWidget);
    expect(find.text("Disconnected"), findsOneWidget);
    expect(find.byType(SvgPicture), findsWidgets);

    verify(
      nodeService.getPrimaryNodeFor(
        currency: Bitcoin(CryptoCurrencyNetwork.main),
      ),
    ).called(1);
    verify(nodeService.getNodeById(id: "node id")).called(1);
    verify(nodeService.addListener(any)).called(1);
    verifyNoMoreInteractions(nodeService);
  });

  testWidgets("NodeCard builds active node correctly", (tester) async {
    final nodeService = MockNodeService();

    when(
      nodeService.getPrimaryNodeFor(
        currency: Bitcoin(CryptoCurrencyNetwork.main),
      ),
    ).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "Some other node name",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    when(nodeService.getNodeById(id: "node id")).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "Some other node name",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    await tester.pumpWidget(
      ProviderScope(
        overrides: [
          nodeServiceChangeNotifierProvider.overrideWithValue(nodeService),
        ],
        child: MaterialApp(
          theme: ThemeData(
            extensions: [
              StackColors.fromStackColorTheme(
                StackTheme.fromJson(
                  json: lightThemeJsonMap,
                ),
              ),
            ],
          ),
          home: NodeCard(
            nodeId: "node id",
            coin: Bitcoin(CryptoCurrencyNetwork.main),
            popBackToRoute: "",
          ),
        ),
      ),
    );
    await tester.pumpAndSettle();

    expect(find.text("Some other node name"), findsOneWidget);
    expect(find.text("Connected"), findsOneWidget);
    expect(find.byType(Text), findsNWidgets(2));
    expect(find.byType(SvgPicture), findsWidgets);

    verify(
      nodeService.getPrimaryNodeFor(
        currency: Bitcoin(CryptoCurrencyNetwork.main),
      ),
    ).called(1);
    verify(nodeService.getNodeById(id: "node id")).called(1);
    verify(nodeService.addListener(any)).called(1);

    verifyNoMoreInteractions(nodeService);
  });

  testWidgets("tap to open context menu on default node", (tester) async {
    final nodeService = MockNodeService();

    when(
      nodeService.getPrimaryNodeFor(
        currency: Bitcoin(CryptoCurrencyNetwork.main),
      ),
    ).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "Stack Default",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    when(nodeService.getNodeById(id: "node id")).thenAnswer(
      (realInvocation) => NodeModel(
        host: "127.0.0.1",
        port: 2000,
        name: "Stack Default",
        id: "node id",
        useSSL: true,
        enabled: true,
        coinName: "Bitcoin",
        isFailover: false,
        isDown: false,
        torEnabled: true,
        clearnetEnabled: true,
      ),
    );

    await tester.pumpWidget(
      ProviderScope(
        overrides: [
          nodeServiceChangeNotifierProvider.overrideWithValue(nodeService),
        ],
        child: MaterialApp(
          theme: ThemeData(
            extensions: [
              StackColors.fromStackColorTheme(
                StackTheme.fromJson(
                  json: lightThemeJsonMap,
                ),
              ),
            ],
          ),
          home: NodeCard(
            nodeId: "node id",
            coin: Bitcoin(CryptoCurrencyNetwork.main),
            popBackToRoute: "",
          ),
        ),
      ),
    );

    await tester.pumpAndSettle();

    expect(find.text("Stack Default"), findsOneWidget);
    expect(find.text("Connected"), findsOneWidget);
    expect(find.byType(Text), findsNWidgets(2));
    expect(find.byType(SvgPicture), findsNWidgets(2));

    await tester.tap(find.byType(NodeCard));
    await tester.pumpAndSettle();

    if (Util.isDesktop) {
      expect(find.text("Connect"), findsNothing);
      expect(find.text("Details"), findsNothing);

      verify(
        nodeService.getPrimaryNodeFor(
          currency: Bitcoin(CryptoCurrencyNetwork.main),
        ),
      ).called(1);
      verify(nodeService.getNodeById(id: "node id")).called(1);
    } else {
      expect(find.text("Connect"), findsOneWidget);
      expect(find.text("Details"), findsOneWidget);
      expect(find.byType(NodeOptionsSheet), findsOneWidget);
      expect(find.byType(Text), findsNWidgets(7));

      verify(
        nodeService.getPrimaryNodeFor(
          currency: Bitcoin(CryptoCurrencyNetwork.main),
        ),
      ).called(2);
      verify(nodeService.getNodeById(id: "node id")).called(2);
    }

    verify(nodeService.addListener(any)).called(1);

    verifyNoMoreInteractions(nodeService);
  });
}