| // Copyright 2017 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'dart:async'; |
| import 'dart:ui' as ui; |
| |
| import 'package:flutter/widgets.dart'; |
| import 'package:flutter_test/flutter_test.dart'; |
| import '../painting/image_test_utils.dart'; |
| |
| Future<void> main() async { |
| // These must run outside test zone to complete |
| final ui.Image targetImage = await createTestImage(); |
| final ui.Image placeholderImage = await createTestImage(); |
| final ui.Image secondPlaceholderImage = await createTestImage(); |
| |
| group('FadeInImage', () { |
| testWidgets('animates uncached image and shows cached image immediately', (WidgetTester tester) async { |
| // State type is private, hence using dynamic. |
| dynamic state() => tester.state(find.byType(FadeInImage)); |
| |
| RawImage displayedImage() => tester.widget(find.byType(RawImage)); |
| |
| // The placeholder is expected to be already loaded |
| final TestImageProvider placeholderProvider = TestImageProvider(placeholderImage); |
| |
| // Test case: long loading image |
| final TestImageProvider imageProvider = TestImageProvider(targetImage); |
| |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| fadeOutDuration: const Duration(milliseconds: 50), |
| fadeInDuration: const Duration(milliseconds: 50), |
| )); |
| |
| expect(displayedImage().image, null); // image providers haven't completed yet |
| placeholderProvider.complete(); |
| await tester.pump(); |
| |
| expect(displayedImage().image, same(placeholderImage)); // placeholder completed |
| expect(state().phase, FadeInImagePhase.waiting); |
| |
| imageProvider.complete(); // load the image |
| expect(state().phase, FadeInImagePhase.fadeOut); // fade out placeholder |
| for (int i = 0; i < 7; i += 1) { |
| expect(displayedImage().image, same(placeholderImage)); |
| await tester.pump(const Duration(milliseconds: 10)); |
| } |
| expect(displayedImage().image, same(targetImage)); |
| expect(state().phase, FadeInImagePhase.fadeIn); // fade in image |
| for (int i = 0; i < 6; i += 1) { |
| expect(displayedImage().image, same(targetImage)); |
| await tester.pump(const Duration(milliseconds: 10)); |
| } |
| expect(state().phase, FadeInImagePhase.completed); // done |
| expect(displayedImage().image, same(targetImage)); |
| |
| // Test case: re-use state object (didUpdateWidget) |
| final dynamic stateBeforeDidUpdateWidget = state(); |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| )); |
| final dynamic stateAfterDidUpdateWidget = state(); |
| expect(stateAfterDidUpdateWidget, same(stateBeforeDidUpdateWidget)); |
| expect(stateAfterDidUpdateWidget.phase, FadeInImagePhase.completed); // completes immediately |
| expect(displayedImage().image, same(targetImage)); |
| |
| // Test case: new state object but cached image |
| final dynamic stateBeforeRecreate = state(); |
| await tester.pumpWidget(Container()); // clear widget tree to prevent state reuse |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| )); |
| expect(displayedImage().image, same(targetImage)); |
| final dynamic stateAfterRecreate = state(); |
| expect(stateAfterRecreate, isNot(same(stateBeforeRecreate))); |
| expect(stateAfterRecreate.phase, FadeInImagePhase.completed); // completes immediately |
| expect(displayedImage().image, same(targetImage)); |
| }); |
| |
| testWidgets('handles a updating the placeholder image', (WidgetTester tester) async { |
| RawImage displayedImage() => tester.widget(find.byType(RawImage)); |
| |
| // The placeholder is expected to be already loaded |
| final TestImageProvider placeholderProvider = TestImageProvider(placeholderImage); |
| final TestImageProvider secondPlaceholderProvider = TestImageProvider(secondPlaceholderImage); |
| |
| // Test case: long loading image |
| final TestImageProvider imageProvider = TestImageProvider(targetImage); |
| |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| fadeOutDuration: const Duration(milliseconds: 50), |
| fadeInDuration: const Duration(milliseconds: 50), |
| )); |
| placeholderProvider.complete(); |
| await tester.pump(); |
| |
| expect(displayedImage().image, same(placeholderImage)); // placeholder completed |
| expect(displayedImage().image, isNot(same(secondPlaceholderImage))); |
| |
| await tester.pumpWidget(FadeInImage( |
| placeholder: secondPlaceholderProvider, |
| image: imageProvider, |
| fadeOutDuration: const Duration(milliseconds: 50), |
| fadeInDuration: const Duration(milliseconds: 50), |
| )); |
| secondPlaceholderProvider.complete(); |
| await tester.pump(); |
| |
| expect(displayedImage().image, isNot(same(placeholderImage))); // placeholder replaced |
| expect(displayedImage().image, same(secondPlaceholderImage)); |
| }); |
| |
| group('semanticLabel', () { |
| |
| const String placeholderSemanticText = 'Test placeholder semantic label'; |
| const String imageSemanticText = 'Test image semantic label'; |
| const Duration animationDuration = Duration(milliseconds: 50); |
| |
| testWidgets('assigned correctly according to placeholder or image', (WidgetTester tester) async { |
| // The semantics widget that is created |
| Semantics displayedWidget() => tester.widget(find.byType(Semantics)); |
| // The placeholder is expected to be already loaded |
| final TestImageProvider placeholderProvider = TestImageProvider(placeholderImage); |
| // The image which takes long to load |
| final TestImageProvider imageProvider = TestImageProvider(targetImage); |
| // Test case: Image and Placeholder semantic texts are provided. |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| fadeOutDuration: animationDuration, |
| fadeInDuration: animationDuration, |
| imageSemanticLabel: imageSemanticText, |
| placeholderSemanticLabel: placeholderSemanticText, |
| )); |
| |
| placeholderProvider.complete(); // load the placeholder |
| await tester.pump(); |
| expect(displayedWidget().properties.label, same(placeholderSemanticText)); |
| |
| imageProvider.complete(); // load the image |
| for (int i = 0; i < 10; i += 1) { |
| await tester.pump(const Duration(milliseconds: 10)); // do the fadeout and fade in |
| } |
| expect(displayedWidget().properties.label, same(imageSemanticText)); |
| }); |
| |
| testWidgets('assigned correctly with only one semantics text', (WidgetTester tester) async { |
| // The semantics widget that is created |
| Semantics displayedWidget() => tester.widget(find.byType(Semantics)); |
| // The placeholder is expected to be already loaded |
| final TestImageProvider placeholderProvider = TestImageProvider(placeholderImage); |
| // The image which takes long to load |
| final TestImageProvider imageProvider = TestImageProvider(targetImage); |
| // Test case: Placeholder semantic text provided. |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| fadeOutDuration: animationDuration, |
| fadeInDuration: animationDuration, |
| placeholderSemanticLabel: placeholderSemanticText, |
| )); |
| |
| placeholderProvider.complete(); // load the placeholder |
| await tester.pump(); |
| expect(displayedWidget().properties.label, same(placeholderSemanticText)); |
| |
| imageProvider.complete(); // load the image |
| for (int i = 0; i < 10; i += 1) { |
| await tester.pump(const Duration(milliseconds: 10)); // do the fadeout and fade in |
| } |
| expect(displayedWidget().properties.label, same('')); |
| }); |
| |
| testWidgets('assigned correctly without any semantics text', (WidgetTester tester) async { |
| // The semantics widget that is created |
| Semantics displayedWidget() => tester.widget(find.byType(Semantics)); |
| // The placeholder is expected to be already loaded |
| final TestImageProvider placeholderProvider = TestImageProvider(placeholderImage); |
| // The image which takes long to load |
| final TestImageProvider imageProvider = TestImageProvider(targetImage); |
| // Test case: No semantic text provided. |
| await tester.pumpWidget(FadeInImage( |
| placeholder: placeholderProvider, |
| image: imageProvider, |
| fadeOutDuration: animationDuration, |
| fadeInDuration: animationDuration, |
| )); |
| |
| placeholderProvider.complete(); // load the placeholder |
| await tester.pump(); |
| expect(displayedWidget().properties.label, same('')); |
| |
| imageProvider.complete(); // load the image |
| for (int i = 0; i < 10; i += 1) { |
| await tester.pump(const Duration(milliseconds: 10)); // do the fadeout and fade in |
| } |
| expect(displayedWidget().properties.label, same('')); |
| }); |
| }); |
| }); |
| } |