ReelShort/test/home/home_grid_layout_test.dart

// Author: fruit.com.cn

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:fruitshorts/app.dart';
import 'package:fruitshorts/core/data/models/content_category.dart';
import 'package:fruitshorts/core/data/models/drama.dart';
import 'package:fruitshorts/core/data/models/feed_page.dart';
import 'package:fruitshorts/core/data/models/home_feed.dart';
import 'package:fruitshorts/core/data/repositories/catalog_repository.dart';
import 'package:fruitshorts/core/data/repositories/favorite_repository.dart';
import 'package:fruitshorts/core/data/repositories/playback_repository.dart';
import 'package:fruitshorts/core/data/repositories/watch_history_repository.dart';
import 'package:fruitshorts/pages/player/player_view.dart';
import 'package:shared_preferences_platform_interface/in_memory_shared_preferences_async.dart';
import 'package:shared_preferences_platform_interface/shared_preferences_async_platform_interface.dart';

import '../support/fake_category.dart';
import '../support/fake_haptics.dart';
import '../support/fake_interaction_repositories.dart';
import '../support/widget_player.dart';

const _categories = [
  ContentCategory(id: 'costume', name: '古装'),
  ContentCategory(id: 'community', name: '社群'),
  ContentCategory(id: 'uplifting', name: '爽剧'),
  ContentCategory(id: 'sweet', name: '甜宠'),
  ContentCategory(id: 'face-slap', name: '打脸虐渣'),
  ContentCategory(id: 'angst', name: '虐恋'),
];

void main() {
  setUp(() {
    SharedPreferencesAsyncPlatform.instance =
        InMemorySharedPreferencesAsync.empty();
  });

  testWidgets('should_render_primary_sections_and_secondary_tags_in_order', (
    tester,
  ) async {
    final repository = _PagedCatalogRepository();
    await _pumpApp(tester, repository);

    final sectionKeys = [
      const Key('home-section-featured'),
      const Key('home-section-new'),
      const Key('home-section-categories'),
      const Key('home-section-ranking'),
      const Key('home-section-category-古装'),
      const Key('home-section-category-社群'),
    ];
    final sectionCenters = sectionKeys
        .map((key) => tester.getCenter(find.byKey(key)).dx)
        .toList();
    expect(sectionCenters, orderedEquals(sectionCenters.toList()..sort()));

    final tagKeys = [
      const Key('home-tag-hot'),
      const Key('home-tag-uplifting'),
      const Key('home-tag-sweet'),
      const Key('home-tag-faceSlap'),
      const Key('home-tag-angst'),
    ];
    final tagCenters = tagKeys
        .map((key) => tester.getCenter(find.byKey(key)).dx)
        .toList();
    expect(tagCenters, orderedEquals(tagCenters.toList()..sort()));
    expect(find.text('Featured'), findsOneWidget);
    expect(find.text('New'), findsOneWidget);
    expect(find.text('Categories'), findsOneWidget);
    expect(find.text('Charts'), findsOneWidget);
    expect(find.text('Costume'), findsOneWidget);
    expect(find.text('Community'), findsOneWidget);
  });

  testWidgets('should_hide_unmatched_content_sections', (tester) async {
    final repository = _PagedCatalogRepository();
    await _pumpApp(
      tester,
      repository,
      categories: const [ContentCategory(id: 'romance', name: 'Romance')],
    );

    expect(find.byKey(const Key('home-section-category-古装')), findsNothing);
    expect(find.byKey(const Key('home-section-category-社群')), findsNothing);
    expect(find.byKey(const Key('home-tag-uplifting')), findsNothing);
  });

  testWidgets('should_open_existing_pages_from_home_sections', (tester) async {
    final repository = _PagedCatalogRepository();
    await _pumpApp(tester, repository);

    await tester.tap(find.byKey(const Key('home-section-new')));
    await tester.pumpAndSettle();
    expect(find.byKey(const Key('new-releases-page')), findsOneWidget);
    await tester.pageBack();
    await tester.pumpAndSettle();

    await tester.ensureVisible(find.byKey(const Key('home-section-ranking')));
    await tester.tap(find.byKey(const Key('home-section-ranking')));
    await tester.pumpAndSettle();
    expect(find.byKey(const Key('ranking-page')), findsOneWidget);
    await tester.pageBack();
    await tester.pumpAndSettle();

    await tester.ensureVisible(
      find.byKey(const Key('home-section-categories')),
    );
    await tester.tap(find.byKey(const Key('home-section-categories')));
    await tester.pumpAndSettle();
    expect(find.byKey(const Key('filter-page')), findsOneWidget);
  });

  testWidgets('should_load_next_page_without_expanding_page_size', (
    tester,
  ) async {
    final repository = _PagedCatalogRepository();
    await _pumpApp(tester, repository);

    expect(find.byKey(const Key('home-feed-card-page1-0')), findsOneWidget);
    await tester.drag(
      find.byKey(const Key('home-grid-scroll')),
      const Offset(0, -1200),
    );
    await tester.pumpAndSettle();
    expect(repository.cursors, contains('page1'));
    expect(repository.requestedSizes.every((size) => size <= 20), isTrue);

    await tester.scrollUntilVisible(
      find.byKey(const Key('home-feed-card-page2-1')),
      260,
      scrollable: find
          .descendant(
            of: find.byKey(const Key('home-grid-refresh')),
            matching: find.byType(Scrollable),
          )
          .first,
    );
    expect(find.byKey(const Key('home-feed-card-page2-1')), findsOneWidget);
  });

  testWidgets('should_open_player_when_grid_card_is_tapped', (tester) async {
    final repository = _PagedCatalogRepository();
    await _pumpApp(tester, repository);

    await tester.tap(find.byKey(const Key('home-feed-card-page1-0')));
    await tester.pumpAndSettle();

    final player = tester.widget<PlayerPage>(find.byType(PlayerPage).last);
    expect(player.homeMode, isFalse);
  });
}

