89d06450e1
* FadeInImage: shows a placeholder while loading then fades in * fix dartdoc quotes * license headers; imports * use ImageProvider; docs; constructors * _resolveImage when placeholder changes * address comments * docs re ImageProvider changes; unsubscribe from placeholder * rebase * address comments
85 lines
3.5 KiB
Dart
85 lines
3.5 KiB
Dart
// 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 '../services/image_test_utils.dart';
|
|
|
|
Future<Null> main() async {
|
|
// These must run outside test zone to complete
|
|
final ui.Image targetImage = await createTestImage();
|
|
final ui.Image placeholderImage = 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 = new TestImageProvider(placeholderImage);
|
|
|
|
// Test case: long loading image
|
|
final TestImageProvider imageProvider = new TestImageProvider(targetImage);
|
|
|
|
await tester.pumpWidget(new 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(new 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(new Container()); // clear widget tree to prevent state reuse
|
|
await tester.pumpWidget(new 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));
|
|
});
|
|
});
|
|
}
|