| // 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 'dart:ui'; |
| |
| import 'package:flutter_test/flutter_test.dart'; |
| import 'package:flutter/material.dart'; |
| import 'package:flutter/rendering.dart'; |
| import 'package:flutter/gestures.dart' show DragStartBehavior; |
| |
| import 'semantics_tester.dart'; |
| |
| void main() { |
| |
| testWidgets('Drawer control test', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| late BuildContext savedContext; |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Builder( |
| builder: (BuildContext context) { |
| savedContext = context; |
| return Scaffold( |
| key: scaffoldKey, |
| drawer: const Text('drawer'), |
| body: Container(), |
| ); |
| }, |
| ), |
| ), |
| ); |
| await tester.pump(); // no effect |
| expect(find.text('drawer'), findsNothing); |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); // drawer should be starting to animate in |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsOneWidget); |
| Navigator.pop(savedContext); |
| await tester.pump(); // drawer should be starting to animate away |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsNothing); |
| }); |
| |
| testWidgets('Drawer tap test', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| key: scaffoldKey, |
| drawer: const Text('drawer'), |
| body: Container(), |
| ), |
| ), |
| ); |
| await tester.pump(); // no effect |
| expect(find.text('drawer'), findsNothing); |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); // drawer should be starting to animate in |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.tap(find.text('drawer')); |
| await tester.pump(); // nothing should have happened |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // ditto |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.tapAt(const Offset(750.0, 100.0)); // on the mask |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 10)); |
| // drawer should be starting to animate away |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsNothing); |
| }); |
| |
| testWidgets('Drawer hover test', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| final List<String> logs = <String>[]; |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse); |
| // Start out of hoverTarget |
| await gesture.addPointer(location: const Offset(100, 100)); |
| addTearDown(gesture.removePointer); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| key: scaffoldKey, |
| drawer: const Text('drawer'), |
| body: Align( |
| alignment: Alignment.topLeft, |
| child: MouseRegion( |
| onEnter: (_) { logs.add('enter'); }, |
| onHover: (_) { logs.add('hover'); }, |
| onExit: (_) { logs.add('exit'); }, |
| child: const SizedBox(width: 10, height: 10), |
| ), |
| ), |
| ), |
| ), |
| ); |
| expect(logs, isEmpty); |
| expect(find.text('drawer'), findsNothing); |
| |
| // When drawer is closed, hover is interactable |
| await gesture.moveTo(const Offset(5, 5)); |
| await tester.pump(); // no effect |
| expect(logs, <String>['enter', 'hover']); |
| logs.clear(); |
| |
| await gesture.moveTo(const Offset(20, 20)); |
| await tester.pump(); // no effect |
| expect(logs, <String>['exit']); |
| logs.clear(); |
| |
| // When drawer is open, hover is uninteractable |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsOneWidget); |
| |
| await gesture.moveTo(const Offset(5, 5)); |
| await tester.pump(); // no effect |
| expect(logs, isEmpty); |
| logs.clear(); |
| |
| await gesture.moveTo(const Offset(20, 20)); |
| await tester.pump(); // no effect |
| expect(logs, isEmpty); |
| logs.clear(); |
| |
| // Close drawer, hover is interactable again |
| await tester.tapAt(const Offset(750.0, 100.0)); // on the mask |
| await tester.pump(); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsNothing); |
| |
| await gesture.moveTo(const Offset(5, 5)); |
| await tester.pump(); // no effect |
| expect(logs, <String>['enter', 'hover']); |
| logs.clear(); |
| |
| await gesture.moveTo(const Offset(20, 20)); |
| await tester.pump(); // no effect |
| expect(logs, <String>['exit']); |
| logs.clear(); |
| }); |
| |
| testWidgets('Drawer drag cancel resume (LTR)', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| drawerDragStartBehavior: DragStartBehavior.down, |
| key: scaffoldKey, |
| drawer: Drawer( |
| child: ListView( |
| children: <Widget>[ |
| const Text('drawer'), |
| Container( |
| height: 1000.0, |
| color: Colors.blue[500], |
| ), |
| ], |
| ), |
| ), |
| body: Container(), |
| ), |
| ), |
| ); |
| expect(find.text('drawer'), findsNothing); |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); // drawer should be starting to animate in |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsOneWidget); |
| |
| await tester.tapAt(const Offset(750.0, 100.0)); // on the mask |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 10)); |
| // drawer should be starting to animate away |
| final double textLeft = tester.getTopLeft(find.text('drawer')).dx; |
| expect(textLeft, lessThan(0.0)); |
| |
| final TestGesture gesture = await tester.startGesture(const Offset(100.0, 100.0)); |
| // drawer should be stopped. |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 10)); |
| expect(tester.getTopLeft(find.text('drawer')).dx, equals(textLeft)); |
| |
| await gesture.moveBy(const Offset(50.0, 0.0)); |
| // drawer should be returning to visible |
| await tester.pump(); |
| await tester.pump(const Duration(seconds: 1)); |
| expect(tester.getTopLeft(find.text('drawer')).dx, equals(0.0)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('Drawer drag cancel resume (RTL)', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Directionality( |
| textDirection: TextDirection.rtl, |
| child: Scaffold( |
| drawerDragStartBehavior: DragStartBehavior.down, |
| key: scaffoldKey, |
| drawer: Drawer( |
| child: ListView( |
| children: <Widget>[ |
| const Text('drawer'), |
| Container( |
| height: 1000.0, |
| color: Colors.blue[500], |
| ), |
| ], |
| ), |
| ), |
| body: Container(), |
| ), |
| ), |
| ), |
| ); |
| expect(find.text('drawer'), findsNothing); |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); // drawer should be starting to animate in |
| expect(find.text('drawer'), findsOneWidget); |
| await tester.pump(const Duration(seconds: 1)); // animation done |
| expect(find.text('drawer'), findsOneWidget); |
| |
| await tester.tapAt(const Offset(50.0, 100.0)); // on the mask |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 10)); |
| // drawer should be starting to animate away |
| final double textRight = tester.getTopRight(find.text('drawer')).dx; |
| expect(textRight, greaterThan(800.0)); |
| |
| final TestGesture gesture = await tester.startGesture(const Offset(700.0, 100.0)); |
| // drawer should be stopped. |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 10)); |
| expect(tester.getTopRight(find.text('drawer')).dx, equals(textRight)); |
| |
| await gesture.moveBy(const Offset(-50.0, 0.0)); |
| // drawer should be returning to visible |
| await tester.pump(); |
| await tester.pump(const Duration(seconds: 1)); |
| expect(tester.getTopRight(find.text('drawer')).dx, equals(800.0)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('Drawer navigator back button', (WidgetTester tester) async { |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| bool buttonPressed = false; |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| key: scaffoldKey, |
| drawer: Drawer( |
| child: ListView( |
| children: <Widget>[ |
| const Text('drawer'), |
| TextButton( |
| child: const Text('close'), |
| onPressed: () => Navigator.pop(context), |
| ), |
| ], |
| ), |
| ), |
| body: Container( |
| child: TextButton( |
| child: const Text('button'), |
| onPressed: () { buttonPressed = true; }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| // Open the drawer. |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); // drawer should be starting to animate in |
| expect(find.text('drawer'), findsOneWidget); |
| |
| // Tap the close button to pop the drawer route. |
| await tester.pump(const Duration(milliseconds: 100)); |
| await tester.tap(find.text('close')); |
| await tester.pump(); |
| await tester.pump(const Duration(seconds: 1)); |
| expect(find.text('drawer'), findsNothing); |
| |
| // Confirm that a button in the scaffold body is still clickable. |
| await tester.tap(find.text('button')); |
| expect(buttonPressed, equals(true)); |
| }); |
| |
| testWidgets('Dismissible ModalBarrier includes button in semantic tree', (WidgetTester tester) async { |
| final SemanticsTester semantics = SemanticsTester(tester); |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| key: scaffoldKey, |
| drawer: const Drawer(), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| // Open the drawer. |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(const Duration(milliseconds: 100)); |
| |
| expect(semantics, includesNodeWith(actions: <SemanticsAction>[SemanticsAction.tap])); |
| expect(semantics, includesNodeWith(label: 'Dismiss')); |
| |
| semantics.dispose(); |
| }, variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.iOS, TargetPlatform.macOS })); |
| |
| testWidgets('Dismissible ModalBarrier is hidden on Android (back button is used to dismiss)', (WidgetTester tester) async { |
| final SemanticsTester semantics = SemanticsTester(tester); |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| key: scaffoldKey, |
| drawer: const Drawer(), |
| body: Container(), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| // Open the drawer. |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(const Duration(milliseconds: 100)); |
| |
| expect(semantics, isNot(includesNodeWith(actions: <SemanticsAction>[SemanticsAction.tap]))); |
| expect(semantics, isNot(includesNodeWith(label: 'Dismiss'))); |
| |
| semantics.dispose(); |
| }, variant: TargetPlatformVariant.only(TargetPlatform.android)); |
| |
| testWidgets('Drawer contains route semantics flags', (WidgetTester tester) async { |
| final SemanticsTester semantics = SemanticsTester(tester); |
| final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>(); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Builder( |
| builder: (BuildContext context) { |
| return Scaffold( |
| key: scaffoldKey, |
| drawer: const Drawer(), |
| body: Container(), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| // Open the drawer. |
| scaffoldKey.currentState!.openDrawer(); |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 100)); |
| |
| expect(semantics, includesNodeWith( |
| label: 'Navigation menu', |
| flags: <SemanticsFlag>[ |
| SemanticsFlag.scopesRoute, |
| SemanticsFlag.namesRoute, |
| ], |
| )); |
| |
| semantics.dispose(); |
| }); |
| } |