474 lines
18 KiB
Dart
474 lines
18 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/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
void onPressed(TestMenu item) {}
|
|
|
|
Finder findMenuPanels(Axis orientation) {
|
|
return find.byWidgetPredicate((Widget widget) {
|
|
return widget.runtimeType.toString() == '_MenuPanel' &&
|
|
(widget as dynamic).orientation == orientation;
|
|
});
|
|
}
|
|
|
|
Finder findMenuBarPanel() {
|
|
return findMenuPanels(Axis.horizontal);
|
|
}
|
|
|
|
Finder findSubmenuPanel() {
|
|
return findMenuPanels(Axis.vertical);
|
|
}
|
|
|
|
Finder findSubMenuItem() {
|
|
return find.descendant(of: findSubmenuPanel().last, matching: find.byType(MenuItemButton));
|
|
}
|
|
|
|
Material getMenuBarPanelMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(of: findMenuBarPanel(), matching: find.byType(Material)).first,
|
|
);
|
|
}
|
|
|
|
Material getSubmenuPanelMaterial(WidgetTester tester) {
|
|
return tester.widget<Material>(
|
|
find.descendant(of: findSubmenuPanel(), matching: find.byType(Material)).first,
|
|
);
|
|
}
|
|
|
|
DefaultTextStyle getLabelStyle(WidgetTester tester, String labelText) {
|
|
return tester.widget<DefaultTextStyle>(
|
|
find.ancestor(of: find.text(labelText), matching: find.byType(DefaultTextStyle)).first,
|
|
);
|
|
}
|
|
|
|
Future<TestGesture> hoverOver(WidgetTester tester, Finder finder) async {
|
|
final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
|
|
await gesture.moveTo(tester.getCenter(finder));
|
|
await tester.pumpAndSettle();
|
|
return gesture;
|
|
}
|
|
|
|
test('MenuThemeData defaults', () {
|
|
const menuThemeData = MenuThemeData();
|
|
expect(menuThemeData.style, isNull);
|
|
expect(menuThemeData.submenuIcon, isNull);
|
|
});
|
|
|
|
testWidgets('Default MenuThemeData debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
const MenuThemeData().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('MenuThemeData debugFillProperties', (WidgetTester tester) async {
|
|
final builder = DiagnosticPropertiesBuilder();
|
|
const MenuThemeData(
|
|
style: MenuStyle(backgroundColor: WidgetStatePropertyAll<Color?>(Color(0xfffffff1))),
|
|
submenuIcon: WidgetStatePropertyAll<Widget?>(Icon(Icons.add)),
|
|
).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>[
|
|
'style: MenuStyle#c6d29(backgroundColor: WidgetStatePropertyAll(Color(alpha: 1.0000, red: 1.0000, green: 1.0000, blue: 0.9451, colorSpace: ColorSpace.sRGB)))',
|
|
'submenuIcon: WidgetStatePropertyAll(Icon(IconData(U+0E047)))',
|
|
]),
|
|
);
|
|
});
|
|
|
|
test('MenuThemeData lerp special cases', () {
|
|
expect(MenuThemeData.lerp(null, null, 0), null);
|
|
const data = MenuThemeData();
|
|
expect(identical(MenuThemeData.lerp(data, data, 0.5), data), true);
|
|
});
|
|
|
|
testWidgets('theme is honored', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: Material(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return MenuBarTheme(
|
|
data: const MenuBarThemeData(
|
|
style: MenuStyle(
|
|
backgroundColor: MaterialStatePropertyAll<Color?>(Colors.green),
|
|
elevation: MaterialStatePropertyAll<double?>(20.0),
|
|
),
|
|
),
|
|
child: MenuTheme(
|
|
data: const MenuThemeData(
|
|
style: MenuStyle(
|
|
backgroundColor: MaterialStatePropertyAll<Color?>(Colors.red),
|
|
elevation: MaterialStatePropertyAll<double?>(15.0),
|
|
shape: MaterialStatePropertyAll<OutlinedBorder?>(StadiumBorder()),
|
|
padding: MaterialStatePropertyAll<EdgeInsetsGeometry>(
|
|
EdgeInsetsDirectional.all(10.0),
|
|
),
|
|
),
|
|
),
|
|
child: Column(
|
|
children: <Widget>[
|
|
MenuBar(children: createTestMenus(onPressed: onPressed)),
|
|
const Expanded(child: Placeholder()),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Open a test menu.
|
|
await tester.tap(find.text(TestMenu.mainMenu1.label));
|
|
await tester.pump();
|
|
expect(
|
|
tester.getRect(findMenuBarPanel().first),
|
|
equals(const Rect.fromLTRB(234.0, 0.0, 566.0, 48.0)),
|
|
);
|
|
final Material menuBarMaterial = getMenuBarPanelMaterial(tester);
|
|
expect(menuBarMaterial.elevation, equals(20));
|
|
expect(menuBarMaterial.color, equals(Colors.green));
|
|
|
|
final Material subMenuMaterial = getSubmenuPanelMaterial(tester);
|
|
expect(
|
|
tester.getRect(findSubmenuPanel()),
|
|
equals(const Rect.fromLTRB(336.0, 48.0, 570.0, 212.0)),
|
|
);
|
|
expect(subMenuMaterial.elevation, equals(15));
|
|
expect(subMenuMaterial.color, equals(Colors.red));
|
|
});
|
|
|
|
testWidgets('Constructor parameters override theme parameters', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
theme: ThemeData(useMaterial3: false),
|
|
home: Material(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return MenuBarTheme(
|
|
data: const MenuBarThemeData(
|
|
style: MenuStyle(
|
|
backgroundColor: MaterialStatePropertyAll<Color?>(Colors.green),
|
|
elevation: MaterialStatePropertyAll<double?>(20.0),
|
|
),
|
|
),
|
|
child: MenuTheme(
|
|
data: const MenuThemeData(
|
|
style: MenuStyle(
|
|
backgroundColor: MaterialStatePropertyAll<Color?>(Colors.red),
|
|
elevation: MaterialStatePropertyAll<double?>(15.0),
|
|
shape: MaterialStatePropertyAll<OutlinedBorder?>(StadiumBorder()),
|
|
padding: MaterialStatePropertyAll<EdgeInsetsGeometry>(
|
|
EdgeInsetsDirectional.all(10.0),
|
|
),
|
|
),
|
|
),
|
|
child: Column(
|
|
children: <Widget>[
|
|
MenuBar(
|
|
style: const MenuStyle(
|
|
backgroundColor: MaterialStatePropertyAll<Color?>(Colors.blue),
|
|
elevation: MaterialStatePropertyAll<double?>(10.0),
|
|
padding: MaterialStatePropertyAll<EdgeInsetsGeometry>(
|
|
EdgeInsetsDirectional.all(12.0),
|
|
),
|
|
),
|
|
children: createTestMenus(
|
|
onPressed: onPressed,
|
|
menuBackground: Colors.cyan,
|
|
menuElevation: 18.0,
|
|
menuPadding: const EdgeInsetsDirectional.all(14.0),
|
|
menuShape: const BeveledRectangleBorder(),
|
|
itemBackground: Colors.amber,
|
|
itemForeground: Colors.grey,
|
|
itemOverlay: Colors.blueGrey,
|
|
itemPadding: const EdgeInsetsDirectional.all(11.0),
|
|
itemShape: const StadiumBorder(),
|
|
),
|
|
),
|
|
const Expanded(child: Placeholder()),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
// Open a test menu.
|
|
await tester.tap(find.text(TestMenu.mainMenu1.label));
|
|
await tester.pump();
|
|
|
|
expect(
|
|
tester.getRect(findMenuBarPanel().first),
|
|
equals(const Rect.fromLTRB(226.0, 0.0, 574.0, 72.0)),
|
|
);
|
|
final Material menuBarMaterial = getMenuBarPanelMaterial(tester);
|
|
expect(menuBarMaterial.elevation, equals(10.0));
|
|
expect(menuBarMaterial.color, equals(Colors.blue));
|
|
|
|
final Material subMenuMaterial = getSubmenuPanelMaterial(tester);
|
|
expect(
|
|
tester.getRect(findSubmenuPanel()),
|
|
equals(const Rect.fromLTRB(332.0, 60.0, 574.0, 232.0)),
|
|
);
|
|
expect(subMenuMaterial.elevation, equals(18));
|
|
expect(subMenuMaterial.color, equals(Colors.cyan));
|
|
expect(subMenuMaterial.shape, equals(const BeveledRectangleBorder()));
|
|
|
|
final Finder menuItem = findSubMenuItem();
|
|
expect(tester.getRect(menuItem.first), equals(const Rect.fromLTRB(346.0, 74.0, 560.0, 122.0)));
|
|
final Material menuItemMaterial = tester.widget<Material>(
|
|
find.ancestor(of: find.text(TestMenu.subMenu10.label), matching: find.byType(Material)).first,
|
|
);
|
|
expect(menuItemMaterial.color, equals(Colors.amber));
|
|
expect(menuItemMaterial.elevation, equals(0.0));
|
|
expect(menuItemMaterial.shape, equals(const StadiumBorder()));
|
|
expect(getLabelStyle(tester, TestMenu.subMenu10.label).style.color, equals(Colors.grey));
|
|
final ButtonStyle? textButtonStyle = tester
|
|
.widget<TextButton>(
|
|
find
|
|
.ancestor(of: find.text(TestMenu.subMenu10.label), matching: find.byType(TextButton))
|
|
.first,
|
|
)
|
|
.style;
|
|
expect(
|
|
textButtonStyle?.overlayColor?.resolve(<WidgetState>{WidgetState.hovered}),
|
|
equals(Colors.blueGrey),
|
|
);
|
|
});
|
|
|
|
testWidgets('SubmenuButton.submenuIcon updates default arrow icon', (WidgetTester tester) async {
|
|
final controller = MenuController();
|
|
const IconData disabledIcon = Icons.close_fullscreen;
|
|
const IconData hoveredIcon = Icons.ac_unit;
|
|
const IconData focusedIcon = Icons.zoom_out;
|
|
const IconData defaultIcon = Icons.minimize;
|
|
final WidgetStateProperty<Widget?> submenuIcon = WidgetStateProperty.resolveWith<Widget?>((
|
|
Set<WidgetState> states,
|
|
) {
|
|
if (states.contains(WidgetState.disabled)) {
|
|
return const Icon(disabledIcon);
|
|
}
|
|
if (states.contains(WidgetState.hovered)) {
|
|
return const Icon(hoveredIcon);
|
|
}
|
|
if (states.contains(WidgetState.focused)) {
|
|
return const Icon(focusedIcon);
|
|
}
|
|
return const Icon(defaultIcon);
|
|
});
|
|
|
|
Widget buildMenu({WidgetStateProperty<Widget?>? icon, bool enabled = true}) {
|
|
return MaterialApp(
|
|
theme: ThemeData(menuTheme: MenuThemeData(submenuIcon: icon)),
|
|
home: Material(
|
|
child: MenuBar(
|
|
controller: controller,
|
|
children: <Widget>[
|
|
SubmenuButton(
|
|
menuChildren: <Widget>[
|
|
SubmenuButton(
|
|
menuChildren: enabled
|
|
? <Widget>[MenuItemButton(child: Text(TestMenu.mainMenu0.label))]
|
|
: <Widget>[],
|
|
child: Text(TestMenu.subSubMenu110.label),
|
|
),
|
|
],
|
|
child: Text(TestMenu.subMenu00.label),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(buildMenu());
|
|
await tester.tap(find.text(TestMenu.subMenu00.label));
|
|
await tester.pump();
|
|
|
|
expect(find.byIcon(Icons.arrow_right), findsOneWidget);
|
|
|
|
controller.close();
|
|
await tester.pump();
|
|
|
|
await tester.pumpWidget(buildMenu(icon: submenuIcon));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.text(TestMenu.subMenu00.label));
|
|
await tester.pump();
|
|
expect(find.byIcon(defaultIcon), findsOneWidget);
|
|
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.pump();
|
|
expect(find.byIcon(focusedIcon), findsOneWidget);
|
|
|
|
controller.close();
|
|
await tester.pump();
|
|
|
|
await tester.tap(find.text(TestMenu.subMenu00.label));
|
|
await tester.pump();
|
|
await hoverOver(tester, find.text(TestMenu.subSubMenu110.label));
|
|
await tester.pump();
|
|
expect(find.byIcon(hoveredIcon), findsOneWidget);
|
|
|
|
controller.close();
|
|
await tester.pump();
|
|
|
|
await tester.pumpWidget(buildMenu(icon: submenuIcon, enabled: false));
|
|
await tester.tap(find.text(TestMenu.subMenu00.label));
|
|
await tester.pump();
|
|
expect(find.byIcon(disabledIcon), findsOneWidget);
|
|
});
|
|
}
|
|
|
|
List<Widget> createTestMenus({
|
|
void Function(TestMenu)? onPressed,
|
|
void Function(TestMenu)? onOpen,
|
|
void Function(TestMenu)? onClose,
|
|
Map<TestMenu, MenuSerializableShortcut> shortcuts = const <TestMenu, MenuSerializableShortcut>{},
|
|
bool includeStandard = false,
|
|
Color? itemOverlay,
|
|
Color? itemBackground,
|
|
Color? itemForeground,
|
|
EdgeInsetsDirectional? itemPadding,
|
|
Color? menuBackground,
|
|
EdgeInsetsDirectional? menuPadding,
|
|
OutlinedBorder? menuShape,
|
|
double? menuElevation,
|
|
OutlinedBorder? itemShape,
|
|
}) {
|
|
final menuStyle = MenuStyle(
|
|
padding: menuPadding != null ? MaterialStatePropertyAll<EdgeInsetsGeometry>(menuPadding) : null,
|
|
backgroundColor: menuBackground != null
|
|
? MaterialStatePropertyAll<Color>(menuBackground)
|
|
: null,
|
|
elevation: menuElevation != null ? MaterialStatePropertyAll<double>(menuElevation) : null,
|
|
shape: menuShape != null ? MaterialStatePropertyAll<OutlinedBorder>(menuShape) : null,
|
|
);
|
|
final itemStyle = ButtonStyle(
|
|
padding: itemPadding != null ? MaterialStatePropertyAll<EdgeInsetsGeometry>(itemPadding) : null,
|
|
shape: itemShape != null ? MaterialStatePropertyAll<OutlinedBorder>(itemShape) : null,
|
|
foregroundColor: itemForeground != null
|
|
? MaterialStatePropertyAll<Color>(itemForeground)
|
|
: null,
|
|
backgroundColor: itemBackground != null
|
|
? MaterialStatePropertyAll<Color>(itemBackground)
|
|
: null,
|
|
overlayColor: itemOverlay != null ? MaterialStatePropertyAll<Color>(itemOverlay) : null,
|
|
);
|
|
final result = <Widget>[
|
|
SubmenuButton(
|
|
onOpen: onOpen != null ? () => onOpen(TestMenu.mainMenu0) : null,
|
|
onClose: onClose != null ? () => onClose(TestMenu.mainMenu0) : null,
|
|
menuChildren: <Widget>[
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subMenu00) : null,
|
|
shortcut: shortcuts[TestMenu.subMenu00],
|
|
child: Text(TestMenu.subMenu00.label),
|
|
),
|
|
],
|
|
child: Text(TestMenu.mainMenu0.label),
|
|
),
|
|
SubmenuButton(
|
|
onOpen: onOpen != null ? () => onOpen(TestMenu.mainMenu1) : null,
|
|
onClose: onClose != null ? () => onClose(TestMenu.mainMenu1) : null,
|
|
menuStyle: menuStyle,
|
|
menuChildren: <Widget>[
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subMenu10) : null,
|
|
shortcut: shortcuts[TestMenu.subMenu10],
|
|
style: itemStyle,
|
|
child: Text(TestMenu.subMenu10.label),
|
|
),
|
|
SubmenuButton(
|
|
onOpen: onOpen != null ? () => onOpen(TestMenu.subMenu11) : null,
|
|
onClose: onClose != null ? () => onClose(TestMenu.subMenu11) : null,
|
|
menuChildren: <Widget>[
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subSubMenu110) : null,
|
|
shortcut: shortcuts[TestMenu.subSubMenu110],
|
|
child: Text(TestMenu.subSubMenu110.label),
|
|
),
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subSubMenu111) : null,
|
|
shortcut: shortcuts[TestMenu.subSubMenu111],
|
|
child: Text(TestMenu.subSubMenu111.label),
|
|
),
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subSubMenu112) : null,
|
|
shortcut: shortcuts[TestMenu.subSubMenu112],
|
|
child: Text(TestMenu.subSubMenu112.label),
|
|
),
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subSubMenu113) : null,
|
|
shortcut: shortcuts[TestMenu.subSubMenu113],
|
|
child: Text(TestMenu.subSubMenu113.label),
|
|
),
|
|
],
|
|
child: Text(TestMenu.subMenu11.label),
|
|
),
|
|
MenuItemButton(
|
|
onPressed: onPressed != null ? () => onPressed(TestMenu.subMenu12) : null,
|
|
shortcut: shortcuts[TestMenu.subMenu12],
|
|
child: Text(TestMenu.subMenu12.label),
|
|
),
|
|
],
|
|
child: Text(TestMenu.mainMenu1.label),
|
|
),
|
|
SubmenuButton(
|
|
onOpen: onOpen != null ? () => onOpen(TestMenu.mainMenu2) : null,
|
|
onClose: onClose != null ? () => onClose(TestMenu.mainMenu2) : null,
|
|
menuChildren: <Widget>[
|
|
MenuItemButton(
|
|
// Always disabled.
|
|
shortcut: shortcuts[TestMenu.subMenu20],
|
|
// Always disabled.
|
|
child: Text(TestMenu.subMenu20.label),
|
|
),
|
|
],
|
|
child: Text(TestMenu.mainMenu2.label),
|
|
),
|
|
];
|
|
return result;
|
|
}
|
|
|
|
enum TestMenu {
|
|
mainMenu0('Menu 0'),
|
|
mainMenu1('Menu 1'),
|
|
mainMenu2('Menu 2'),
|
|
subMenu00('Sub Menu 00'),
|
|
subMenu10('Sub Menu 10'),
|
|
subMenu11('Sub Menu 11'),
|
|
subMenu12('Sub Menu 12'),
|
|
subMenu20('Sub Menu 20'),
|
|
subSubMenu110('Sub Sub Menu 110'),
|
|
subSubMenu111('Sub Sub Menu 111'),
|
|
subSubMenu112('Sub Sub Menu 112'),
|
|
subSubMenu113('Sub Sub Menu 113');
|
|
|
|
const TestMenu(this.label);
|
|
final String label;
|
|
}
|