// 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: [ const Text('I am text!'), const Text('Moar text!!1'), ElevatedButton(onPressed: () {}, child: const Text('Button')), ], ), ), ), ), ), ); expect( semantics, hasSemantics( TestSemantics.root( children: [ 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.tap, SemanticsAction.focus], flags: [ 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: [Text('First child'), Text('Second child')]), ), ), ), ), ); expect( semantics, hasSemantics( TestSemantics.root( children: [ 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('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(find.byType(Material)).clipBehavior, Clip.none); await tester.pumpWidget(const Card(clipBehavior: Clip.antiAlias)); expect(tester.widget(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(find.byType(Material)).clipBehavior, Clip.antiAliasWithSaveLayer, ); }); testWidgets('Card shadowColor', (WidgetTester tester) async { Material getCardMaterial(WidgetTester tester) { return tester.widget( find.descendant(of: find.byType(Card), matching: find.byType(Material)), ); } Card getCard(WidgetTester tester) { return tester.widget(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( find.descendant(of: find.byType(Card), matching: find.byType(Material)), ); } Padding _getCardPadding(WidgetTester tester) { return tester.widget( find.descendant(of: find.byType(Card), matching: find.byType(Padding)), ); }