buzz/mobile/test/features/profile/profile_avatar_test.dart

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:buzz/features/profile/profile_avatar.dart';
import 'package:buzz/features/profile/profile_provider.dart';
import 'package:buzz/shared/profile/user_profile.dart';
import 'package:buzz/shared/theme/theme.dart';
import 'package:buzz/shared/widgets/avatar_image.dart';
import 'package:buzz/shared/widgets/masked_avatar_badge.dart';

void main() {
  Widget harness({
    bool showPresence = true,
    String presence = 'online',
    String? avatarUrl,
  }) {
    return ProviderScope(
      overrides: [
        profileProvider.overrideWith(
          () => _FakeProfileNotifier(avatarUrl: avatarUrl),
        ),
        presenceProvider.overrideWith(() => _FakePresenceNotifier(presence)),
      ],
      child: MaterialApp(
        theme: AppTheme.light(),
        home: Center(child: ProfileAvatar(showPresence: showPresence)),
      ),
    );
  }

  testWidgets('seats the presence dot in a notch instead of over the avatar', (
    tester,
  ) async {
    await tester.pumpWidget(harness());
    await tester.pumpAndSettle();

    final badge = tester.widget<MaskedAvatarBadge>(
      find.byType(MaskedAvatarBadge),
    );
    expect(badge.geometry, AvatarBadgeMaskGeometry.presenceDot);
    expect(
      tester
          .widget<ColoredBox>(
            find.byKey(const ValueKey('profile-avatar-background')),
          )
          .color,
      AppTheme.light().colorScheme.primaryContainer,
    );
    expect(
      tester.widget<ClipPath>(find.byType(ClipPath).last).clipper,
      isA<AvatarBadgeMaskClipper>(),
    );

    // The notch supplies the separation, so the dot carries no border ring.
    final dot = tester
        .widgetList<DecoratedBox>(find.byType(DecoratedBox))
        .map((box) => box.decoration)
        .whereType<BoxDecoration>()
        .firstWhere((decoration) => decoration.shape == BoxShape.circle);
    expect(dot.border, isNull);
  });

  Color dotColor(WidgetTester tester) => tester
      .widgetList<DecoratedBox>(find.byType(DecoratedBox))
      .map((box) => box.decoration)
      .whereType<BoxDecoration>()
      .firstWhere((decoration) => decoration.shape == BoxShape.circle)
      .color!;

  final theme = AppTheme.light();

  testWidgets('paints the dot with the presence color', (tester) async {
    await tester.pumpWidget(harness());
    await tester.pumpAndSettle();

    expect(dotColor(tester), theme.extension<AppColors>()!.success);
  });

  testWidgets('mutes the dot when offline', (tester) async {
    await tester.pumpWidget(harness(presence: 'offline'));
    await tester.pumpAndSettle();

    expect(dotColor(tester), theme.colorScheme.outline);
  });

  testWidgets('leaves the avatar unmasked when presence is hidden', (
    tester,
  ) async {
    await tester.pumpWidget(harness(showPresence: false));
    await tester.pumpAndSettle();

    final badge = tester.widget<MaskedAvatarBadge>(
      find.byType(MaskedAvatarBadge),
    );
    expect(badge.badge, isNull);
    expect(
      find.descendant(
        of: find.byType(MaskedAvatarBadge),
        matching: find.byType(ClipPath),
      ),
      findsNothing,
    );
  });

  testWidgets('keeps an animated avatar poster background transparent', (
    tester,
  ) async {
    const posterUrl = 'https://relay.example/media/poster.png';
    const animationUrl = 'https://relay.example/media/animation.png';
    final avatarUrl =
        '$posterUrl#buzz-anim=${Uri.encodeComponent(animationUrl)}';

    await tester.pumpWidget(harness(avatarUrl: avatarUrl));
    await tester.pump();

    expect(
      tester
          .widget<ColoredBox>(
            find.byKey(const ValueKey('profile-avatar-background')),
          )
          .color,
      Colors.transparent,
    );
    expect(
      tester
          .widget<AvatarImageContent>(find.byType(AvatarImageContent))
          .imageUrl,
      posterUrl,
    );
  });
}

class _FakeProfileNotifier extends ProfileNotifier {
  _FakeProfileNotifier({this.avatarUrl});

  final String? avatarUrl;

  @override
  Future<UserProfile?> build() async =>
      UserProfile(pubkey: 'aabb', displayName: 'Test', avatarUrl: avatarUrl);
}

class _FakePresenceNotifier extends PresenceNotifier {
  _FakePresenceNotifier(this._presence);

  final String _presence;

  @override
  Future<String> build() async => _presence;
}