Files
ReelShort/test/discover/home_all_dramas_grid_test.dart
T

648 lines
20 KiB
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/category_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/core/theme/app_colors.dart';
import 'package:fruitshorts/core/widgets/app_pull_to_refresh.dart';
import 'package:fruitshorts/pages/discover/discover_view.dart';
import 'package:fruitshorts/pages/discover/widgets/discover_category_tab.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_catalog.dart';
import '../support/fake_interaction_repositories.dart';
import '../support/fake_notice_repository.dart';
import '../support/widget_player.dart';
void main() {
setUp(() {
SharedPreferencesAsyncPlatform.instance =
InMemorySharedPreferencesAsync.empty();
});
testWidgets('should_show_search_category_language_chips_and_drama_grid', (
tester,
) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
expect(find.text('Continue Watching'), findsNothing);
expect(find.byKey(const Key('discover-search')), findsOneWidget);
expect(find.byKey(const Key('theater-category-chips')), findsOneWidget);
expect(find.byKey(const Key('theater-language-chips')), findsNothing);
expect(find.byKey(const Key('home-all-dramas-grid')), findsOneWidget);
expect(find.byKey(const Key('discover-profile')), findsNothing);
for (final tool in ['filter', 'ranking', 'new', 'reserve']) {
expect(find.byKey(Key('theater-toolbar-$tool')), findsOneWidget);
}
expect(
find.byKey(const Key('drama-heat-city-lights-demo')),
findsOneWidget,
);
expect(
find.byKey(const Key('drama-tag-chip-city-lights-demo-0')),
findsOneWidget,
);
expect(find.byKey(const Key('drama-tag-city-lights-demo')), findsNothing);
expect(tester.takeException(), isNull);
});
testWidgets('should_open_filter_page_from_theater_toolbar', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
await tester.tap(find.byKey(const Key('theater-toolbar-filter')));
await tester.pumpAndSettle();
expect(find.byKey(const Key('filter-page')), findsOneWidget);
expect(find.byKey(const Key('filter-groups')), findsOneWidget);
await tester.tap(find.byKey(const Key('filter-back')));
await tester.pumpAndSettle();
expect(find.byKey(const Key('filter-page')), findsNothing);
expect(find.byKey(const Key('discover-search')), findsOneWidget);
});
testWidgets('should_filter_grid_when_category_chip_is_tapped', (
tester,
) async {
final catalog = _CategoryTheaterCatalog();
await _pumpTheater(
tester,
catalogRepository: catalog,
categoryRepository: _GridCategoryRepository(),
);
await tester.tap(find.byKey(const Key('theater-category-7')));
await tester.pumpAndSettle();
expect(
catalog.requestedCategoryIds.where((categoryId) => categoryId == '7'),
hasLength(1),
);
expect(
find.byKey(const Key('home-drama-card-city-lights-demo')),
findsOneWidget,
);
expect(
find.byKey(const Key('home-drama-card-the-signal-demo')),
findsNothing,
);
});
testWidgets('should_keep_discover_header_fixed_when_content_scrolls', (
tester,
) async {
await _pumpTheater(
tester,
catalogRepository: _SinglePageTheaterCatalog(
dramas: _tallDiscoverFeed.dramas,
),
categoryRepository: _GridCategoryRepository(
discoverFeed: _tallDiscoverFeed,
),
);
final headerBefore = tester.getTopLeft(
find.byKey(const Key('discover-search')),
);
final scrollable = find.descendant(
of: find.byKey(const Key('discover-refresh')),
matching: find.byType(Scrollable),
);
await tester.drag(_verticalFeed, const Offset(0, -140));
await tester.pumpAndSettle();
expect(
tester.getTopLeft(find.byKey(const Key('discover-search'))),
headerBefore,
);
expect(
tester.state<ScrollableState>(scrollable).position.pixels,
greaterThan(0),
);
});
testWidgets('should_show_empty_and_retry_states', (tester) async {
await _pumpTheater(
tester,
catalogRepository: _SinglePageTheaterCatalog(dramas: const []),
categoryRepository: _GridCategoryRepository(
discoverFeed: const HomeFeed(),
),
);
expect(find.byKey(const Key('discover-empty')), findsOneWidget);
await tester.pumpWidget(const SizedBox.shrink());
await _pumpTheater(
tester,
categoryRepository: _FailingCategoryRepository(),
);
expect(find.byKey(const Key('home-categories-error')), findsOneWidget);
expect(find.text('Retry'), findsOneWidget);
expect(find.byKey(const Key('catalog-debug-endpoint')), findsOneWidget);
expect(find.byKey(const Key('catalog-debug-error')), findsOneWidget);
expect(
find.byKey(const Key('catalog-debug-endpoint-edit')),
findsOneWidget,
);
expect(find.textContaining('discover feed unavailable'), findsOneWidget);
});
testWidgets('should_show_retry_when_theater_feed_fails', (tester) async {
await _pumpTheater(
tester,
catalogRepository: _FailingTheaterCatalog(),
categoryRepository: _GridCategoryRepository(),
);
expect(find.byKey(const Key('home-categories-error')), findsOneWidget);
expect(find.text('Retry'), findsOneWidget);
expect(find.textContaining('theater feed unavailable'), findsWidgets);
});
testWidgets('should_show_search_results_when_text_changes', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
await tester.enterText(find.byKey(const Key('discover-search')), 'velvet');
await tester.pump(const Duration(milliseconds: 400));
await tester.pumpAndSettle();
expect(
find.byKey(const Key('home-drama-card-city-lights-demo')),
findsOneWidget,
);
expect(
find.byKey(const Key('home-drama-card-the-signal-demo')),
findsNothing,
);
});
testWidgets('should_refresh_feed_when_pulled_down', (tester) async {
final counter = _CountingCategoryRepository(
_GridCategoryRepository(discoverFeed: _tallDiscoverFeed),
);
final theaterCounter = _CountingTheaterCatalog(
dramas: _tallDiscoverFeed.dramas,
);
await _pumpTheater(
tester,
catalogRepository: theaterCounter,
categoryRepository: counter,
);
final beforeCategories = counter.categoryLoads + counter.feedLoads;
final beforeTheater = theaterCounter.feedCalls;
await tester.drag(_verticalFeed, const Offset(0, 320));
await tester.pump();
await tester.pump(const Duration(seconds: 1));
await tester.pumpAndSettle();
expect(
counter.categoryLoads + counter.feedLoads,
greaterThan(beforeCategories),
);
expect(theaterCounter.feedCalls, beforeTheater + 1);
expect(find.byType(RefreshProgressIndicator), findsNothing);
});
testWidgets('should_style_search_shell_and_focus_border', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
BoxDecoration shell() =>
tester
.widget<AnimatedContainer>(
find.byKey(const Key('discover-search-shell')),
)
.decoration!
as BoxDecoration;
expect(shell().borderRadius, BorderRadius.circular(12));
expect(shell().color, AppColors.card);
expect((shell().border! as Border).top.color, Colors.transparent);
expect(
tester.getSize(find.byKey(const Key('discover-search-shell'))).height,
44,
);
await tester.tap(find.byKey(const Key('discover-search')));
await tester.pump(const Duration(milliseconds: 200));
expect(shell().color, AppColors.card);
expect((shell().border! as Border).top.color, AppColors.blue);
});
testWidgets('should_pin_theater_filters_when_scrolling', (tester) async {
await _pumpTheater(
tester,
catalogRepository: _SinglePageTheaterCatalog(
dramas: _tallDiscoverFeed.dramas,
),
categoryRepository: _GridCategoryRepository(
discoverFeed: _tallDiscoverFeed,
),
);
BoxDecoration header() =>
tester
.widget<AnimatedContainer>(
find.byKey(const Key('theater-sticky-header')),
)
.decoration!
as BoxDecoration;
final before = tester.getRect(
find.byKey(const Key('theater-sticky-header')),
);
expect(header().color, AppColors.ink);
await tester.drag(_verticalFeed, const Offset(0, -220));
await tester.pumpAndSettle();
final after = tester.getRect(
find.byKey(const Key('theater-sticky-header')),
);
expect(after.top, closeTo(before.top, 0.5));
expect(header().color, AppColors.ink);
});
testWidgets('should_paint_theater_surface_with_ink', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
final surface = tester.widget<ColoredBox>(
find.byKey(const Key('theater-page-surface')),
);
expect(surface.color, AppColors.ink);
});
testWidgets('should_keep_category_row_stable_across_scrolls', (tester) async {
await _pumpTheater(
tester,
catalogRepository: _SinglePageTheaterCatalog(
dramas: _tallDiscoverFeed.dramas,
),
categoryRepository: _GridCategoryRepository(
discoverFeed: _tallDiscoverFeed,
),
);
double categoryTop() =>
tester.getRect(find.byKey(const Key('theater-category-chips'))).top;
final initial = categoryTop();
await tester.drag(_verticalFeed, const Offset(0, -120));
await tester.pumpAndSettle();
final once = categoryTop();
await tester.drag(_verticalFeed, const Offset(0, -120));
await tester.pumpAndSettle();
final twice = categoryTop();
await tester.drag(_verticalFeed, const Offset(0, 400));
await tester.pumpAndSettle();
final backToTop = categoryTop();
expect(once, closeTo(initial, 0.5));
expect(twice, closeTo(initial, 0.5));
expect(backToTop, closeTo(initial, 0.5));
});
testWidgets('should_keep_small_gap_between_category_and_toolbar', (
tester,
) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
final categoryBottom = tester
.getRect(find.byKey(const Key('theater-category-chips')))
.bottom;
final toolbarTop = tester
.getRect(find.byKey(const Key('theater-toolbar-filter')))
.top;
expect(toolbarTop - categoryBottom, inInclusiveRange(0, 6));
});
testWidgets('should_show_category_underline_for_selection', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
CategoryUnderlinePainter underline(String id) =>
tester
.widget<CustomPaint>(
find.byKey(Key('theater-category-underline-$id')),
)
.painter!
as CategoryUnderlinePainter;
expect(
tester
.widget<CustomPaint>(
find.byKey(const Key('theater-category-underline-all')),
)
.size,
const Size(20, 3),
);
expect(underline('all').color, AppColors.blue);
expect(underline('7').color, Colors.transparent);
await tester.tap(find.byKey(const Key('theater-category-7')));
await tester.pumpAndSettle();
expect(underline('all').color, Colors.transparent);
expect(underline('7').color, AppColors.blue);
});
testWidgets('should_scroll_offscreen_category_into_view_when_tapped', (
tester,
) async {
final categories = [
for (var index = 0; index < 12; index++)
ContentCategory(id: '$index', name: 'Long category $index'),
];
await _pumpTheater(
tester,
categoryRepository: _GridCategoryRepository(categories: categories),
);
final target = find.byKey(const Key('theater-category-11'));
expect(tester.getRect(target).right, greaterThan(390));
tester.widget<GestureDetector>(target).onTap!();
await tester.pump();
await tester.pumpAndSettle();
final rect = tester.getRect(target);
expect(rect.left, greaterThanOrEqualTo(0));
expect(rect.right, lessThanOrEqualTo(390));
});
testWidgets('should_use_text_pull_to_refresh', (tester) async {
await _pumpTheater(tester, categoryRepository: _GridCategoryRepository());
final refresh = tester.widget<AppPullToRefresh>(
find.byKey(const Key('discover-refresh')),
);
expect(refresh.edgeOffset, 52);
expect(
tester.widget<ListView>(_verticalFeed).physics,
AppPullToRefresh.physics,
);
await tester.drag(_verticalFeed, const Offset(0, 240));
await tester.pump();
expect(find.byKey(const Key('pull-refresh-indicator')), findsOneWidget);
expect(find.text('Refreshing…'), findsNothing);
await tester.pumpAndSettle();
});
}
final Finder _verticalFeed = find.byWidgetPredicate(
(widget) => widget is ListView && widget.scrollDirection == Axis.vertical,
);
Future<void> _pumpTheater(
WidgetTester tester, {
required CategoryRepository categoryRepository,
FakeCatalogRepository? catalogRepository,
}) async {
tester.view.physicalSize = const Size(390, 844);
tester.view.devicePixelRatio = 1;
addTearDown(tester.view.resetPhysicalSize);
addTearDown(tester.view.resetDevicePixelRatio);
final catalog = catalogRepository ?? FakeCatalogRepository();
await tester.pumpWidget(
LumaDramaApp(
playerFactory: createWidgetPlayer,
catalogRepository: catalog,
searchRepository: catalog,
categoryRepository: categoryRepository,
watchHistoryRepository: InMemoryWatchHistoryRepository(),
favoriteRepository: InMemoryFavoriteRepository(),
playbackRepository: FakePlaybackRepository(),
commentRepository: FakeCommentRepository(),
interactionRepository: FakeInteractionRepository(),
noticeRepository: FakeNoticeRepository(),
),
);
await tester.pumpAndSettle();
Navigator.of(tester.element(find.byKey(const Key('home-search-entry'))))
.push<void>(
MaterialPageRoute(builder: (_) => const DiscoverPage()),
);
await tester.pumpAndSettle();
}
class _GridCategoryRepository implements CategoryRepository {
_GridCategoryRepository({
HomeFeed? discoverFeed,
this.categories = const [ContentCategory(id: '7', name: 'Romance')],
}) : discoverFeed = discoverFeed ?? _defaultDiscoverFeed;
final HomeFeed discoverFeed;
final List<ContentCategory> categories;
@override
Future<List<ContentCategory>> fetchCategories() async => categories;
@override
Future<HomeFeed> fetchDiscoverFeed() async => discoverFeed;
}
class _FailingCategoryRepository implements CategoryRepository {
@override
Future<List<ContentCategory>> fetchCategories() async => const [
ContentCategory(id: '7', name: 'Romance'),
];
@override
Future<HomeFeed> fetchDiscoverFeed() async {
throw StateError('discover feed unavailable');
}
}
final _defaultDiscoverFeed = HomeFeed(
sections: [
FeedSection(code: 'hot', title: 'Hot', dramas: demoDramas),
FeedSection(
code: 'category-7',
title: 'Romance',
dramas: [
Drama(
id: 'city-lights-demo',
title: 'City Lights & Velvet Nights',
synopsis: 'City Lights & Velvet Nights synopsis',
posterUrl: '/files/city-lights-demo.png',
genre: 'Urban Romance',
detailLoaded: true,
),
],
),
],
);
final _tallDiscoverFeed = HomeFeed(
sections: [
FeedSection(
code: 'hot',
title: 'Hot',
dramas: [
for (var index = 0; index < 12; index++)
Drama(
id: 'tall-$index',
title: 'Tall Drama $index',
synopsis: 'Tall Drama $index synopsis',
posterUrl: '/files/tall-$index.png',
genre: 'Urban Romance',
detailLoaded: true,
),
],
),
],
);
class _CountingCategoryRepository implements CategoryRepository {
_CountingCategoryRepository(this.delegate);
final CategoryRepository delegate;
int categoryLoads = 0;
int feedLoads = 0;
@override
Future<List<ContentCategory>> fetchCategories() {
categoryLoads++;
return delegate.fetchCategories();
}
@override
Future<HomeFeed> fetchDiscoverFeed() {
feedLoads++;
return delegate.fetchDiscoverFeed();
}
}
class _TheaterOnlyCatalog extends FakeCatalogRepository {
_TheaterOnlyCatalog({super.dramas});
final FakeCatalogRepository _homeDelegate = FakeCatalogRepository();
@override
Future<HomeFeed> fetchHomeFeed() => _homeDelegate.fetchHomeFeed();
@override
Future<HomeFeed> fetchDiscoverFeed() => _homeDelegate.fetchDiscoverFeed();
@override
Future<FeedPage> fetchFeed({
List<String> types = const [],
String? categoryId,
String? cursor,
int size = 10,
}) {
return _homeDelegate.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
}
class _SinglePageTheaterCatalog extends _TheaterOnlyCatalog {
_SinglePageTheaterCatalog({required List<Drama> dramas})
: super(dramas: dramas);
@override
Future<FeedPage> fetchFeed({
List<String> types = const [],
String? categoryId,
String? cursor,
int size = 10,
}) async {
if (size != 20) {
return super.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
return FeedPage(dramas: dramas.take(size).toList());
}
}
class _CategoryTheaterCatalog extends _TheaterOnlyCatalog {
final List<String?> requestedCategoryIds = [];
@override
Future<FeedPage> fetchFeed({
List<String> types = const [],
String? categoryId,
String? cursor,
int size = 10,
}) async {
if (size != 20) {
return super.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
requestedCategoryIds.add(categoryId);
final rows = categoryId == '7'
? dramas.where((drama) => drama.id == 'city-lights-demo').toList()
: dramas;
return FeedPage(dramas: rows.take(size).toList());
}
}
class _CountingTheaterCatalog extends _TheaterOnlyCatalog {
_CountingTheaterCatalog({required List<Drama> dramas})
: super(dramas: dramas);
int feedCalls = 0;
@override
Future<FeedPage> fetchFeed({
List<String> types = const [],
String? categoryId,
String? cursor,
int size = 10,
}) {
if (size != 20) {
return super.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
feedCalls++;
return super.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
}
class _FailingTheaterCatalog extends _TheaterOnlyCatalog {
@override
Future<FeedPage> fetchFeed({
List<String> types = const [],
String? categoryId,
String? cursor,
int size = 10,
}) {
if (size == 20) {
return Future.error(StateError('theater feed unavailable'));
}
return super.fetchFeed(
types: types,
categoryId: categoryId,
cursor: cursor,
size: size,
);
}
}