mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
9d96df2364
WIP Commits separated as follows: - Update lints in analysis_options files - Run `dart fix --apply` - Clean up leftover analysis issues - Run `dart format .` in the right places. Local analysis and testing passes. Checking CI now. Part of https://github.com/flutter/flutter/issues/178827 - Adoption of flutter_lints in examples/api coming in a separate change (cc @loic-sharma) ## Pre-launch Checklist - [ ] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [ ] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [ ] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [ ] I signed the [CLA]. - [ ] I listed at least one issue that this PR fixes in the description above. - [ ] I updated/added relevant documentation (doc comments with `///`). - [ ] I added new tests to check the change I am making, or this PR is [test-exempt]. - [ ] I followed the [breaking change policy] and added [Data Driven Fixes] where supported. - [ ] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord]. **Note**: The Flutter team is currently trialing the use of [Gemini Code Assist for GitHub](https://developers.google.com/gemini-code-assist/docs/review-github-code). Comments from the `gemini-code-assist` bot should not be taken as authoritative feedback from the Flutter team. If you find its comments useful you can update your code accordingly, but if you are unsure or disagree with the feedback, please feel free to wait for a Flutter team member's review for guidance on which automated comments should be addressed. <!-- Links --> [Contributor Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview [Tree Hygiene]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md [test-exempt]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests [Flutter Style Guide]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md [Features we expect every widget to implement]: https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md [Data Driven Fixes]: https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md
765 lines
31 KiB
Dart
765 lines
31 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/foundation.dart' show kIsWeb;
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
PopupMenuThemeData _popupMenuThemeM2() {
|
|
return PopupMenuThemeData(
|
|
color: Colors.orange,
|
|
shape: const BeveledRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12))),
|
|
elevation: 12.0,
|
|
textStyle: const TextStyle(color: Color(0xffffffff), textBaseline: TextBaseline.alphabetic),
|
|
mouseCursor: WidgetStateProperty.resolveWith<MouseCursor?>((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return SystemMouseCursors.contextMenu;
|
|
}
|
|
return SystemMouseCursors.alias;
|
|
}),
|
|
);
|
|
}
|
|
|
|
PopupMenuThemeData _popupMenuThemeM3() {
|
|
return PopupMenuThemeData(
|
|
color: Colors.orange,
|
|
shape: const BeveledRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12))),
|
|
menuPadding: const EdgeInsets.symmetric(vertical: 9.0),
|
|
elevation: 12.0,
|
|
shadowColor: const Color(0xff00ff00),
|
|
surfaceTintColor: const Color(0xff00ff00),
|
|
labelTextStyle: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return const TextStyle(color: Color(0xfff99ff0), fontSize: 12.0);
|
|
}
|
|
return const TextStyle(color: Color(0xfff12099), fontSize: 17.0);
|
|
}),
|
|
mouseCursor: WidgetStateProperty.resolveWith<MouseCursor?>((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return SystemMouseCursors.contextMenu;
|
|
}
|
|
return SystemMouseCursors.alias;
|
|
}),
|
|
iconColor: const Color(0xfff12099),
|
|
iconSize: 17.0,
|
|
);
|
|
}
|
|
|
|
void main() {
|
|
test('PopupMenuThemeData copyWith, ==, hashCode basics', () {
|
|
expect(const PopupMenuThemeData(), const PopupMenuThemeData().copyWith());
|
|
expect(const PopupMenuThemeData().hashCode, const PopupMenuThemeData().copyWith().hashCode);
|
|
});
|
|
|
|
test('PopupMenuThemeData lerp special cases', () {
|
|
expect(PopupMenuThemeData.lerp(null, null, 0), null);
|
|
const data = PopupMenuThemeData();
|
|
expect(identical(PopupMenuThemeData.lerp(data, data, 0.5), data), true);
|
|
});
|
|
|
|
test('PopupMenuThemeData null fields by default', () {
|
|
const popupMenuTheme = PopupMenuThemeData();
|
|
expect(popupMenuTheme.color, null);
|
|
expect(popupMenuTheme.shape, null);
|
|
expect(popupMenuTheme.menuPadding, null);
|
|
expect(popupMenuTheme.elevation, null);
|
|
expect(popupMenuTheme.shadowColor, null);
|
|
expect(popupMenuTheme.surfaceTintColor, null);
|
|
expect(popupMenuTheme.textStyle, null);
|
|
expect(popupMenuTheme.labelTextStyle, null);
|
|
expect(popupMenuTheme.enableFeedback, null);
|
|
expect(popupMenuTheme.mouseCursor, null);
|
|
});
|
|
|
|
testWidgets('Default PopupMenuThemeData debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
const PopupMenuThemeData().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('PopupMenuThemeData implements debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
PopupMenuThemeData(
|
|
color: const Color(0xfffffff1),
|
|
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(2.0))),
|
|
menuPadding: const EdgeInsets.symmetric(vertical: 12.0),
|
|
elevation: 2.0,
|
|
shadowColor: const Color(0xfffffff2),
|
|
surfaceTintColor: const Color(0xfffffff3),
|
|
textStyle: const TextStyle(color: Color(0xfffffff4)),
|
|
labelTextStyle: WidgetStateProperty.resolveWith((Set<WidgetState> states) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return const TextStyle(color: Color(0xfffffff5), fontSize: 12.0);
|
|
}
|
|
return const TextStyle(color: Color(0xfffffff6), fontSize: 17.0);
|
|
}),
|
|
enableFeedback: false,
|
|
mouseCursor: WidgetStateMouseCursor.clickable,
|
|
position: PopupMenuPosition.over,
|
|
iconColor: const Color(0xfffffff8),
|
|
iconSize: 31.0,
|
|
).debugFillProperties(builder);
|
|
|
|
final List<String> description = builder.properties
|
|
.where((DiagnosticsNode node) => !node.isFiltered(DiagnosticLevel.info))
|
|
.map((DiagnosticsNode node) => node.toString())
|
|
.toList();
|
|
|
|
expect(description, <String>[
|
|
'color: ${const Color(0xfffffff1)}',
|
|
'shape: RoundedRectangleBorder(BorderSide(width: 0.0, style: none), BorderRadius.circular(2.0))',
|
|
'menuPadding: EdgeInsets(0.0, 12.0, 0.0, 12.0)',
|
|
'elevation: 2.0',
|
|
'shadowColor: ${const Color(0xfffffff2)}',
|
|
'surfaceTintColor: ${const Color(0xfffffff3)}',
|
|
'text style: TextStyle(inherit: true, color: ${const Color(0xfffffff4)})',
|
|
"labelTextStyle: Instance of '_WidgetStatePropertyWith<TextStyle?>'",
|
|
'enableFeedback: false',
|
|
'mouseCursor: WidgetStateMouseCursor(clickable)',
|
|
'position: over',
|
|
'iconColor: ${const Color(0xfffffff8)}',
|
|
'iconSize: 31.0',
|
|
]);
|
|
});
|
|
|
|
testWidgets('Passing no PopupMenuThemeData returns defaults', (WidgetTester tester) async {
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key enabledPopupItemKey = UniqueKey();
|
|
final Key disabledPopupItemKey = UniqueKey();
|
|
final theme = ThemeData();
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Padding(
|
|
// The padding makes sure the menu has enough space around it to
|
|
// get properly aligned when displayed (`_kMenuScreenPadding`).
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: PopupMenuButton<void>(
|
|
key: popupButtonKey,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<void>>[
|
|
PopupMenuItem<void>(
|
|
key: enabledPopupItemKey,
|
|
child: const Text('Enabled PopupMenuItem'),
|
|
),
|
|
const PopupMenuDivider(),
|
|
PopupMenuItem<void>(
|
|
key: disabledPopupItemKey,
|
|
enabled: false,
|
|
child: const Text('Disabled PopupMenuItem'),
|
|
),
|
|
const CheckedPopupMenuItem<void>(child: Text('Unchecked item')),
|
|
const CheckedPopupMenuItem<void>(checked: true, child: Text('Checked item')),
|
|
];
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Test default button icon color.
|
|
expect(_iconStyle(tester, Icons.adaptive.more)?.color, theme.iconTheme.color);
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, theme.colorScheme.surfaceContainer);
|
|
expect(button.shadowColor, theme.colorScheme.shadow);
|
|
expect(button.surfaceTintColor, Colors.transparent);
|
|
expect(button.shape, RoundedRectangleBorder(borderRadius: BorderRadius.circular(4.0)));
|
|
expect(button.elevation, 3.0);
|
|
|
|
/// The last DefaultTextStyle widget under popupItemKey is the
|
|
/// [PopupMenuItem] specified above, so by finding the last descendent of
|
|
/// popupItemKey that is of type DefaultTextStyle, this code retrieves the
|
|
/// built [PopupMenuItem].
|
|
DefaultTextStyle popupMenuItemLabel = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(of: find.byKey(enabledPopupItemKey), matching: find.byType(DefaultTextStyle))
|
|
.last,
|
|
);
|
|
expect(popupMenuItemLabel.style.fontFamily, 'Roboto');
|
|
expect(popupMenuItemLabel.style.color, theme.colorScheme.onSurface);
|
|
|
|
/// Test disabled text color
|
|
popupMenuItemLabel = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(of: find.byKey(disabledPopupItemKey), matching: find.byType(DefaultTextStyle))
|
|
.last,
|
|
);
|
|
expect(popupMenuItemLabel.style.color, theme.colorScheme.onSurface.withOpacity(0.38));
|
|
|
|
final Offset topLeftButton = tester.getTopLeft(find.byType(PopupMenuButton<void>));
|
|
final Offset topLeftMenu = tester.getTopLeft(find.byWidget(button));
|
|
expect(topLeftMenu, topLeftButton);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(disabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
SystemMouseCursors.basic,
|
|
);
|
|
await gesture.down(tester.getCenter(find.byKey(enabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
kIsWeb ? SystemMouseCursors.click : SystemMouseCursors.basic,
|
|
);
|
|
|
|
// Test unchecked CheckedPopupMenuItem label.
|
|
ListTile listTile = tester.widget<ListTile>(find.byType(ListTile).first);
|
|
expect(listTile.titleTextStyle?.color, theme.colorScheme.onSurface);
|
|
|
|
// Test checked CheckedPopupMenuItem label.
|
|
listTile = tester.widget<ListTile>(find.byType(ListTile).last);
|
|
expect(listTile.titleTextStyle?.color, theme.colorScheme.onSurface);
|
|
|
|
// Check popup menu padding.
|
|
final SingleChildScrollView popupMenu = tester.widget<SingleChildScrollView>(
|
|
find.byType(SingleChildScrollView),
|
|
);
|
|
expect(popupMenu.padding, const EdgeInsets.symmetric(vertical: 8.0));
|
|
});
|
|
|
|
testWidgets('Popup menu uses values from PopupMenuThemeData', (WidgetTester tester) async {
|
|
final PopupMenuThemeData popupMenuTheme = _popupMenuThemeM3();
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key enabledPopupItemKey = UniqueKey();
|
|
final Key disabledPopupItemKey = UniqueKey();
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(popupMenuTheme: popupMenuTheme),
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
PopupMenuButton<void>(
|
|
// The padding is used in the positioning of the menu when the
|
|
// position is `PopupMenuPosition.under`. Setting it to zero makes
|
|
// it easier to test.
|
|
padding: EdgeInsets.zero,
|
|
key: popupButtonKey,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<Object>>[
|
|
PopupMenuItem<Object>(
|
|
key: disabledPopupItemKey,
|
|
enabled: false,
|
|
child: const Text('disabled'),
|
|
),
|
|
const PopupMenuDivider(),
|
|
PopupMenuItem<Object>(
|
|
key: enabledPopupItemKey,
|
|
onTap: () {},
|
|
child: const Text('enabled'),
|
|
),
|
|
const CheckedPopupMenuItem<Object>(child: Text('Unchecked item')),
|
|
const CheckedPopupMenuItem<Object>(checked: true, child: Text('Checked item')),
|
|
];
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(_iconStyle(tester, Icons.adaptive.more)?.color, popupMenuTheme.iconColor);
|
|
expect(
|
|
tester.getSize(find.byIcon(Icons.adaptive.more)),
|
|
Size(popupMenuTheme.iconSize!, popupMenuTheme.iconSize!),
|
|
);
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, Colors.orange);
|
|
expect(button.surfaceTintColor, const Color(0xff00ff00));
|
|
expect(button.shadowColor, const Color(0xff00ff00));
|
|
expect(
|
|
button.shape,
|
|
const BeveledRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(12))),
|
|
);
|
|
expect(button.elevation, 12.0);
|
|
|
|
DefaultTextStyle popupMenuItemLabel = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(of: find.byKey(enabledPopupItemKey), matching: find.byType(DefaultTextStyle))
|
|
.last,
|
|
);
|
|
expect(popupMenuItemLabel.style, popupMenuTheme.labelTextStyle?.resolve(enabled));
|
|
|
|
/// Test disabled text color
|
|
popupMenuItemLabel = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(of: find.byKey(disabledPopupItemKey), matching: find.byType(DefaultTextStyle))
|
|
.last,
|
|
);
|
|
expect(popupMenuItemLabel.style, popupMenuTheme.labelTextStyle?.resolve(disabled));
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(disabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
popupMenuTheme.mouseCursor?.resolve(disabled),
|
|
);
|
|
await gesture.down(tester.getCenter(find.byKey(enabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
popupMenuTheme.mouseCursor?.resolve(enabled),
|
|
);
|
|
|
|
// Test unchecked CheckedPopupMenuItem label.
|
|
ListTile listTile = tester.widget<ListTile>(find.byType(ListTile).first);
|
|
expect(listTile.titleTextStyle, popupMenuTheme.labelTextStyle?.resolve(enabled));
|
|
|
|
// Test checked CheckedPopupMenuItem label.
|
|
listTile = tester.widget<ListTile>(find.byType(ListTile).last);
|
|
expect(listTile.titleTextStyle, popupMenuTheme.labelTextStyle?.resolve(enabled));
|
|
|
|
// Check popup menu padding.
|
|
final SingleChildScrollView popupMenu = tester.widget<SingleChildScrollView>(
|
|
find.byType(SingleChildScrollView),
|
|
);
|
|
expect(popupMenu.padding, popupMenuTheme.menuPadding);
|
|
});
|
|
|
|
testWidgets('Popup menu widget properties take priority over theme', (WidgetTester tester) async {
|
|
final PopupMenuThemeData popupMenuTheme = _popupMenuThemeM3();
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key popupItemKey = UniqueKey();
|
|
|
|
const color = Color(0xfff11fff);
|
|
const surfaceTintColor = Color(0xfff12fff);
|
|
const shadowColor = Color(0xfff13fff);
|
|
const ShapeBorder shape = RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(9.0)),
|
|
);
|
|
const EdgeInsets menuPadding = EdgeInsets.zero;
|
|
const elevation = 7.0;
|
|
const textStyle = TextStyle(color: Color(0xfff14fff), fontSize: 19.0);
|
|
const MouseCursor cursor = SystemMouseCursors.forbidden;
|
|
const iconColor = Color(0xfff15fff);
|
|
const iconSize = 21.5;
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(popupMenuTheme: popupMenuTheme),
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
PopupMenuButton<void>(
|
|
key: popupButtonKey,
|
|
elevation: elevation,
|
|
shadowColor: shadowColor,
|
|
surfaceTintColor: surfaceTintColor,
|
|
color: color,
|
|
shape: shape,
|
|
menuPadding: menuPadding,
|
|
iconColor: iconColor,
|
|
iconSize: iconSize,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<void>>[
|
|
PopupMenuItem<void>(
|
|
key: popupItemKey,
|
|
labelTextStyle: WidgetStateProperty.all<TextStyle>(textStyle),
|
|
mouseCursor: cursor,
|
|
child: const Text('Example'),
|
|
),
|
|
CheckedPopupMenuItem<void>(
|
|
checked: true,
|
|
labelTextStyle: WidgetStateProperty.all<TextStyle>(textStyle),
|
|
child: const Text('Checked item'),
|
|
),
|
|
];
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(_iconStyle(tester, Icons.adaptive.more)?.color, iconColor);
|
|
expect(tester.getSize(find.byIcon(Icons.adaptive.more)), const Size(iconSize, iconSize));
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, color);
|
|
expect(button.shape, shape);
|
|
expect(button.elevation, elevation);
|
|
expect(button.shadowColor, shadowColor);
|
|
expect(button.surfaceTintColor, surfaceTintColor);
|
|
|
|
/// The last DefaultTextStyle widget under popupItemKey is the
|
|
/// [PopupMenuItem] specified above, so by finding the last descendent of
|
|
/// popupItemKey that is of type DefaultTextStyle, this code retrieves the
|
|
/// built [PopupMenuItem].
|
|
final DefaultTextStyle text = tester.widget<DefaultTextStyle>(
|
|
find.descendant(of: find.byKey(popupItemKey), matching: find.byType(DefaultTextStyle)).last,
|
|
);
|
|
expect(text.style, textStyle);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(popupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1), cursor);
|
|
|
|
// Test CheckedPopupMenuItem label.
|
|
final ListTile listTile = tester.widget<ListTile>(find.byType(ListTile).first);
|
|
expect(listTile.titleTextStyle, textStyle);
|
|
|
|
// Check popup menu padding.
|
|
final SingleChildScrollView popupMenu = tester.widget<SingleChildScrollView>(
|
|
find.byType(SingleChildScrollView),
|
|
);
|
|
expect(popupMenu.padding, EdgeInsets.zero);
|
|
});
|
|
|
|
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('Passing no PopupMenuThemeData returns defaults', (WidgetTester tester) async {
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key enabledPopupItemKey = UniqueKey();
|
|
final Key disabledPopupItemKey = UniqueKey();
|
|
final theme = ThemeData(useMaterial3: false);
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: theme,
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Padding(
|
|
// The padding makes sure the menu has enough space around it to
|
|
// get properly aligned when displayed (`_kMenuScreenPadding`).
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: PopupMenuButton<void>(
|
|
key: popupButtonKey,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<void>>[
|
|
PopupMenuItem<void>(
|
|
key: enabledPopupItemKey,
|
|
child: const Text('Enabled PopupMenuItem'),
|
|
),
|
|
const PopupMenuDivider(),
|
|
PopupMenuItem<void>(
|
|
key: disabledPopupItemKey,
|
|
enabled: false,
|
|
child: const Text('Disabled PopupMenuItem'),
|
|
),
|
|
];
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, null);
|
|
expect(button.shape, null);
|
|
expect(button.elevation, 8.0);
|
|
|
|
/// The last DefaultTextStyle widget under popupItemKey is the
|
|
/// [PopupMenuItem] specified above, so by finding the last descendent of
|
|
/// popupItemKey that is of type DefaultTextStyle, this code retrieves the
|
|
/// built [PopupMenuItem].
|
|
final DefaultTextStyle enabledText = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(
|
|
of: find.byKey(enabledPopupItemKey),
|
|
matching: find.byType(DefaultTextStyle),
|
|
)
|
|
.last,
|
|
);
|
|
expect(enabledText.style.fontFamily, 'Roboto');
|
|
expect(enabledText.style.color, const Color(0xdd000000));
|
|
|
|
/// Test disabled text color
|
|
final DefaultTextStyle disabledText = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(
|
|
of: find.byKey(disabledPopupItemKey),
|
|
matching: find.byType(DefaultTextStyle),
|
|
)
|
|
.last,
|
|
);
|
|
expect(disabledText.style.color, theme.disabledColor);
|
|
|
|
final Offset topLeftButton = tester.getTopLeft(find.byType(PopupMenuButton<void>));
|
|
final Offset topLeftMenu = tester.getTopLeft(find.byWidget(button));
|
|
expect(topLeftMenu, topLeftButton);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(disabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
SystemMouseCursors.basic,
|
|
);
|
|
await gesture.down(tester.getCenter(find.byKey(enabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
kIsWeb ? SystemMouseCursors.click : SystemMouseCursors.basic,
|
|
);
|
|
|
|
// Check popup menu padding.
|
|
final SingleChildScrollView popupMenu = tester.widget<SingleChildScrollView>(
|
|
find.byType(SingleChildScrollView),
|
|
);
|
|
expect(popupMenu.padding, const EdgeInsets.symmetric(vertical: 8.0));
|
|
});
|
|
|
|
testWidgets('Popup menu uses values from PopupMenuThemeData', (WidgetTester tester) async {
|
|
final PopupMenuThemeData popupMenuTheme = _popupMenuThemeM2();
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key enabledPopupItemKey = UniqueKey();
|
|
final Key disabledPopupItemKey = UniqueKey();
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(popupMenuTheme: popupMenuTheme, useMaterial3: false),
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
PopupMenuButton<void>(
|
|
// The padding is used in the positioning of the menu when the
|
|
// position is `PopupMenuPosition.under`. Setting it to zero makes
|
|
// it easier to test.
|
|
padding: EdgeInsets.zero,
|
|
key: popupButtonKey,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<Object>>[
|
|
PopupMenuItem<Object>(
|
|
key: disabledPopupItemKey,
|
|
enabled: false,
|
|
child: const Text('disabled'),
|
|
),
|
|
const PopupMenuDivider(),
|
|
PopupMenuItem<Object>(
|
|
key: enabledPopupItemKey,
|
|
onTap: () {},
|
|
child: const Text('enabled'),
|
|
),
|
|
];
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, popupMenuTheme.color);
|
|
expect(button.shape, popupMenuTheme.shape);
|
|
expect(button.elevation, popupMenuTheme.elevation);
|
|
|
|
/// The last DefaultTextStyle widget under popupItemKey is the
|
|
/// [PopupMenuItem] specified above, so by finding the last descendent of
|
|
/// popupItemKey that is of type DefaultTextStyle, this code retrieves the
|
|
/// built [PopupMenuItem].
|
|
final DefaultTextStyle text = tester.widget<DefaultTextStyle>(
|
|
find
|
|
.descendant(
|
|
of: find.byKey(enabledPopupItemKey),
|
|
matching: find.byType(DefaultTextStyle),
|
|
)
|
|
.last,
|
|
);
|
|
expect(text.style, popupMenuTheme.textStyle);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(disabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
popupMenuTheme.mouseCursor?.resolve(disabled),
|
|
);
|
|
await gesture.down(tester.getCenter(find.byKey(enabledPopupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(
|
|
RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1),
|
|
popupMenuTheme.mouseCursor?.resolve(enabled),
|
|
);
|
|
});
|
|
|
|
testWidgets('Popup menu widget properties take priority over theme', (
|
|
WidgetTester tester,
|
|
) async {
|
|
final PopupMenuThemeData popupMenuTheme = _popupMenuThemeM2();
|
|
final Key popupButtonKey = UniqueKey();
|
|
final Key popupButtonApp = UniqueKey();
|
|
final Key popupItemKey = UniqueKey();
|
|
|
|
const Color color = Colors.purple;
|
|
const Color surfaceTintColor = Colors.amber;
|
|
const Color shadowColor = Colors.green;
|
|
const ShapeBorder shape = RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(9.0)),
|
|
);
|
|
const elevation = 7.0;
|
|
const textStyle = TextStyle(color: Color(0xffffffef), fontSize: 19.0);
|
|
const MouseCursor cursor = SystemMouseCursors.forbidden;
|
|
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(popupMenuTheme: popupMenuTheme),
|
|
key: popupButtonApp,
|
|
home: Material(
|
|
child: Column(
|
|
children: <Widget>[
|
|
PopupMenuButton<void>(
|
|
key: popupButtonKey,
|
|
elevation: elevation,
|
|
shadowColor: shadowColor,
|
|
surfaceTintColor: surfaceTintColor,
|
|
color: color,
|
|
shape: shape,
|
|
itemBuilder: (BuildContext context) {
|
|
return <PopupMenuEntry<void>>[
|
|
PopupMenuItem<void>(
|
|
key: popupItemKey,
|
|
labelTextStyle: WidgetStateProperty.all<TextStyle>(textStyle),
|
|
mouseCursor: cursor,
|
|
child: const Text('Example'),
|
|
),
|
|
];
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
await tester.tap(find.byKey(popupButtonKey));
|
|
await tester.pumpAndSettle();
|
|
|
|
/// The last Material widget under popupButtonApp is the [PopupMenuButton]
|
|
/// specified above, so by finding the last descendent of popupButtonApp
|
|
/// that is of type Material, this code retrieves the built
|
|
/// [PopupMenuButton].
|
|
final Material button = tester.widget<Material>(
|
|
find.descendant(of: find.byKey(popupButtonApp), matching: find.byType(Material)).last,
|
|
);
|
|
expect(button.color, color);
|
|
expect(button.shape, shape);
|
|
expect(button.elevation, elevation);
|
|
expect(button.shadowColor, shadowColor);
|
|
expect(button.surfaceTintColor, surfaceTintColor);
|
|
|
|
/// The last DefaultTextStyle widget under popupItemKey is the
|
|
/// [PopupMenuItem] specified above, so by finding the last descendent of
|
|
/// popupItemKey that is of type DefaultTextStyle, this code retrieves the
|
|
/// built [PopupMenuItem].
|
|
final DefaultTextStyle text = tester.widget<DefaultTextStyle>(
|
|
find.descendant(of: find.byKey(popupItemKey), matching: find.byType(DefaultTextStyle)).last,
|
|
);
|
|
expect(text.style, textStyle);
|
|
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.addPointer();
|
|
addTearDown(gesture.removePointer);
|
|
await gesture.moveTo(tester.getCenter(find.byKey(popupItemKey)));
|
|
await tester.pumpAndSettle();
|
|
expect(RendererBinding.instance.mouseTracker.debugDeviceActiveCursor(1), cursor);
|
|
});
|
|
});
|
|
}
|
|
|
|
Set<WidgetState> enabled = <WidgetState>{};
|
|
Set<WidgetState> disabled = <WidgetState>{WidgetState.disabled};
|
|
|
|
TextStyle? _iconStyle(WidgetTester tester, IconData icon) {
|
|
return tester
|
|
.widget<RichText>(find.descendant(of: find.byIcon(icon), matching: find.byType(RichText)))
|
|
.text
|
|
.style;
|
|
}
|