blob: c8a5815e441429889b601e8344d0784bc135d03b [file] [log] [blame]
// 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 ThemeData 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 ThemeData 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 ThemeData 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 SemanticsTester 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,
elevation: 1.0,
thickness: 0.0,
children: <TestSemantics>[
TestSemantics(
id: 2,
label: 'I am text!',
textDirection: TextDirection.ltr,
),
TestSemantics(
id: 3,
label: 'Moar text!!1',
textDirection: TextDirection.ltr,
),
TestSemantics(
id: 4,
label: 'Button',
textDirection: TextDirection.ltr,
actions: <SemanticsAction>[
SemanticsAction.tap,
],
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 SemanticsTester 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);
});
}
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),
),
);
}