fix(motion): pause loading effects when hidden or motion is reduced

2026-09-29 12:52:13 +02:00 · 2026-09-28 11:58:50 +07:00
parent 987245de71
commit c5a262b865
4 changed files with 119 additions and 18 deletions
@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:material_3_expressive/material_3_expressive.dart';
+import 'package:spotiflac_android/theme/app_theme.dart';
+import 'package:spotiflac_android/widgets/animation_utils.dart';
+import 'package:spotiflac_android/widgets/app_loading_indicator.dart';
+
+void main() {
+  for (final reduced in [false, true]) {
+    testWidgets(
+      'loading stops when ${reduced ? 'motion is reduced' : 'its tab is hidden'} and resumes',
+      (tester) async {
+        var stopped = false;
+        late StateSetter update;
+        await tester.pumpWidget(
+          MaterialApp(
+            theme: AppTheme.light(),
+            home: StatefulBuilder(
+              builder: (context, setState) {
+                update = setState;
+                return MediaQuery(
+                  data: MediaQuery.of(
+                    context,
+                  ).copyWith(disableAnimations: reduced && stopped),
+                  child: TickerMode(
+                    enabled: reduced || !stopped,
+                    child: const Column(
+                      children: [
+                        AppLoadingIndicator(semanticLabel: 'Loading'),
+                        ShimmerLoading(
+                          child: SkeletonBox(width: 100, height: 40),
+                        ),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
+          ),
+        );
+        await tester.pump(const Duration(milliseconds: 100));
+        expect(tester.binding.hasScheduledFrame, isTrue);
+        update(() => stopped = true);
+        await tester.pump();
+        await tester.pump(const Duration(seconds: 2));
+        expect(tester.binding.hasScheduledFrame, isFalse);
+        expect(find.byType(M3ELoadingIndicator), findsOneWidget);
+        if (reduced) expect(find.byType(ShaderMask), findsNothing);
+        update(() => stopped = false);
+        await tester.pump();
+        await tester.pump(const Duration(milliseconds: 100));
+        expect(tester.binding.hasScheduledFrame, isTrue);
+        expect(find.byType(ShaderMask), findsOneWidget);
+        await tester.pumpWidget(const SizedBox.shrink());
+        expect(tester.takeException(), isNull);
+      },
+    );
+  }
+
+  testWidgets('reduced motion shows list content immediately', (tester) async {
+    await tester.pumpWidget(
+      const MaterialApp(
+        home: MediaQuery(
+          data: MediaQueryData(disableAnimations: true),
+          child: StaggeredListItem(index: 8, child: Text('Album')),
+        ),
+      ),
+    );
+    expect(find.text('Album').hitTestable(), findsOneWidget);
+    expect(find.byType(TweenAnimationBuilder<double>), findsNothing);
+    await tester.pump(const Duration(seconds: 1));
+    expect(tester.binding.hasScheduledFrame, isFalse);
+  });
+}