340 lines
12 KiB
Dart
340 lines
12 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
// This file is run as part of a reduced test set in CI on Mac and Windows
|
|
// machines.
|
|
@Tags(<String>['reduced-test-set'])
|
|
library;
|
|
|
|
import 'dart:typed_data';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import '../image_data.dart';
|
|
import '../painting/mocks_for_image_cache.dart';
|
|
|
|
void main() {
|
|
testWidgets('CircleAvatar with dark background color', (WidgetTester tester) async {
|
|
final Color backgroundColor = Colors.blue.shade900;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(backgroundColor: backgroundColor, radius: 50.0, child: const Text('Z')),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(backgroundColor));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(ThemeData.fallback().primaryColorLight));
|
|
});
|
|
|
|
testWidgets('CircleAvatar with light background color', (WidgetTester tester) async {
|
|
final Color backgroundColor = Colors.blue.shade100;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(backgroundColor: backgroundColor, radius: 50.0, child: const Text('Z')),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(backgroundColor));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(ThemeData.fallback().primaryColorDark));
|
|
});
|
|
|
|
testWidgets('CircleAvatar with image background', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(
|
|
backgroundImage: MemoryImage(Uint8List.fromList(kTransparentImage)),
|
|
radius: 50.0,
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.image!.fit, equals(BoxFit.cover));
|
|
});
|
|
|
|
testWidgets('CircleAvatar with image foreground', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(
|
|
foregroundImage: MemoryImage(Uint8List.fromList(kBlueRectPng)),
|
|
radius: 50.0,
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.image!.fit, equals(BoxFit.cover));
|
|
});
|
|
|
|
testWidgets('CircleAvatar backgroundImage is used as a fallback for foregroundImage', (
|
|
WidgetTester tester,
|
|
) async {
|
|
addTearDown(imageCache.clear);
|
|
final errorImage = ErrorImageProvider();
|
|
var caughtForegroundImageError = false;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: RepaintBoundary(
|
|
child: CircleAvatar(
|
|
foregroundImage: errorImage,
|
|
backgroundImage: MemoryImage(Uint8List.fromList(kBlueRectPng)),
|
|
radius: 50.0,
|
|
onForegroundImageError: (_, _) => caughtForegroundImageError = true,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(caughtForegroundImageError, true);
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.image!.fit, equals(BoxFit.cover));
|
|
await expectLater(find.byType(CircleAvatar), matchesGoldenFile('circle_avatar.fallback.png'));
|
|
});
|
|
|
|
testWidgets('CircleAvatar with foreground color', (WidgetTester tester) async {
|
|
final Color foregroundColor = Colors.red.shade100;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(foregroundColor: foregroundColor, child: const Text('Z')),
|
|
),
|
|
);
|
|
|
|
final fallback = ThemeData.fallback();
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(40.0, 40.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(fallback.primaryColorDark));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(foregroundColor));
|
|
});
|
|
|
|
testWidgets('Material3 - CircleAvatar default colors', (WidgetTester tester) async {
|
|
final theme = ThemeData();
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: Theme(
|
|
data: theme,
|
|
child: const CircleAvatar(child: Text('Z')),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(theme.colorScheme.primaryContainer));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(theme.colorScheme.onPrimaryContainer));
|
|
});
|
|
|
|
testWidgets('CircleAvatar text does not expand with textScaler', (WidgetTester tester) async {
|
|
final Color foregroundColor = Colors.red.shade100;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(foregroundColor: foregroundColor, child: const Text('Z')),
|
|
),
|
|
);
|
|
|
|
expect(tester.getSize(find.text('Z')), equals(const Size(16.0, 16.0)));
|
|
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: MediaQuery(
|
|
data: const MediaQueryData(
|
|
textScaler: TextScaler.linear(2.0),
|
|
size: Size(111.0, 111.0),
|
|
devicePixelRatio: 1.1,
|
|
padding: EdgeInsets.all(11.0),
|
|
),
|
|
child: CircleAvatar(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
final MediaQueryData data = MediaQuery.of(context);
|
|
|
|
// These should not change.
|
|
expect(data.size, equals(const Size(111.0, 111.0)));
|
|
expect(data.devicePixelRatio, equals(1.1));
|
|
expect(data.padding, equals(const EdgeInsets.all(11.0)));
|
|
|
|
// This should be overridden to 1.0.
|
|
expect(data.textScaler, TextScaler.noScaling);
|
|
return const Text('Z');
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
expect(tester.getSize(find.text('Z')), equals(const Size(16.0, 16.0)));
|
|
});
|
|
|
|
testWidgets('CircleAvatar respects minRadius', (WidgetTester tester) async {
|
|
final Color backgroundColor = Colors.blue.shade900;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: UnconstrainedBox(
|
|
child: CircleAvatar(
|
|
backgroundColor: backgroundColor,
|
|
minRadius: 50.0,
|
|
child: const Text('Z'),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(backgroundColor));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(ThemeData.fallback().primaryColorLight));
|
|
});
|
|
|
|
testWidgets('CircleAvatar respects maxRadius', (WidgetTester tester) async {
|
|
final Color backgroundColor = Colors.blue.shade900;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(
|
|
backgroundColor: backgroundColor,
|
|
maxRadius: 50.0,
|
|
child: const Text('Z'),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(backgroundColor));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(ThemeData.fallback().primaryColorLight));
|
|
});
|
|
|
|
testWidgets('CircleAvatar respects setting both minRadius and maxRadius', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final Color backgroundColor = Colors.blue.shade900;
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: CircleAvatar(
|
|
backgroundColor: backgroundColor,
|
|
maxRadius: 50.0,
|
|
minRadius: 50.0,
|
|
child: const Text('Z'),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
expect(box.size, equals(const Size(100.0, 100.0)));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(backgroundColor));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(ThemeData.fallback().primaryColorLight));
|
|
});
|
|
|
|
group('Material 2', () {
|
|
// These tests are only relevant for Material 2. Once Material 2
|
|
// support is deprecated and the APIs are removed, these tests
|
|
// can be deleted.
|
|
|
|
testWidgets('Material2 - CircleAvatar default colors with light theme', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final theme = ThemeData(useMaterial3: false, primaryColor: Colors.grey.shade100);
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: Theme(
|
|
data: theme,
|
|
child: const CircleAvatar(child: Text('Z')),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(theme.primaryColorLight));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(theme.primaryTextTheme.titleLarge!.color));
|
|
});
|
|
|
|
testWidgets('Material2 - CircleAvatar default colors with dark theme', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final theme = ThemeData(useMaterial3: false, primaryColor: Colors.grey.shade800);
|
|
await tester.pumpWidget(
|
|
wrap(
|
|
child: Theme(
|
|
data: theme,
|
|
child: const CircleAvatar(child: Text('Z')),
|
|
),
|
|
),
|
|
);
|
|
|
|
final RenderConstrainedBox box = tester.renderObject(find.byType(CircleAvatar));
|
|
final child = box.child! as RenderDecoratedBox;
|
|
final decoration = child.decoration as BoxDecoration;
|
|
expect(decoration.color, equals(theme.primaryColorDark));
|
|
|
|
final RenderParagraph paragraph = tester.renderObject(find.text('Z'));
|
|
expect(paragraph.text.style!.color, equals(theme.primaryTextTheme.titleLarge!.color));
|
|
});
|
|
});
|
|
|
|
testWidgets('CircleAvatar renders at zero area', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const MaterialApp(
|
|
home: SizedBox.shrink(child: CircleAvatar(child: Text('X'))),
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget wrap({required Widget child}) {
|
|
return Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: MediaQuery(
|
|
data: const MediaQueryData(),
|
|
child: MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: Center(child: child),
|
|
),
|
|
),
|
|
);
|
|
}
|