| // 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/foundation.dart'; |
| import 'package:flutter/material.dart'; |
| import 'package:flutter/rendering.dart'; |
| import 'package:flutter/services.dart'; |
| import 'package:flutter_test/flutter_test.dart'; |
| |
| void main() { |
| const AppBarTheme appBarTheme = AppBarTheme( |
| backgroundColor: Color(0xff00ff00), |
| foregroundColor: Color(0xff00ffff), |
| elevation: 4.0, |
| scrolledUnderElevation: 6.0, |
| shadowColor: Color(0xff1212ff), |
| shape: RoundedRectangleBorder( |
| borderRadius: BorderRadius.all(Radius.circular(14.0)), |
| ), |
| iconTheme: IconThemeData(color: Color(0xffff0000)), |
| actionsIconTheme: IconThemeData(color: Color(0xff0000ff)), |
| centerTitle: false, |
| titleSpacing: 10.0, |
| titleTextStyle: TextStyle( |
| fontSize: 22.0, |
| fontStyle: FontStyle.italic, |
| ), |
| ); |
| |
| ScrollController primaryScrollController(WidgetTester tester) { |
| return PrimaryScrollController.of(tester.element(find.byType(CustomScrollView))); |
| } |
| |
| test('AppBarTheme copyWith, ==, hashCode basics', () { |
| expect(const AppBarTheme(), const AppBarTheme().copyWith()); |
| expect(const AppBarTheme().hashCode, const AppBarTheme().copyWith().hashCode); |
| }); |
| |
| test('AppBarTheme lerp special cases', () { |
| const AppBarTheme data = AppBarTheme(); |
| expect(identical(AppBarTheme.lerp(data, data, 0.5), data), true); |
| }); |
| |
| testWidgets('Material2 - Passing no AppBarTheme returns defaults', (WidgetTester tester) async { |
| final ThemeData theme = ThemeData(useMaterial3: false); |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: theme, |
| home: Scaffold( |
| appBar: AppBar( |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Material widget = _getAppBarMaterial(tester); |
| final IconTheme iconTheme = _getAppBarIconTheme(tester); |
| final IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| final DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, SystemUiOverlayStyle.light.statusBarBrightness); |
| expect(widget.color, Colors.blue); |
| expect(widget.elevation, 4.0); |
| expect(widget.shadowColor, Colors.black); |
| expect(widget.surfaceTintColor, null); |
| expect(widget.shape, null); |
| expect(iconTheme.data, const IconThemeData(color: Colors.white)); |
| expect(actionsIconTheme.data, const IconThemeData(color: Colors.white)); |
| expect(actionIconText.text.style!.color, Colors.white); |
| expect(text.style, Typography.material2014().englishLike.bodyMedium!.merge(Typography.material2014().white.bodyMedium)); |
| expect(tester.getSize(find.byType(AppBar)).height, kToolbarHeight); |
| expect(tester.getSize(find.byType(AppBar)).width, 800); |
| }); |
| |
| testWidgets('Material3 - Passing no AppBarTheme returns defaults', (WidgetTester tester) async { |
| final ThemeData theme = ThemeData(useMaterial3: true); |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: theme, |
| home: Scaffold( |
| appBar: AppBar( |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Material widget = _getAppBarMaterial(tester); |
| final IconTheme iconTheme = _getAppBarIconTheme(tester); |
| final IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| final DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, Brightness.light); |
| expect(widget.color, theme.colorScheme.surface); |
| expect(widget.elevation, 0); |
| expect(widget.shadowColor, Colors.transparent); |
| expect(widget.surfaceTintColor, theme.colorScheme.surfaceTint); |
| expect(widget.shape, null); |
| expect(iconTheme.data, IconThemeData(color: theme.colorScheme.onSurface, size: 24)); |
| expect(actionsIconTheme.data, IconThemeData(color: theme.colorScheme.onSurfaceVariant, size: 24)); |
| expect(actionIconText.text.style!.color, theme.colorScheme.onSurfaceVariant); |
| expect( |
| text.style, |
| Typography.material2021().englishLike.bodyMedium! |
| .merge(Typography.material2021().black.bodyMedium) |
| .copyWith(color: theme.colorScheme.onSurface, decorationColor: theme.colorScheme.onSurface), |
| ); |
| expect(tester.getSize(find.byType(AppBar)).height, kToolbarHeight); |
| expect(tester.getSize(find.byType(AppBar)).width, 800); |
| }); |
| |
| testWidgets('AppBar uses values from AppBarTheme', (WidgetTester tester) async { |
| final AppBarTheme appBarTheme = _appBarTheme(); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('App Bar Title'), |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Material widget = _getAppBarMaterial(tester); |
| final IconTheme iconTheme = _getAppBarIconTheme(tester); |
| final IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| final DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, Brightness.light); |
| expect(widget.color, appBarTheme.backgroundColor); |
| expect(widget.elevation, appBarTheme.elevation); |
| expect(widget.shadowColor, appBarTheme.shadowColor); |
| expect(widget.surfaceTintColor, appBarTheme.surfaceTintColor); |
| expect(widget.shape, const StadiumBorder()); |
| expect(iconTheme.data, appBarTheme.iconTheme); |
| expect(actionsIconTheme.data, appBarTheme.actionsIconTheme); |
| expect(actionIconText.text.style!.color, appBarTheme.actionsIconTheme!.color); |
| expect(text.style, appBarTheme.toolbarTextStyle); |
| expect(tester.getSize(find.byType(AppBar)).height, appBarTheme.toolbarHeight); |
| expect(tester.getSize(find.byType(AppBar)).width, 800); |
| }); |
| |
| testWidgets('AppBar widget properties take priority over theme', (WidgetTester tester) async { |
| const Brightness brightness = Brightness.dark; |
| const SystemUiOverlayStyle systemOverlayStyle = SystemUiOverlayStyle.light; |
| const Color color = Colors.orange; |
| const double elevation = 3.0; |
| const Color shadowColor = Colors.purple; |
| const Color surfaceTintColor = Colors.brown; |
| const ShapeBorder shape = RoundedRectangleBorder(); |
| const IconThemeData iconThemeData = IconThemeData(color: Colors.green); |
| const IconThemeData actionsIconThemeData = IconThemeData(color: Colors.lightBlue); |
| const TextStyle toolbarTextStyle = TextStyle(color: Colors.pink); |
| const TextStyle titleTextStyle = TextStyle(color: Colors.orange); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: ThemeData.from(colorScheme: const ColorScheme.light()).copyWith( |
| appBarTheme: _appBarTheme(), |
| ), |
| home: Scaffold( |
| appBar: AppBar( |
| backgroundColor: color, |
| systemOverlayStyle: systemOverlayStyle, |
| elevation: elevation, |
| shadowColor: shadowColor, |
| surfaceTintColor: surfaceTintColor, |
| shape: shape, |
| iconTheme: iconThemeData, |
| actionsIconTheme: actionsIconThemeData, |
| toolbarTextStyle: toolbarTextStyle, |
| titleTextStyle: titleTextStyle, |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Material widget = _getAppBarMaterial(tester); |
| final IconTheme iconTheme = _getAppBarIconTheme(tester); |
| final IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| final DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, brightness); |
| expect(widget.color, color); |
| expect(widget.elevation, elevation); |
| expect(widget.shadowColor, shadowColor); |
| expect(widget.surfaceTintColor, surfaceTintColor); |
| expect(widget.shape, shape); |
| expect(iconTheme.data, iconThemeData); |
| expect(actionsIconTheme.data, actionsIconThemeData); |
| expect(actionIconText.text.style!.color, actionsIconThemeData.color); |
| expect(text.style, toolbarTextStyle); |
| }); |
| |
| testWidgets('AppBar icon color takes priority over everything', (WidgetTester tester) async { |
| const Color color = Colors.lime; |
| const IconThemeData iconThemeData = IconThemeData(color: Colors.green); |
| const IconThemeData actionsIconThemeData = IconThemeData(color: Colors.lightBlue); |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData.from(colorScheme: const ColorScheme.light()), |
| home: Scaffold(appBar: AppBar( |
| iconTheme: iconThemeData, |
| actionsIconTheme: actionsIconThemeData, |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), color: color, onPressed: () { }), |
| ], |
| )), |
| )); |
| |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| expect(actionIconText.text.style!.color, color); |
| }); |
| |
| testWidgets('AppBarTheme properties take priority over ThemeData properties', (WidgetTester tester) async { |
| final AppBarTheme appBarTheme = _appBarTheme(); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: ThemeData.from(colorScheme: const ColorScheme.light()) |
| .copyWith(appBarTheme: _appBarTheme()), |
| home: Scaffold( |
| appBar: AppBar( |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Material widget = _getAppBarMaterial(tester); |
| final IconTheme iconTheme = _getAppBarIconTheme(tester); |
| final IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| final RichText actionIconText = _getAppBarIconRichText(tester); |
| final DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, Brightness.light); |
| expect(widget.color, appBarTheme.backgroundColor); |
| expect(widget.elevation, appBarTheme.elevation); |
| expect(widget.shadowColor, appBarTheme.shadowColor); |
| expect(widget.surfaceTintColor, appBarTheme.surfaceTintColor); |
| expect(iconTheme.data, appBarTheme.iconTheme); |
| expect(actionsIconTheme.data, appBarTheme.actionsIconTheme); |
| expect(actionIconText.text.style!.color, appBarTheme.actionsIconTheme!.color); |
| expect(text.style, appBarTheme.toolbarTextStyle); |
| }); |
| |
| testWidgets('Material2 - ThemeData colorScheme is used when no AppBarTheme is set', (WidgetTester tester) async { |
| final ThemeData lightTheme = ThemeData.from(colorScheme: const ColorScheme.light(), useMaterial3: false); |
| final ThemeData darkTheme = ThemeData.from(colorScheme: const ColorScheme.dark(), useMaterial3: false); |
| Widget buildFrame(ThemeData appTheme) { |
| return MaterialApp( |
| theme: appTheme, |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| appBar: AppBar( |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| // AppBar M2 defaults for light themes: |
| // - elevation: 4 |
| // - shadow color: black |
| // - surface tint color: null |
| // - background color: ColorScheme.primary |
| // - foreground color: ColorScheme.onPrimary |
| // - actions text: style bodyMedium, foreground color |
| // - status bar brightness: light (based on color scheme brightness) |
| await tester.pumpWidget(buildFrame(lightTheme)); |
| |
| Material widget = _getAppBarMaterial(tester); |
| IconTheme iconTheme = _getAppBarIconTheme(tester); |
| IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| RichText actionIconText = _getAppBarIconRichText(tester); |
| DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, SystemUiOverlayStyle.light.statusBarBrightness); |
| expect(widget.color, lightTheme.colorScheme.primary); |
| expect(widget.elevation, 4.0); |
| expect(widget.shadowColor, Colors.black); |
| expect(widget.surfaceTintColor, null); |
| expect(iconTheme.data.color, lightTheme.colorScheme.onPrimary); |
| expect(actionsIconTheme.data.color, lightTheme.colorScheme.onPrimary); |
| expect(actionIconText.text.style!.color, lightTheme.colorScheme.onPrimary); |
| expect(text.style, Typography.material2014().englishLike.bodyMedium!.merge(Typography.material2014().black.bodyMedium).copyWith(color: lightTheme.colorScheme.onPrimary)); |
| |
| // AppBar M2 defaults for dark themes: |
| // - elevation: 4 |
| // - shadow color: black |
| // - surface tint color: null |
| // - background color: ColorScheme.surface |
| // - foreground color: ColorScheme.onSurface |
| // - actions text: style bodyMedium, foreground color |
| // - status bar brightness: dark (based on background color) |
| await tester.pumpWidget(buildFrame(darkTheme)); |
| await tester.pumpAndSettle(); // Theme change animation |
| |
| widget = _getAppBarMaterial(tester); |
| iconTheme = _getAppBarIconTheme(tester); |
| actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| actionIconText = _getAppBarIconRichText(tester); |
| text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, SystemUiOverlayStyle.light.statusBarBrightness); |
| expect(widget.color, darkTheme.colorScheme.surface); |
| expect(widget.elevation, 4.0); |
| expect(widget.shadowColor, Colors.black); |
| expect(widget.surfaceTintColor, null); |
| expect(iconTheme.data.color, darkTheme.colorScheme.onSurface); |
| expect(actionsIconTheme.data.color, darkTheme.colorScheme.onSurface); |
| expect(actionIconText.text.style!.color, darkTheme.colorScheme.onSurface); |
| expect(text.style, Typography.material2014().englishLike.bodyMedium!.merge(Typography.material2014().black.bodyMedium).copyWith(color: darkTheme.colorScheme.onSurface)); |
| }); |
| |
| testWidgets('Material3 - ThemeData colorScheme is used when no AppBarTheme is set', (WidgetTester tester) async { |
| final ThemeData lightTheme = ThemeData.from(colorScheme: const ColorScheme.light(), useMaterial3: true); |
| final ThemeData darkTheme = ThemeData.from(colorScheme: const ColorScheme.dark(), useMaterial3: true); |
| Widget buildFrame(ThemeData appTheme) { |
| return MaterialApp( |
| theme: appTheme, |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| appBar: AppBar( |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| // M3 AppBar defaults for light themes: |
| // - elevation: 0 |
| // - shadow color: Colors.transparent |
| // - surface tint color: ColorScheme.surfaceTint |
| // - background color: ColorScheme.surface |
| // - foreground color: ColorScheme.onSurface |
| // - actions text: style bodyMedium, foreground color |
| // - status bar brightness: light (based on color scheme brightness) |
| await tester.pumpWidget(buildFrame(lightTheme)); |
| |
| Material widget = _getAppBarMaterial(tester); |
| IconTheme iconTheme = _getAppBarIconTheme(tester); |
| IconTheme actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| RichText actionIconText = _getAppBarIconRichText(tester); |
| DefaultTextStyle text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, Brightness.light); |
| expect(widget.color, lightTheme.colorScheme.surface); |
| expect(widget.elevation, 0); |
| expect(widget.shadowColor, Colors.transparent); |
| expect(widget.surfaceTintColor, lightTheme.colorScheme.surfaceTint); |
| expect(iconTheme.data.color, lightTheme.colorScheme.onSurface); |
| expect(actionsIconTheme.data.color, lightTheme.colorScheme.onSurface); |
| expect(actionIconText.text.style!.color, lightTheme.colorScheme.onSurface); |
| expect(text.style, Typography.material2021().englishLike.bodyMedium!.merge(Typography.material2021().black.bodyMedium).copyWith(color: lightTheme.colorScheme.onSurface)); |
| |
| // M3 AppBar defaults for dark themes: |
| // - elevation: 0 |
| // - shadow color: Colors.transparent |
| // - surface tint color: ColorScheme.surfaceTint |
| // - background color: ColorScheme.surface |
| // - foreground color: ColorScheme.onSurface |
| // - actions text: style bodyMedium, foreground color |
| // - status bar brightness: dark (based on background color) |
| await tester.pumpWidget(buildFrame(darkTheme)); |
| await tester.pumpAndSettle(); // Theme change animation |
| |
| widget = _getAppBarMaterial(tester); |
| iconTheme = _getAppBarIconTheme(tester); |
| actionsIconTheme = _getAppBarActionsIconTheme(tester); |
| actionIconText = _getAppBarIconRichText(tester); |
| text = _getAppBarText(tester); |
| |
| expect(SystemChrome.latestStyle!.statusBarBrightness, Brightness.dark); |
| expect(widget.color, darkTheme.colorScheme.surface); |
| expect(widget.elevation, 0); |
| expect(widget.shadowColor, Colors.transparent); |
| expect(widget.surfaceTintColor, darkTheme.colorScheme.surfaceTint); |
| expect(iconTheme.data.color, darkTheme.colorScheme.onSurface); |
| expect(actionsIconTheme.data.color, darkTheme.colorScheme.onSurface); |
| expect(actionIconText.text.style!.color, darkTheme.colorScheme.onSurface); |
| expect(text.style, Typography.material2021().englishLike.bodyMedium!.merge(Typography.material2021().black.bodyMedium).copyWith(color: darkTheme.colorScheme.onSurface, decorationColor: darkTheme.colorScheme.onSurface)); |
| }); |
| |
| testWidgets('AppBar iconTheme with color=null defers to outer IconTheme', (WidgetTester tester) async { |
| // Verify claim made in https://github.com/flutter/flutter/pull/71184#issuecomment-737419215 |
| |
| Widget buildFrame({ Color? appIconColor, Color? appBarIconColor }) { |
| return MaterialApp( |
| theme: ThemeData.from(colorScheme: const ColorScheme.light()), |
| home: IconTheme( |
| data: IconThemeData(color: appIconColor), |
| child: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| appBar: AppBar( |
| iconTheme: IconThemeData(color: appBarIconColor), |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.share), onPressed: () { }), |
| ], |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| } |
| |
| RichText getIconText() { |
| return tester.widget<RichText>( |
| find.descendant( |
| of: find.byType(Icon), |
| matching: find.byType(RichText), |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildFrame(appIconColor: Colors.lime)); |
| expect(getIconText().text.style!.color, Colors.lime); |
| |
| await tester.pumpWidget(buildFrame(appIconColor: Colors.lime, appBarIconColor: Colors.purple)); |
| expect(getIconText().text.style!.color, Colors.purple); |
| }); |
| |
| testWidgets('AppBar uses AppBarTheme.centerTitle when centerTitle is null', (WidgetTester tester) async { |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(centerTitle: true)), |
| home: Scaffold(appBar: AppBar( |
| title: const Text('Title'), |
| )), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| expect(navToolBar.centerMiddle, true); |
| }); |
| |
| testWidgets('AppBar.centerTitle takes priority over AppBarTheme.centerTitle', (WidgetTester tester) async { |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(centerTitle: true)), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('Title'), |
| centerTitle: false, |
| ), |
| ), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| // The AppBar.centerTitle should be used instead of AppBarTheme.centerTitle. |
| expect(navToolBar.centerMiddle, false); |
| }); |
| |
| testWidgets('AppBar.centerTitle adapts to TargetPlatform when AppBarTheme.centerTitle is null', (WidgetTester tester) async{ |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(platform: TargetPlatform.iOS), |
| home: Scaffold(appBar: AppBar( |
| title: const Text('Title'), |
| )), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| // When ThemeData.platform is TargetPlatform.iOS, and AppBarTheme is null, |
| // the value of NavigationToolBar.centerMiddle should be true. |
| expect(navToolBar.centerMiddle, true); |
| }); |
| |
| testWidgets('AppBar.shadowColor takes priority over AppBarTheme.shadowColor', (WidgetTester tester) async { |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(shadowColor: Colors.red)), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('Title'), |
| shadowColor: Colors.yellow, |
| ), |
| ), |
| )); |
| |
| final AppBar appBar = tester.widget(find.byType(AppBar)); |
| // The AppBar.shadowColor should be used instead of AppBarTheme.shadowColor. |
| expect(appBar.shadowColor, Colors.yellow); |
| }); |
| |
| testWidgets('AppBar.surfaceTintColor takes priority over AppBarTheme.surfaceTintColor', (WidgetTester tester) async { |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(surfaceTintColor: Colors.red)), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('Title'), |
| surfaceTintColor: Colors.yellow, |
| ), |
| ), |
| )); |
| |
| final AppBar appBar = tester.widget(find.byType(AppBar)); |
| // The AppBar.surfaceTintColor should be used instead of AppBarTheme.surfaceTintColor. |
| expect(appBar.surfaceTintColor, Colors.yellow); |
| }); |
| |
| testWidgets('Material3 - AppBarTheme.iconTheme.color takes priority over IconButtonTheme.foregroundColor', (WidgetTester tester) async { |
| const IconThemeData overallIconTheme = IconThemeData(color: Colors.yellow); |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData( |
| iconButtonTheme: IconButtonThemeData( |
| style: IconButton.styleFrom(foregroundColor: Colors.red), |
| ), |
| appBarTheme: const AppBarTheme(iconTheme: overallIconTheme), |
| useMaterial3: true, |
| ), |
| home: Scaffold( |
| appBar: AppBar( |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {},), |
| actions: <Widget>[ IconButton(icon: const Icon(Icons.add), onPressed: () {},) ], |
| title: const Text('Title'), |
| ), |
| ), |
| )); |
| |
| final Color? leadingIconButtonColor = _iconStyle(tester, Icons.menu)?.color; |
| final Color? actionIconButtonColor = _iconStyle(tester, Icons.add)?.color; |
| |
| expect(leadingIconButtonColor, overallIconTheme.color); |
| expect(actionIconButtonColor, overallIconTheme.color); |
| }); |
| |
| testWidgets('Material3 - AppBarTheme.iconTheme.size takes priority over IconButtonTheme.iconSize', (WidgetTester tester) async { |
| const IconThemeData overallIconTheme = IconThemeData(size: 30.0); |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData( |
| iconButtonTheme: IconButtonThemeData( |
| style: IconButton.styleFrom(iconSize: 32.0), |
| ), |
| appBarTheme: const AppBarTheme(iconTheme: overallIconTheme), |
| useMaterial3: true, |
| ), |
| home: Scaffold( |
| appBar: AppBar( |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {},), |
| actions: <Widget>[ IconButton(icon: const Icon(Icons.add), onPressed: () {},) ], |
| title: const Text('Title'), |
| ), |
| ), |
| )); |
| |
| final double? leadingIconButtonSize = _iconStyle(tester, Icons.menu)?.fontSize; |
| final double? actionIconButtonSize = _iconStyle(tester, Icons.add)?.fontSize; |
| |
| expect(leadingIconButtonSize, overallIconTheme.size); |
| expect(actionIconButtonSize, overallIconTheme.size); |
| }); |
| |
| |
| testWidgets('Material3 - AppBarTheme.actionsIconTheme.color takes priority over IconButtonTheme.foregroundColor', (WidgetTester tester) async { |
| const IconThemeData actionsIconTheme = IconThemeData(color: Colors.yellow); |
| final IconButtonThemeData iconButtonTheme = IconButtonThemeData( |
| style: IconButton.styleFrom(foregroundColor: Colors.red), |
| ); |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData( |
| iconButtonTheme: iconButtonTheme, |
| appBarTheme: const AppBarTheme(actionsIconTheme: actionsIconTheme), |
| useMaterial3: true, |
| ), |
| home: Scaffold( |
| appBar: AppBar( |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {},), |
| actions: <Widget>[ IconButton(icon: const Icon(Icons.add), onPressed: () {},) ], |
| title: const Text('Title'), |
| ), |
| ), |
| )); |
| |
| final Color? leadingIconButtonColor = _iconStyle(tester, Icons.menu)?.color; |
| final Color? actionIconButtonColor = _iconStyle(tester, Icons.add)?.color; |
| |
| expect(leadingIconButtonColor, Colors.red); // leading color should come from iconButtonTheme |
| expect(actionIconButtonColor, actionsIconTheme.color); |
| }); |
| |
| testWidgets('Material3 - AppBarTheme.actionsIconTheme.size takes priority over IconButtonTheme.iconSize', (WidgetTester tester) async { |
| const IconThemeData actionsIconTheme = IconThemeData(size: 30.0); |
| final IconButtonThemeData iconButtonTheme = IconButtonThemeData( |
| style: IconButton.styleFrom(iconSize: 32.0), |
| ); |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData( |
| iconButtonTheme: iconButtonTheme, |
| appBarTheme: const AppBarTheme(actionsIconTheme: actionsIconTheme), |
| useMaterial3: true, |
| ), |
| home: Scaffold( |
| appBar: AppBar( |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {},), |
| actions: <Widget>[ IconButton(icon: const Icon(Icons.add), onPressed: () {},) ], |
| title: const Text('Title'), |
| ), |
| ), |
| )); |
| |
| final double? leadingIconButtonSize = _iconStyle(tester, Icons.menu)?.fontSize; |
| final double? actionIconButtonSize = _iconStyle(tester, Icons.add)?.fontSize; |
| |
| expect(leadingIconButtonSize, 32.0); // The size of leading icon button should come from iconButtonTheme |
| expect(actionIconButtonSize, actionsIconTheme.size); |
| }); |
| |
| testWidgets('Material3 - AppBarTheme.foregroundColor takes priority over IconButtonTheme.foregroundColor', (WidgetTester tester) async { |
| final IconButtonThemeData iconButtonTheme = IconButtonThemeData( |
| style: IconButton.styleFrom(foregroundColor: Colors.red), |
| ); |
| const AppBarTheme appBarTheme = AppBarTheme( |
| foregroundColor: Colors.green, |
| ); |
| final ThemeData themeData = ThemeData( |
| iconButtonTheme: iconButtonTheme, |
| appBarTheme: appBarTheme, |
| useMaterial3: true, |
| ); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: themeData, |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('title'), |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {}), |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.add), onPressed: () {}), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| final Color? leadingIconButtonColor = _iconStyle(tester, Icons.menu)?.color; |
| final Color? actionIconButtonColor = _iconStyle(tester, Icons.add)?.color; |
| |
| expect(leadingIconButtonColor, appBarTheme.foregroundColor); |
| expect(actionIconButtonColor, appBarTheme.foregroundColor); |
| }); |
| |
| testWidgets('AppBar uses AppBarTheme.titleSpacing', (WidgetTester tester) async { |
| const double kTitleSpacing = 10; |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(titleSpacing: kTitleSpacing)), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('Title'), |
| ), |
| ), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| expect(navToolBar.middleSpacing, kTitleSpacing); |
| }); |
| |
| testWidgets('AppBar.titleSpacing takes priority over AppBarTheme.titleSpacing', (WidgetTester tester) async { |
| const double kTitleSpacing = 10; |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(titleSpacing: kTitleSpacing)), |
| home: Scaffold( |
| appBar: AppBar( |
| title: const Text('Title'), |
| titleSpacing: 40, |
| ), |
| ), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| expect(navToolBar.middleSpacing, 40); |
| }); |
| |
| testWidgets('SliverAppBar uses AppBarTheme.titleSpacing', (WidgetTester tester) async { |
| const double kTitleSpacing = 10; |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(titleSpacing: kTitleSpacing)), |
| home: const CustomScrollView( |
| slivers: <Widget>[ |
| SliverAppBar( |
| title: Text('Title'), |
| ), |
| ], |
| ), |
| )); |
| |
| final NavigationToolbar navToolBar = tester.widget(find.byType(NavigationToolbar)); |
| expect(navToolBar.middleSpacing, kTitleSpacing); |
| }); |
| |
| testWidgets('SliverAppBar.titleSpacing takes priority over AppBarTheme.titleSpacing ', (WidgetTester tester) async { |
| const double kTitleSpacing = 10; |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: const AppBarTheme(titleSpacing: kTitleSpacing)), |
| home: const CustomScrollView( |
| slivers: <Widget>[ |
| SliverAppBar( |
| title: Text('Title'), |
| titleSpacing: 40, |
| ), |
| ], |
| ), |
| )); |
| |
| final NavigationToolbar navToolbar = tester.widget(find.byType(NavigationToolbar)); |
| expect(navToolbar.middleSpacing, 40); |
| }); |
| |
| testWidgets('SliverAppBar.medium uses AppBarTheme properties', (WidgetTester tester) async { |
| const String title = 'Medium App Bar'; |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: CustomScrollView( |
| primary: true, |
| slivers: <Widget>[ |
| SliverAppBar.medium( |
| leading: IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.menu), |
| ), |
| title: const Text(title), |
| actions: <Widget>[ |
| IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.search), |
| ), |
| ], |
| ), |
| ], |
| ), |
| )); |
| |
| // Test title. |
| final RichText titleText = tester.firstWidget(find.byType(RichText)); |
| expect(titleText.text.style!.fontSize, appBarTheme.titleTextStyle!.fontSize); |
| expect(titleText.text.style!.fontStyle, appBarTheme.titleTextStyle!.fontStyle); |
| |
| // Test background color, shadow color, and shape. |
| final Material material = tester.widget<Material>( |
| find.descendant( |
| of: find.byType(SliverAppBar), |
| matching: find.byType(Material).first, |
| ), |
| ); |
| expect(material.color, appBarTheme.backgroundColor); |
| expect(material.shadowColor, appBarTheme.shadowColor); |
| expect(material.shape, appBarTheme.shape); |
| |
| final RichText actionIcon = tester.widget(find.byType(RichText).last); |
| expect(actionIcon.text.style!.color, appBarTheme.actionsIconTheme!.color); |
| |
| // Scroll to collapse the SliverAppBar. |
| final ScrollController controller = primaryScrollController(tester); |
| controller.jumpTo(120); |
| await tester.pumpAndSettle(); |
| |
| // Test title spacing. |
| final Finder collapsedTitle = find.text(title).last; |
| final Offset titleOffset = tester.getTopLeft(collapsedTitle); |
| final Offset iconOffset = tester.getTopRight(find.ancestor(of: find.widgetWithIcon(IconButton, Icons.menu), matching: find.byType(ConstrainedBox))); |
| expect(titleOffset.dx, iconOffset.dx + appBarTheme.titleSpacing!); |
| }); |
| |
| testWidgets('SliverAppBar.medium properties take priority over AppBarTheme properties', (WidgetTester tester) async { |
| const String title = 'Medium App Bar'; |
| const Color backgroundColor = Color(0xff000099); |
| const Color foregroundColor = Color(0xff00ff98); |
| const Color shadowColor = Color(0xff00ff97); |
| const ShapeBorder shape = RoundedRectangleBorder( |
| borderRadius: BorderRadiusDirectional.only(bottomStart: Radius.circular(12.0)), |
| ); |
| const IconThemeData iconTheme = IconThemeData(color: Color(0xff00ff96)); |
| const IconThemeData actionsIconTheme = IconThemeData(color: Color(0xff00ff95)); |
| const double titleSpacing = 18.0; |
| const TextStyle titleTextStyle = TextStyle( |
| fontSize: 22.9, |
| fontStyle: FontStyle.italic, |
| ); |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: CustomScrollView( |
| primary: true, |
| slivers: <Widget>[ |
| SliverAppBar.medium( |
| centerTitle: false, |
| backgroundColor: backgroundColor, |
| foregroundColor: foregroundColor, |
| shadowColor: shadowColor, |
| shape: shape, |
| iconTheme: iconTheme, |
| actionsIconTheme: actionsIconTheme, |
| titleSpacing: titleSpacing, |
| titleTextStyle: titleTextStyle, |
| leading: IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.menu), |
| ), |
| title: const Text(title), |
| actions: <Widget>[ |
| IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.search), |
| ), |
| ], |
| ), |
| ], |
| ), |
| )); |
| |
| // Test title. |
| final RichText titleText = tester.firstWidget(find.byType(RichText)); |
| expect(titleText.text.style, titleTextStyle); |
| |
| // Test background color, shadow color, and shape. |
| final Material material = tester.widget<Material>( |
| find.descendant( |
| of: find.byType(SliverAppBar), |
| matching: find.byType(Material).first, |
| ), |
| ); |
| expect(material.color, backgroundColor); |
| expect(material.shadowColor, shadowColor); |
| expect(material.shape, shape); |
| |
| final RichText actionIcon = tester.widget(find.byType(RichText).last); |
| expect(actionIcon.text.style!.color, actionsIconTheme.color); |
| |
| // Scroll to collapse the SliverAppBar. |
| final ScrollController controller = primaryScrollController(tester); |
| controller.jumpTo(120); |
| await tester.pumpAndSettle(); |
| |
| // Test title spacing. |
| final Finder collapsedTitle = find.text(title).last; |
| final Offset titleOffset = tester.getTopLeft(collapsedTitle); |
| final Offset iconOffset = tester.getTopRight(find.ancestor(of: find.widgetWithIcon(IconButton, Icons.menu), matching: find.byType(ConstrainedBox))); |
| expect(titleOffset.dx, iconOffset.dx + titleSpacing); |
| }); |
| |
| testWidgets('SliverAppBar.large uses AppBarTheme properties', (WidgetTester tester) async { |
| const String title = 'Large App Bar'; |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: CustomScrollView( |
| primary: true, |
| slivers: <Widget>[ |
| SliverAppBar.large( |
| leading: IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.menu), |
| ), |
| title: const Text(title), |
| actions: <Widget>[ |
| IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.search), |
| ), |
| ], |
| ), |
| ], |
| ), |
| )); |
| |
| // Test title. |
| final RichText titleText = tester.firstWidget(find.byType(RichText)); |
| expect(titleText.text.style!.fontSize, appBarTheme.titleTextStyle!.fontSize); |
| expect(titleText.text.style!.fontStyle, appBarTheme.titleTextStyle!.fontStyle); |
| |
| // Test background color, shadow color, and shape. |
| final Material material = tester.widget<Material>( |
| find.descendant( |
| of: find.byType(SliverAppBar), |
| matching: find.byType(Material).first, |
| ), |
| ); |
| expect(material.color, appBarTheme.backgroundColor); |
| expect(material.shadowColor, appBarTheme.shadowColor); |
| expect(material.shape, appBarTheme.shape); |
| |
| final RichText actionIcon = tester.widget(find.byType(RichText).last); |
| expect(actionIcon.text.style!.color, appBarTheme.actionsIconTheme!.color); |
| |
| // Scroll to collapse the SliverAppBar. |
| final ScrollController controller = primaryScrollController(tester); |
| controller.jumpTo(120); |
| await tester.pumpAndSettle(); |
| |
| // Test title spacing. |
| final Finder collapsedTitle = find.text(title).last; |
| final Offset titleOffset = tester.getTopLeft(collapsedTitle); |
| final Offset iconOffset = tester.getTopRight(find.ancestor(of: find.widgetWithIcon(IconButton, Icons.menu), matching: find.byType(ConstrainedBox))); |
| expect(titleOffset.dx, iconOffset.dx + appBarTheme.titleSpacing!); |
| }); |
| |
| testWidgets('SliverAppBar.large properties take priority over AppBarTheme properties', (WidgetTester tester) async { |
| const String title = 'Large App Bar'; |
| const Color backgroundColor = Color(0xff000099); |
| const Color foregroundColor = Color(0xff00ff98); |
| const Color shadowColor = Color(0xff00ff97); |
| const ShapeBorder shape = RoundedRectangleBorder( |
| borderRadius: BorderRadiusDirectional.only(bottomStart: Radius.circular(12.0)), |
| ); |
| const IconThemeData iconTheme = IconThemeData(color: Color(0xff00ff96)); |
| const IconThemeData actionsIconTheme = IconThemeData(color: Color(0xff00ff95)); |
| const double titleSpacing = 18.0; |
| const TextStyle titleTextStyle = TextStyle( |
| fontSize: 22.9, |
| fontStyle: FontStyle.italic, |
| ); |
| |
| await tester.pumpWidget(MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: CustomScrollView( |
| primary: true, |
| slivers: <Widget>[ |
| SliverAppBar.large( |
| centerTitle: false, |
| backgroundColor: backgroundColor, |
| foregroundColor: foregroundColor, |
| shadowColor: shadowColor, |
| shape: shape, |
| iconTheme: iconTheme, |
| actionsIconTheme: actionsIconTheme, |
| titleSpacing: titleSpacing, |
| titleTextStyle: titleTextStyle, |
| leading: IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.menu), |
| ), |
| title: const Text(title), |
| actions: <Widget>[ |
| IconButton( |
| onPressed: () {}, |
| icon: const Icon(Icons.search), |
| ), |
| ], |
| ), |
| ], |
| ), |
| )); |
| |
| // Test title. |
| final RichText titleText = tester.firstWidget(find.byType(RichText)); |
| expect(titleText.text.style, titleTextStyle); |
| |
| // Test background color, shadow color, and shape. |
| final Material material = tester.widget<Material>( |
| find.descendant( |
| of: find.byType(SliverAppBar), |
| matching: find.byType(Material).first, |
| ), |
| ); |
| expect(material.color, backgroundColor); |
| expect(material.shadowColor, shadowColor); |
| expect(material.shape, shape); |
| |
| final RichText actionIcon = tester.widget(find.byType(RichText).last); |
| expect(actionIcon.text.style!.color, actionsIconTheme.color); |
| |
| // Scroll to collapse the SliverAppBar. |
| final ScrollController controller = primaryScrollController(tester); |
| controller.jumpTo(120); |
| await tester.pumpAndSettle(); |
| |
| // Test title spacing. |
| final Finder collapsedTitle = find.text(title).last; |
| final Offset titleOffset = tester.getTopLeft(collapsedTitle); |
| final Offset iconOffset = tester.getTopRight(find.ancestor(of: find.widgetWithIcon(IconButton, Icons.menu), matching: find.byType(ConstrainedBox))); |
| expect(titleOffset.dx, iconOffset.dx + titleSpacing); |
| }); |
| |
| testWidgets( |
| 'SliverAppBar medium & large supports foregroundColor', (WidgetTester tester) async { |
| const String title = 'AppBar title'; |
| const AppBarTheme appBarTheme = AppBarTheme(foregroundColor: Color(0xff00ff20)); |
| const Color foregroundColor = Color(0xff001298); |
| |
| Widget buildWidget({ Color? color, AppBarTheme? appBarTheme }) { |
| return MaterialApp( |
| theme: ThemeData(appBarTheme: appBarTheme), |
| home: CustomScrollView( |
| primary: true, |
| slivers: <Widget>[ |
| SliverAppBar.medium( |
| foregroundColor: color, |
| title: const Text(title), |
| ), |
| SliverAppBar.large( |
| foregroundColor: color, |
| title: const Text(title), |
| ), |
| ], |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildWidget(appBarTheme: appBarTheme)); |
| |
| // Test AppBarTheme.foregroundColor parameter. |
| RichText mediumTitle = tester.widget(find.byType(RichText).first); |
| expect(mediumTitle.text.style!.color, appBarTheme.foregroundColor); |
| RichText largeTitle = tester.widget(find.byType(RichText).first); |
| expect(largeTitle.text.style!.color, appBarTheme.foregroundColor); |
| |
| await tester.pumpWidget(buildWidget( |
| color: foregroundColor, appBarTheme: appBarTheme), |
| ); |
| |
| // Test foregroundColor parameter. |
| mediumTitle = tester.widget(find.byType(RichText).first); |
| expect(mediumTitle.text.style!.color, foregroundColor); |
| largeTitle = tester.widget(find.byType(RichText).first); |
| expect(largeTitle.text.style!.color, foregroundColor); |
| }); |
| |
| testWidgets('Default AppBarTheme debugFillProperties', (WidgetTester tester) async { |
| final DiagnosticPropertiesBuilder builder = DiagnosticPropertiesBuilder(); |
| const AppBarTheme().debugFillProperties(builder); |
| |
| final List<String> description = builder.properties |
| .where((DiagnosticsNode node) => !node.isFiltered(DiagnosticLevel.info)) |
| .map((DiagnosticsNode node) => node.toString()) |
| .toList(); |
| |
| expect(description, <String>[]); |
| }); |
| |
| testWidgets('AppBarTheme implements debugFillProperties', (WidgetTester tester) async { |
| final DiagnosticPropertiesBuilder builder = DiagnosticPropertiesBuilder(); |
| const AppBarTheme( |
| backgroundColor: Color(0xff000000), |
| foregroundColor: Color(0xff000001), |
| elevation: 8.0, |
| scrolledUnderElevation: 3, |
| shadowColor: Color(0xff000002), |
| surfaceTintColor: Color(0xff000003), |
| shape: StadiumBorder(), |
| iconTheme: IconThemeData(color: Color(0xff000004)), |
| centerTitle: true, |
| titleSpacing: 40.0, |
| toolbarHeight: 96, |
| toolbarTextStyle: TextStyle(color: Color(0xff000005)), |
| titleTextStyle: TextStyle(color: Color(0xff000006)), |
| systemOverlayStyle: SystemUiOverlayStyle( |
| systemNavigationBarColor: Color(0xff000007), |
| ), |
| ).debugFillProperties(builder); |
| |
| final List<String> description = builder.properties |
| .where((DiagnosticsNode node) => !node.isFiltered(DiagnosticLevel.info)) |
| .map((DiagnosticsNode node) => node.toString()) |
| .toList(); |
| |
| expect( |
| description, |
| equalsIgnoringHashCodes( |
| <String>[ |
| 'backgroundColor: Color(0xff000000)', |
| 'foregroundColor: Color(0xff000001)', |
| 'elevation: 8.0', |
| 'scrolledUnderElevation: 3.0', |
| 'shadowColor: Color(0xff000002)', |
| 'surfaceTintColor: Color(0xff000003)', |
| 'shape: StadiumBorder(BorderSide(width: 0.0, style: none))', |
| 'iconTheme: IconThemeData#00000(color: Color(0xff000004))', |
| 'centerTitle: true', |
| 'titleSpacing: 40.0', |
| 'toolbarHeight: 96.0', |
| 'toolbarTextStyle: TextStyle(inherit: true, color: Color(0xff000005))', |
| 'titleTextStyle: TextStyle(inherit: true, color: Color(0xff000006))' |
| ], |
| ), |
| ); |
| |
| // On the web, Dart doubles and ints are backed by the same kind of object because |
| // JavaScript does not support integers. So, the Dart double "4.0" is identical |
| // to "4", which results in the web evaluating to the value "4" regardless of which |
| // one is used. This results in a difference for doubles in debugFillProperties between |
| // the web and the rest of Flutter's target platforms. |
| }, skip: kIsWeb); // https://github.com/flutter/flutter/issues/87364 |
| |
| // This is a regression test for https://github.com/flutter/flutter/issues/130485. |
| testWidgets('Material3 - AppBarTheme.iconTheme correctly applies custom white color in dark mode', (WidgetTester tester) async { |
| final ThemeData themeData = ThemeData( |
| useMaterial3: true, |
| brightness: Brightness.dark, |
| appBarTheme: const AppBarTheme(iconTheme: IconThemeData(color: Colors.white)), |
| ); |
| await tester.pumpWidget( |
| MaterialApp( |
| theme: themeData, |
| home: Scaffold( |
| appBar: AppBar( |
| leading: IconButton(icon: const Icon(Icons.menu), onPressed: () {}), |
| actions: <Widget>[ |
| IconButton(icon: const Icon(Icons.add), onPressed: () {}), |
| ], |
| ), |
| ), |
| ), |
| ); |
| |
| Color? leadingIconButtonColor() => _iconStyle(tester, Icons.menu)?.color; |
| Color? actionIconButtonColor() => _iconStyle(tester, Icons.add)?.color; |
| |
| expect(leadingIconButtonColor(), Colors.white); |
| expect(actionIconButtonColor(), Colors.white); |
| }); |
| } |
| |
| AppBarTheme _appBarTheme() { |
| const SystemUiOverlayStyle systemOverlayStyle = SystemUiOverlayStyle.dark; |
| const Color backgroundColor = Colors.lightBlue; |
| const double elevation = 6.0; |
| const Color shadowColor = Colors.red; |
| const Color surfaceTintColor = Colors.green; |
| const IconThemeData iconThemeData = IconThemeData(color: Colors.black); |
| const IconThemeData actionsIconThemeData = IconThemeData(color: Colors.pink); |
| return const AppBarTheme( |
| actionsIconTheme: actionsIconThemeData, |
| systemOverlayStyle: systemOverlayStyle, |
| backgroundColor: backgroundColor, |
| elevation: elevation, |
| shadowColor: shadowColor, |
| surfaceTintColor: surfaceTintColor, |
| shape: StadiumBorder(), |
| iconTheme: iconThemeData, |
| toolbarHeight: 96, |
| toolbarTextStyle: TextStyle(color: Colors.yellow), |
| titleTextStyle: TextStyle(color: Colors.pink), |
| ); |
| } |
| |
| Material _getAppBarMaterial(WidgetTester tester) { |
| return tester.widget<Material>( |
| find.descendant( |
| of: find.byType(AppBar), |
| matching: find.byType(Material), |
| ).first, |
| ); |
| } |
| |
| IconTheme _getAppBarIconTheme(WidgetTester tester) { |
| return tester.widget<IconTheme>( |
| find.descendant( |
| of: find.byType(AppBar), |
| matching: find.byType(IconTheme), |
| ).first, |
| ); |
| } |
| |
| IconTheme _getAppBarActionsIconTheme(WidgetTester tester) { |
| return tester.widget<IconTheme>( |
| find.descendant( |
| of: find.byType(NavigationToolbar), |
| matching: find.byType(IconTheme), |
| ).first, |
| ); |
| } |
| |
| RichText _getAppBarIconRichText(WidgetTester tester) { |
| return tester.widget<RichText>( |
| find.descendant( |
| of: find.byType(Icon), |
| matching: find.byType(RichText), |
| ).first, |
| ); |
| } |
| |
| DefaultTextStyle _getAppBarText(WidgetTester tester) { |
| return tester.widget<DefaultTextStyle>( |
| find.descendant( |
| of: find.byType(CustomSingleChildLayout), |
| matching: find.byType(DefaultTextStyle), |
| ).first, |
| ); |
| } |
| |
| TextStyle? _iconStyle(WidgetTester tester, IconData icon) { |
| final RichText iconRichText = tester.widget<RichText>( |
| find.descendant(of: find.byIcon(icon).first, matching: find.byType(RichText)), |
| ); |
| return iconRichText.text.style; |
| } |
