gopeed/ui/flutter/test/shared/widgets/app_loading_button_test.dart

import 'package:flutter/widgets.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:gopeed/shared/theme/app_component_themes.dart';
import 'package:gopeed/shared/theme/app_palette.dart';
import 'package:gopeed/shared/theme/app_theme.dart';
import 'package:gopeed/shared/widgets/app_loading_button.dart';
import 'package:shadcn_flutter/shadcn_flutter.dart' as shad;

void main() {
  testWidgets('loading buttons replace only the icon and preserve their color family', (tester) async {
    await tester.pumpWidget(
      shad.ShadcnApp(
        theme: AppTheme.dark(),
        materialTheme: AppTheme.materialDark(),
        home: AppComponentThemes(
          child: Column(
            children: [
              AppLoadingButton(
                key: const ValueKey('secondary-loading-button'),
                onPressed: () {},
                loading: true,
                icon: const Icon(shad.LucideIcons.refreshCw),
                child: const Text('Check for Updates'),
              ),
              AppLoadingButton(
                key: const ValueKey('brand-loading-button'),
                onPressed: () {},
                loading: true,
                variant: AppLoadingButtonVariant.brand,
                icon: const Icon(shad.LucideIcons.download),
                child: const Text('Update'),
              ),
              AppLoadingButton(
                key: const ValueKey('primary-loading-button'),
                onPressed: () {},
                loading: true,
                variant: AppLoadingButtonVariant.primary,
                icon: const Icon(shad.LucideIcons.save),
                child: const Text('Save'),
              ),
            ],
          ),
        ),
      ),
    );
    await tester.pump();

    final secondary = find.byKey(const ValueKey('secondary-loading-button'));
    final brand = find.byKey(const ValueKey('brand-loading-button'));
    final primary = find.byKey(const ValueKey('primary-loading-button'));
    expect(find.descendant(of: secondary, matching: find.text('Check for Updates')), findsOneWidget);
    expect(find.descendant(of: brand, matching: find.text('Update')), findsOneWidget);
    expect(find.descendant(of: primary, matching: find.text('Save')), findsOneWidget);
    expect(
      tester
          .widget<shad.SecondaryButton>(find.descendant(of: secondary, matching: find.byType(shad.SecondaryButton)))
          .leading,
      isNull,
    );
    expect(
      tester
          .widget<shad.PrimaryButton>(find.descendant(of: primary, matching: find.byType(shad.PrimaryButton)))
          .leading,
      isNull,
    );
    expect(find.descendant(of: secondary, matching: find.byType(Row)), findsWidgets);
    expect(find.descendant(of: primary, matching: find.byType(Row)), findsWidgets);
    expect(find.descendant(of: secondary, matching: find.byIcon(shad.LucideIcons.refreshCw)), findsNothing);
    expect(find.descendant(of: brand, matching: find.byIcon(shad.LucideIcons.download)), findsNothing);
    expect(find.descendant(of: primary, matching: find.byIcon(shad.LucideIcons.save)), findsNothing);

    final secondaryProgress = tester.widget<shad.CircularProgressIndicator>(
      find.descendant(of: secondary, matching: find.byType(shad.CircularProgressIndicator)),
    );
    final brandProgress = tester.widget<shad.CircularProgressIndicator>(
      find.descendant(of: brand, matching: find.byType(shad.CircularProgressIndicator)),
    );
    final primaryProgress = tester.widget<shad.CircularProgressIndicator>(
      find.descendant(of: primary, matching: find.byType(shad.CircularProgressIndicator)),
    );
    expect(
      tester.widget<shad.Clickable>(find.descendant(of: primary, matching: find.byType(shad.Clickable))).enabled,
      isFalse,
    );
    expect(secondaryProgress.color, AppPalette.dark.textMuted);
    expect(secondaryProgress.color, isNot(AppPalette.dark.brand));
    expect(brandProgress.color, AppPalette.dark.brandForeground);
    expect(primaryProgress.color, AppPalette.dark.primaryActionForeground);

    final secondaryDecoration =
        tester
                .widget<shad.Clickable>(find.descendant(of: secondary, matching: find.byType(shad.Clickable)))
                .decoration!
                .resolve({WidgetState.disabled})
            as BoxDecoration;
    final brandDecoration =
        tester
                .widget<shad.Clickable>(find.descendant(of: brand, matching: find.byType(shad.Clickable)))
                .decoration!
                .resolve({WidgetState.disabled})
            as BoxDecoration;
    expect(secondaryDecoration.color, AppPalette.dark.surfaceSoft);
    expect(brandDecoration.color, AppPalette.dark.brand);
  });

  testWidgets('text-only loading buttons replace their label with a centered loader', (tester) async {
    await tester.pumpWidget(
      shad.ShadcnApp(
        theme: AppTheme.dark(),
        materialTheme: AppTheme.materialDark(),
        home: AppComponentThemes(
          child: Center(
            child: SizedBox(
              key: const ValueKey('text-only-loading-bounds'),
              width: 148,
              height: 40,
              child: AppLoadingButton(
                key: const ValueKey('text-only-loading-button'),
                onPressed: () {},
                loading: true,
                alignment: Alignment.center,
                variant: AppLoadingButtonVariant.primary,
                child: const Text('Login'),
              ),
            ),
          ),
        ),
      ),
    );
    await tester.pump();

    final bounds = tester.getRect(find.byKey(const ValueKey('text-only-loading-bounds')));
    final loader = find.descendant(
      of: find.byKey(const ValueKey('text-only-loading-button')),
      matching: find.byType(shad.CircularProgressIndicator),
    );
    final hiddenLabel = find.text('Login');
    expect(hiddenLabel, findsOneWidget);
    expect(tester.widget<Opacity>(find.ancestor(of: hiddenLabel, matching: find.byType(Opacity))).opacity, 0);
    expect(find.ancestor(of: hiddenLabel, matching: find.byType(ExcludeSemantics)), findsOneWidget);
    expect(loader, findsOneWidget);
    expect(tester.getRect(loader).center, bounds.center);
  });
}