304 lines
9.2 KiB
Dart
304 lines
9.2 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.
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import '../widgets/semantics_tester.dart';
|
|
|
|
void main() {
|
|
testWidgets('Material3 - Card defaults (Elevated card)', (WidgetTester tester) async {
|
|
final theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(body: Card()),
|
|
),
|
|
);
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 1.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surfaceContainerLow);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(
|
|
material.surfaceTintColor,
|
|
Colors.transparent,
|
|
); // Don't use surface tint. Toned surface container is used instead.
|
|
expect(
|
|
material.shape,
|
|
const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0))),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material3 - Card.filled defaults', (WidgetTester tester) async {
|
|
final theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(body: Card.filled()),
|
|
),
|
|
);
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 0.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surfaceContainerHighest);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(material.surfaceTintColor, Colors.transparent);
|
|
expect(
|
|
material.shape,
|
|
const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12.0))),
|
|
);
|
|
});
|
|
|
|
testWidgets('Material3 - Card.outlined defaults', (WidgetTester tester) async {
|
|
final theme = ThemeData();
|
|
final ColorScheme colors = theme.colorScheme;
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
home: const Scaffold(body: Card.outlined()),
|
|
),
|
|
);
|
|
|
|
final Padding padding = _getCardPadding(tester);
|
|
final Material material = _getCardMaterial(tester);
|
|
|
|
expect(material.clipBehavior, Clip.none);
|
|
expect(material.elevation, 0.0);
|
|
expect(padding.padding, const EdgeInsets.all(4.0));
|
|
expect(material.color, colors.surface);
|
|
expect(material.shadowColor, colors.shadow);
|
|
expect(material.surfaceTintColor, Colors.transparent);
|
|
expect(
|
|
material.shape,
|
|
RoundedRectangleBorder(
|
|
side: BorderSide(color: colors.outlineVariant),
|
|
borderRadius: const BorderRadius.all(Radius.circular(12.0)),
|
|
),
|
|
);
|
|
});
|
|
|
|
testWidgets('Card can take semantic text from multiple children', (WidgetTester tester) async {
|
|
final semantics = SemanticsTester(tester);
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Card(
|
|
semanticContainer: false,
|
|
child: Column(
|
|
children: <Widget>[
|
|
const Text('I am text!'),
|
|
const Text('Moar text!!1'),
|
|
ElevatedButton(onPressed: () {}, child: const Text('Button')),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(
|
|
semantics,
|
|
hasSemantics(
|
|
TestSemantics.root(
|
|
children: <TestSemantics>[
|
|
TestSemantics(id: 1, label: 'I am text!', textDirection: TextDirection.ltr),
|
|
TestSemantics(id: 2, label: 'Moar text!!1', textDirection: TextDirection.ltr),
|
|
TestSemantics(
|
|
id: 3,
|
|
label: 'Button',
|
|
textDirection: TextDirection.ltr,
|
|
actions: <SemanticsAction>[SemanticsAction.tap, SemanticsAction.focus],
|
|
flags: <SemanticsFlag>[
|
|
SemanticsFlag.hasEnabledState,
|
|
SemanticsFlag.isButton,
|
|
SemanticsFlag.isEnabled,
|
|
SemanticsFlag.isFocusable,
|
|
],
|
|
),
|
|
],
|
|
),
|
|
ignoreTransform: true,
|
|
ignoreRect: true,
|
|
),
|
|
);
|
|
|
|
semantics.dispose();
|
|
});
|
|
|
|
testWidgets('Card merges children when it is a semanticContainer', (WidgetTester tester) async {
|
|
final semantics = SemanticsTester(tester);
|
|
debugResetSemanticsIdCounter();
|
|
|
|
await tester.pumpWidget(
|
|
const Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: Material(
|
|
child: Center(
|
|
child: Card(
|
|
child: Column(children: <Widget>[Text('First child'), Text('Second child')]),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(
|
|
semantics,
|
|
hasSemantics(
|
|
TestSemantics.root(
|
|
children: <TestSemantics>[
|
|
TestSemantics(
|
|
id: 1,
|
|
label: 'First child\nSecond child',
|
|
textDirection: TextDirection.ltr,
|
|
),
|
|
],
|
|
),
|
|
ignoreTransform: true,
|
|
ignoreRect: true,
|
|
),
|
|
);
|
|
|
|
semantics.dispose();
|
|
});
|
|
|
|
testWidgets('Card margin', (WidgetTester tester) async {
|
|
const Key contentsKey = ValueKey<String>('contents');
|
|
|
|
await tester.pumpWidget(
|
|
Container(
|
|
alignment: Alignment.topLeft,
|
|
child: Card(
|
|
child: Container(
|
|
key: contentsKey,
|
|
color: const Color(0xFF00FF00),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Default margin is 4
|
|
expect(tester.getTopLeft(find.byType(Card)), Offset.zero);
|
|
expect(tester.getSize(find.byType(Card)), const Size(108.0, 108.0));
|
|
|
|
expect(tester.getTopLeft(find.byKey(contentsKey)), const Offset(4.0, 4.0));
|
|
expect(tester.getSize(find.byKey(contentsKey)), const Size(100.0, 100.0));
|
|
|
|
await tester.pumpWidget(
|
|
Container(
|
|
alignment: Alignment.topLeft,
|
|
child: Card(
|
|
margin: EdgeInsets.zero,
|
|
child: Container(
|
|
key: contentsKey,
|
|
color: const Color(0xFF00FF00),
|
|
width: 100.0,
|
|
height: 100.0,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Specified margin is zero
|
|
expect(tester.getTopLeft(find.byType(Card)), Offset.zero);
|
|
expect(tester.getSize(find.byType(Card)), const Size(100.0, 100.0));
|
|
|
|
expect(tester.getTopLeft(find.byKey(contentsKey)), Offset.zero);
|
|
expect(tester.getSize(find.byKey(contentsKey)), const Size(100.0, 100.0));
|
|
});
|
|
|
|
testWidgets('Card clipBehavior property passes through to the Material', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(const Card());
|
|
expect(tester.widget<Material>(find.byType(Material)).clipBehavior, Clip.none);
|
|
|
|
await tester.pumpWidget(const Card(clipBehavior: Clip.antiAlias));
|
|
expect(tester.widget<Material>(find.byType(Material)).clipBehavior, Clip.antiAlias);
|
|
});
|
|
|
|
testWidgets('Card clipBehavior property defers to theme when null', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
Builder(
|
|
builder: (BuildContext context) {
|
|
final ThemeData themeData = Theme.of(context);
|
|
return Theme(
|
|
data: themeData.copyWith(
|
|
cardTheme: themeData.cardTheme.copyWith(clipBehavior: Clip.antiAliasWithSaveLayer),
|
|
),
|
|
child: const Card(),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
expect(
|
|
tester.widget<Material>(find.byType(Material)).clipBehavior,
|
|
Clip.antiAliasWithSaveLayer,
|
|
);
|
|
});
|
|
|
|
testWidgets('Card shadowColor', (WidgetTester tester) async {
|
|
Material getCardMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(of: find.byType(Card), matching: find.byType(Material)),
|
|
);
|
|
}
|
|
|
|
Card getCard(WidgetTester tester) {
|
|
return tester.widget<Card>(find.byType(Card));
|
|
}
|
|
|
|
await tester.pumpWidget(const Card());
|
|
|
|
expect(getCard(tester).shadowColor, null);
|
|
expect(getCardMaterial(tester).shadowColor, const Color(0xFF000000));
|
|
|
|
await tester.pumpWidget(const Card(shadowColor: Colors.red));
|
|
|
|
expect(getCardMaterial(tester).shadowColor, getCard(tester).shadowColor);
|
|
expect(getCardMaterial(tester).shadowColor, Colors.red);
|
|
});
|
|
|
|
testWidgets('Card renders at zero size', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const MaterialApp(
|
|
home: Center(
|
|
child: SizedBox.shrink(
|
|
child: Scaffold(body: Card(child: Text('X'))),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
final Finder xText = find.text('X');
|
|
expect(tester.getSize(xText).isEmpty, isTrue);
|
|
});
|
|
}
|
|
|
|
Material _getCardMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(of: find.byType(Card), matching: find.byType(Material)),
|
|
);
|
|
}
|
|
|
|
Padding _getCardPadding(WidgetTester tester) {
|
|
return tester.widget<Padding>(
|
|
find.descendant(of: find.byType(Card), matching: find.byType(Padding)),
|
|
);
|
|
}
|