Future<void> _pumpApp(
  WidgetTester tester,
  _PagedCatalogRepository repository, {
  List<ContentCategory> categories = _categories,
}) async {
  tester.view.physicalSize = const Size(390, 844);
  tester.view.devicePixelRatio = 1;
  addTearDown(tester.view.resetPhysicalSize);
  addTearDown(tester.view.resetDevicePixelRatio);
  await tester.pumpWidget(
    LumaDramaApp(
      playerFactory: createWidgetPlayer,
      catalogRepository: repository,
      categoryRepository: FakeCategoryRepository(
        catalog: repository,
        categories: categories,
      ),
      watchHistoryRepository: InMemoryWatchHistoryRepository(),
      favoriteRepository: InMemoryFavoriteRepository(
        cards: repository.allDramas,
      ),
      playbackRepository: FakePlaybackRepository(),
      commentRepository: FakeCommentRepository(),
      interactionRepository: FakeInteractionRepository(),
      haptics: FakeHaptics(),
    ),
  );
  await tester.pumpAndSettle();
}

class _PagedCatalogRepository implements CatalogRepository {
  _PagedCatalogRepository()
    : pageOne = List.generate(10, (index) => _drama('page1-$index')),
      pageTwo = List.generate(2, (index) => _drama('page2-$index'));

  final List<Drama> pageOne;
  final List<Drama> pageTwo;
  final List<String?> cursors = [];
  final List<int> requestedSizes = [];

  List<Drama> get allDramas => [...pageOne, ...pageTwo];

  @override
  Future<HomeFeed> fetchHomeFeed() async => _feed(pageOne);

  @override
  Future<HomeFeed> fetchDiscoverFeed() async => _feed(pageOne);

  @override
  Future<FeedPage> fetchFeed({
    List<String> types = const [],
    String? categoryId,
    String? cursor,
    int size = 10,
  }) async {
    requestedSizes.add(size);
    if (types.isNotEmpty) {
      return const FeedPage(dramas: []);
    }
    cursors.add(cursor);
    if (cursor == 'page1') {
      return FeedPage(dramas: pageTwo, hasMore: false);
    }
    return FeedPage(dramas: pageOne, nextCursor: 'page1', hasMore: true);
  }

  @override
  Future<Drama> fetchDrama(String dramaId) async {
    return allDramas.firstWhere((drama) => drama.id == dramaId);
  }

  HomeFeed _feed(List<Drama> dramas) {
    return HomeFeed(
      sections: [FeedSection(code: 'hot', title: 'Hot', dramas: dramas)],
    );
  }
}

Drama _drama(String id) {
  return Drama(
    id: id,
    title: 'Grid Drama $id',
    synopsis: 'synopsis',
    posterUrl: '',
    genre: 'Romance',
    category: 'Urban',
    viewCount: 200000,
    detailLoaded: true,
    episodes: [
      Episode(
        id: '$id-1',
        number: 1,
        title: 'Episode 1',
        isFree: true,
        videoUrl: 'https://example.test/$id.mp4',
      ),
    ],
  );
}