buzz/mobile/test/shared/widgets/message_author_meta_test.dart

import 'package:buzz/shared/theme/theme.dart';
import 'package:buzz/shared/widgets/message_author_meta.dart';
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('keeps the separator and timestamp next to a short name', (
    tester,
  ) async {
    const displayNameKey = Key('author-display-name');
    const timestampKey = Key('author-timestamp');

    await tester.pumpWidget(
      MaterialApp(
        theme: AppTheme.light(),
        home: const Scaffold(
          body: SizedBox(
            width: 300,
            child: MessageAuthorMeta(
              displayName: 'Alice',
              timestamp: '2m',
              displayNameKey: displayNameKey,
              timestampKey: timestampKey,
              nameColor: Colors.black,
              metadataColor: Colors.grey,
            ),
          ),
        ),
      ),
    );
    await tester.pumpAndSettle();

    final displayNameRect = tester.getRect(find.byKey(displayNameKey));
    final separatorRect = tester.getRect(find.text('·'));
    final timestampRect = tester.getRect(find.byKey(timestampKey));

    expect(separatorRect.left - displayNameRect.right, Grid.half);
    expect(timestampRect.left - separatorRect.right, Grid.half);
    expect(tester.takeException(), isNull);
  });

  testWidgets('reallocates unused metadata width to the display name', (
    tester,
  ) async {
    const displayNameKey = Key('author-display-name');
    const timestampKey = Key('author-timestamp');

    await tester.pumpWidget(
      MaterialApp(
        theme: AppTheme.light(),
        home: const Scaffold(
          body: SizedBox(
            width: 300,
            child: MessageAuthorMeta(
              displayName: 'A display name that needs the available width',
              username: 'al',
              timestamp: '2m',
              displayNameKey: displayNameKey,
              timestampKey: timestampKey,
              nameColor: Colors.black,
              metadataColor: Colors.grey,
            ),
          ),
        ),
      ),
    );
    await tester.pumpAndSettle();

    final row = find.byType(MessageAuthorMeta);
    final displayName = find.byKey(displayNameKey);
    final timestamp = find.byKey(timestampKey);

    expect(
      tester.getSize(displayName).width,
      greaterThan(tester.getSize(row).width / 2),
    );
    expect(
      tester.getTopRight(timestamp).dx,
      closeTo(tester.getTopRight(row).dx, 0.01),
    );
    expect(tester.takeException(), isNull);
  });

  testWidgets('constrains long metadata at large accessible text sizes', (
    tester,
  ) async {
    const timestampKey = Key('author-timestamp');

    await tester.pumpWidget(
      MaterialApp(
        theme: AppTheme.light(),
        home: const MediaQuery(
          data: MediaQueryData(textScaler: TextScaler.linear(2)),
          child: Scaffold(
            body: SizedBox(
              width: 220,
              child: MessageAuthorMeta(
                displayName: 'A very long display name',
                username: 'a-very-long-username',
                timestamp: 'Mar 15, 2025',
                timestampKey: timestampKey,
                nameColor: Colors.black,
                metadataColor: Colors.grey,
              ),
            ),
          ),
        ),
      ),
    );
    await tester.pumpAndSettle();

    final timestamp = tester.widget<Text>(find.byKey(timestampKey));
    expect(timestamp.maxLines, 1);
    expect(timestamp.overflow, TextOverflow.ellipsis);
    expect(tester.takeException(), isNull);
  });
}