| // 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/gestures.dart'; |
| import 'package:flutter/material.dart'; |
| import 'package:flutter/rendering.dart'; |
| import 'package:flutter/services.dart'; |
| import 'package:flutter_test/flutter_test.dart'; |
| |
| import '../widgets/clipboard_utils.dart'; |
| import 'semantics_tester.dart'; |
| |
| Offset textOffsetToPosition(RenderParagraph paragraph, int offset) { |
| const Rect caret = Rect.fromLTWH(0.0, 0.0, 2.0, 20.0); |
| final Offset localOffset = paragraph.getOffsetForCaret(TextPosition(offset: offset), caret); |
| return paragraph.localToGlobal(localOffset); |
| } |
| |
| Offset globalize(Offset point, RenderBox box) { |
| return box.localToGlobal(point); |
| } |
| |
| void main() { |
| TestWidgetsFlutterBinding.ensureInitialized(); |
| final MockClipboard mockClipboard = MockClipboard(); |
| |
| setUp(() async { |
| TestDefaultBinaryMessengerBinding.instance!.defaultBinaryMessenger.setMockMethodCallHandler(SystemChannels.platform, mockClipboard.handleMethodCall); |
| await Clipboard.setData(const ClipboardData(text: 'empty')); |
| }); |
| |
| tearDown(() { |
| TestDefaultBinaryMessengerBinding.instance!.defaultBinaryMessenger.setMockMethodCallHandler(SystemChannels.platform, null); |
| }); |
| |
| group('SelectableRegion', () { |
| testWidgets('mouse selection sends correct events', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ) |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| renderSelectionSpy.events.clear(); |
| |
| await gesture.moveTo(const Offset(200.0, 100.0)); |
| expect(renderSelectionSpy.events.length, 2); |
| expect(renderSelectionSpy.events[0].type, SelectionEventType.startEdgeUpdate); |
| final SelectionEdgeUpdateEvent startEdge = renderSelectionSpy.events[0] as SelectionEdgeUpdateEvent; |
| expect(startEdge.globalPosition, const Offset(200.0, 200.0)); |
| expect(renderSelectionSpy.events[1].type, SelectionEventType.endEdgeUpdate); |
| SelectionEdgeUpdateEvent endEdge = renderSelectionSpy.events[1] as SelectionEdgeUpdateEvent; |
| expect(endEdge.globalPosition, const Offset(200.0, 100.0)); |
| renderSelectionSpy.events.clear(); |
| |
| await gesture.moveTo(const Offset(100.0, 100.0)); |
| expect(renderSelectionSpy.events.length, 1); |
| expect(renderSelectionSpy.events[0].type, SelectionEventType.endEdgeUpdate); |
| endEdge = renderSelectionSpy.events[0] as SelectionEdgeUpdateEvent; |
| expect(endEdge.globalPosition, const Offset(100.0, 100.0)); |
| |
| await gesture.up(); |
| }, skip: kIsWeb); // https://github.com/flutter/flutter/issues/102410. |
| |
| testWidgets('can draw handles when they are at rect boundaries', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Column( |
| children: <Widget>[ |
| const Text('How are you?'), |
| SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectAllWidget(key: spy, child: const SizedBox(width: 100, height: 100)), |
| ), |
| const Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ); |
| final TestGesture gesture = await tester.startGesture(tester.getCenter(find.byKey(spy))); |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(); |
| |
| final RenderSelectAll renderSpy = tester.renderObject<RenderSelectAll>(find.byKey(spy)); |
| expect(renderSpy.startHandle, isNotNull); |
| expect(renderSpy.endHandle, isNotNull); |
| }); |
| |
| testWidgets('touch does not accept drag', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ) |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0)); |
| addTearDown(gesture.removePointer); |
| await gesture.moveTo(const Offset(200.0, 100.0)); |
| await gesture.up(); |
| expect( |
| renderSelectionSpy.events.every((SelectionEvent element) => element is ClearSelectionEvent), |
| isTrue |
| ); |
| }); |
| |
| testWidgets('does not merge semantics node of the children', (WidgetTester tester) async { |
| final SemanticsTester semantics = SemanticsTester(tester); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Scaffold( |
| body: Center( |
| child: Column( |
| mainAxisSize: MainAxisSize.min, |
| children: <Widget>[ |
| const Text('Line one'), |
| const Text('Line two'), |
| ElevatedButton( |
| onPressed: () {}, |
| child: const Text('Button'), |
| ) |
| ], |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect( |
| semantics, |
| hasSemantics( |
| TestSemantics.root( |
| children: <TestSemantics>[ |
| TestSemantics( |
| textDirection: TextDirection.ltr, |
| children: <TestSemantics>[ |
| TestSemantics( |
| children: <TestSemantics>[ |
| TestSemantics( |
| flags: <SemanticsFlag>[SemanticsFlag.scopesRoute], |
| children: <TestSemantics>[ |
| TestSemantics( |
| label: 'Line one', |
| textDirection: TextDirection.ltr, |
| ), |
| TestSemantics( |
| label: 'Line two', |
| textDirection: TextDirection.ltr, |
| ), |
| TestSemantics( |
| flags: <SemanticsFlag>[ |
| SemanticsFlag.isButton, |
| SemanticsFlag.hasEnabledState, |
| SemanticsFlag.isEnabled, |
| SemanticsFlag.isFocusable |
| ], |
| actions: <SemanticsAction>[SemanticsAction.tap], |
| label: 'Button', |
| textDirection: TextDirection.ltr, |
| ), |
| ], |
| ), |
| ], |
| ), |
| ], |
| ), |
| ], |
| ), |
| ignoreRect: true, |
| ignoreTransform: true, |
| ignoreId: true, |
| ), |
| ); |
| |
| semantics.dispose(); |
| }); |
| |
| testWidgets('mouse selection always cancels previous selection', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ) |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| expect(renderSelectionSpy.events.length, 1); |
| expect(renderSelectionSpy.events[0], isA<ClearSelectionEvent>()); |
| }, skip: kIsWeb); // https://github.com/flutter/flutter/issues/102410. |
| |
| testWidgets('touch long press sends select-word event', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ) |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| renderSelectionSpy.events.clear(); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0)); |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| expect(renderSelectionSpy.events.length, 1); |
| expect(renderSelectionSpy.events[0], isA<SelectWordSelectionEvent>()); |
| final SelectWordSelectionEvent selectionEvent = renderSelectionSpy.events[0] as SelectWordSelectionEvent; |
| expect(selectionEvent.globalPosition, const Offset(200.0, 200.0)); |
| }); |
| |
| testWidgets('touch long press and drag sends correct events', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ) |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| renderSelectionSpy.events.clear(); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0)); |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(renderSelectionSpy.events.length, 1); |
| expect(renderSelectionSpy.events[0], isA<SelectWordSelectionEvent>()); |
| final SelectWordSelectionEvent selectionEvent = renderSelectionSpy.events[0] as SelectWordSelectionEvent; |
| expect(selectionEvent.globalPosition, const Offset(200.0, 200.0)); |
| |
| renderSelectionSpy.events.clear(); |
| await gesture.moveTo(const Offset(200.0, 50.0)); |
| await gesture.up(); |
| expect(renderSelectionSpy.events.length, 1); |
| expect(renderSelectionSpy.events[0].type, SelectionEventType.endEdgeUpdate); |
| final SelectionEdgeUpdateEvent edgeEvent = renderSelectionSpy.events[0] as SelectionEdgeUpdateEvent; |
| expect(edgeEvent.globalPosition, const Offset(200.0, 50.0)); |
| }); |
| |
| testWidgets('mouse long press does not send select-word event', (WidgetTester tester) async { |
| final UniqueKey spy = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: SelectionSpy(key: spy), |
| ), |
| ), |
| ); |
| |
| final RenderSelectionSpy renderSelectionSpy = tester.renderObject<RenderSelectionSpy>(find.byKey(spy)); |
| renderSelectionSpy.events.clear(); |
| final TestGesture gesture = await tester.startGesture(const Offset(200.0, 200.0), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| expect( |
| renderSelectionSpy.events.every((SelectionEvent element) => element is ClearSelectionEvent), |
| isTrue, |
| ); |
| }); |
| }); |
| |
| group('SelectionArea integration', () { |
| testWidgets('mouse can select single text', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Center( |
| child: Text('How are you'), |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph, 4)); |
| await tester.pump(); |
| expect(paragraph.selections[0], const TextSelection(baseOffset: 2, extentOffset: 4)); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph, 6)); |
| await tester.pump(); |
| expect(paragraph.selections[0], const TextSelection(baseOffset: 2, extentOffset: 6)); |
| |
| // Check backward selection. |
| await gesture.moveTo(textOffsetToPosition(paragraph, 1)); |
| await tester.pump(); |
| expect(paragraph.selections[0], const TextSelection(baseOffset: 2, extentOffset: 1)); |
| |
| // Start a new drag. |
| await gesture.up(); |
| await gesture.down(textOffsetToPosition(paragraph, 5)); |
| expect(paragraph.selections.isEmpty, isTrue); |
| |
| // Selecting across line should select to the end. |
| await gesture.moveTo(textOffsetToPosition(paragraph, 5) + const Offset(0.0, 200.0)); |
| await tester.pump(); |
| expect(paragraph.selections[0], const TextSelection(baseOffset: 5, extentOffset: 11)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('mouse can select multiple widgets', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph1, 4)); |
| await tester.pump(); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 4)); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5)); |
| // Should select the rest of paragraph 1. |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 5)); |
| |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 6)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 6)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('mouse can work with disabled container', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| SelectionContainer.disabled(child: Text('Good, and you?')), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph1, 4)); |
| await tester.pump(); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 4)); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5)); |
| // Should select the rest of paragraph 1. |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| // paragraph2 is in a disabled container. |
| expect(paragraph2.selections.isEmpty, isTrue); |
| |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 6)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| expect(paragraph2.selections.isEmpty, isTrue); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 6)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('mouse can reverse selection', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 10), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 4)); |
| await tester.pump(); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 10, extentOffset: 4)); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 10, extentOffset: 0)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 14, extentOffset: 5)); |
| |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph1, 6)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 10, extentOffset: 0)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 14, extentOffset: 0)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 12, extentOffset: 6)); |
| |
| await gesture.up(); |
| }); |
| |
| testWidgets('can copy a selection made with the mouse', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| // Select from offset 2 of paragraph 1 to offset 6 of paragraph3. |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 6)); |
| await gesture.up(); |
| |
| // keyboard copy. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| |
| final Map<String, dynamic> clipboardData = mockClipboard.clipboardData as Map<String, dynamic>; |
| expect(clipboardData['text'], 'w are you?Good, and you?Fine, '); |
| }, variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.android, TargetPlatform.windows, TargetPlatform.linux, TargetPlatform.fuchsia })); |
| |
| testWidgets( |
| 'does not override TextField keyboard shortcuts if the TextField is focused - non apple', |
| (WidgetTester tester) async { |
| final TextEditingController controller = TextEditingController(text: 'I am fine, thank you.'); |
| final FocusNode selectableRegionFocus = FocusNode(); |
| final FocusNode textFieldFocus = FocusNode(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Material( |
| child: SelectableRegion( |
| focusNode: selectableRegionFocus, |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: <Widget>[ |
| const Text('How are you?'), |
| const Text('Good, and you?'), |
| TextField(controller: controller, focusNode: textFieldFocus), |
| ], |
| ), |
| ), |
| ), |
| ), |
| ); |
| textFieldFocus.requestFocus(); |
| await tester.pump(); |
| |
| // Make sure keyboard select all works on TextField. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| expect(controller.selection, const TextSelection(baseOffset: 0, extentOffset: 21)); |
| |
| // Make sure no selection in SelectableRegion. |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| expect(paragraph1.selections.isEmpty, isTrue); |
| expect(paragraph2.selections.isEmpty, isTrue); |
| |
| // Reset selection and focus selectable region. |
| controller.selection = const TextSelection.collapsed(offset: -1); |
| selectableRegionFocus.requestFocus(); |
| await tester.pump(); |
| |
| // Make sure keyboard select all will be handled by selectable region now. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| expect(controller.selection, const TextSelection.collapsed(offset: -1)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 0, extentOffset: 12)); |
| }, |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.android, TargetPlatform.windows, TargetPlatform.linux, TargetPlatform.fuchsia }), |
| skip: kIsWeb, // [intended] the web handles this on its own. |
| ); |
| |
| testWidgets( |
| 'does not override TextField keyboard shortcuts if the TextField is focused - apple', |
| (WidgetTester tester) async { |
| final TextEditingController controller = TextEditingController(text: 'I am fine, thank you.'); |
| final FocusNode selectableRegionFocus = FocusNode(); |
| final FocusNode textFieldFocus = FocusNode(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Material( |
| child: SelectableRegion( |
| focusNode: selectableRegionFocus, |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: <Widget>[ |
| const Text('How are you?'), |
| const Text('Good, and you?'), |
| TextField(controller: controller, focusNode: textFieldFocus), |
| ], |
| ), |
| ), |
| ), |
| ), |
| ); |
| textFieldFocus.requestFocus(); |
| await tester.pump(); |
| |
| // Make sure keyboard select all works on TextField. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.metaLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.metaLeft); |
| expect(controller.selection, const TextSelection(baseOffset: 0, extentOffset: 21)); |
| |
| // Make sure no selection in SelectableRegion. |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| expect(paragraph1.selections.isEmpty, isTrue); |
| expect(paragraph2.selections.isEmpty, isTrue); |
| |
| // Reset selection and focus selectable region. |
| controller.selection = const TextSelection.collapsed(offset: -1); |
| selectableRegionFocus.requestFocus(); |
| await tester.pump(); |
| |
| // Make sure keyboard select all will be handled by selectable region now. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.metaLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.metaLeft); |
| expect(controller.selection, const TextSelection.collapsed(offset: -1)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 0, extentOffset: 12)); |
| }, |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.iOS, TargetPlatform.macOS }), |
| skip: kIsWeb, // [intended] the web handles this on its own. |
| ); |
| |
| testWidgets('select all', (WidgetTester tester) async { |
| final FocusNode focusNode = FocusNode(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: focusNode, |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| focusNode.requestFocus(); |
| |
| // keyboard select all. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyA); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 16)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 0, extentOffset: 12)); |
| }, variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.android, TargetPlatform.windows, TargetPlatform.linux, TargetPlatform.fuchsia })); |
| |
| testWidgets( |
| 'mouse selection can handle widget span', (WidgetTester tester) async { |
| final UniqueKey outerText = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Center( |
| child: Text.rich( |
| const TextSpan( |
| children: <InlineSpan>[ |
| TextSpan(text: 'How are you?'), |
| WidgetSpan(child: Text('Good, and you?')), |
| TextSpan(text: 'Fine, thank you.'), |
| ] |
| ), |
| key: outerText, |
| ), |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>(find.descendant(of: find.byKey(outerText), matching: find.byType(RichText)).first); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| await gesture.moveTo(textOffsetToPosition(paragraph, 17)); // right after `Fine`. |
| await gesture.up(); |
| |
| // keyboard copy. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| final Map<String, dynamic> clipboardData = mockClipboard.clipboardData as Map<String, dynamic>; |
| expect(clipboardData['text'], 'w are you?Good, and you?Fine'); |
| }, |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.android, TargetPlatform.windows, TargetPlatform.linux, TargetPlatform.fuchsia }), |
| skip: isBrowser, // https://github.com/flutter/flutter/issues/61020 |
| ); |
| |
| testWidgets( |
| 'widget span is ignored if it does not contain text - non Apple', |
| (WidgetTester tester) async { |
| final UniqueKey outerText = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Center( |
| child: Text.rich( |
| const TextSpan( |
| children: <InlineSpan>[ |
| TextSpan(text: 'How are you?'), |
| WidgetSpan(child: Placeholder()), |
| TextSpan(text: 'Fine, thank you.'), |
| ] |
| ), |
| key: outerText, |
| ), |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>(find.descendant(of: find.byKey(outerText), matching: find.byType(RichText)).first); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| await gesture.moveTo(textOffsetToPosition(paragraph, 17)); // right after `Fine`. |
| await gesture.up(); |
| |
| // keyboard copy. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.controlLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.controlLeft); |
| final Map<String, dynamic> clipboardData = mockClipboard.clipboardData as Map<String, dynamic>; |
| expect(clipboardData['text'], 'w are you?Fine'); |
| }, |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.android, TargetPlatform.windows, TargetPlatform.linux, TargetPlatform.fuchsia }), |
| skip: isBrowser, // https://github.com/flutter/flutter/issues/61020 |
| ); |
| |
| testWidgets( |
| 'widget span is ignored if it does not contain text - Apple', |
| (WidgetTester tester) async { |
| final UniqueKey outerText = UniqueKey(); |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Center( |
| child: Text.rich( |
| const TextSpan( |
| children: <InlineSpan>[ |
| TextSpan(text: 'How are you?'), |
| WidgetSpan(child: Placeholder()), |
| TextSpan(text: 'Fine, thank you.'), |
| ] |
| ), |
| key: outerText, |
| ), |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>(find.descendant(of: find.byKey(outerText), matching: find.byType(RichText)).first); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| await gesture.moveTo(textOffsetToPosition(paragraph, 17)); // right after `Fine`. |
| await gesture.up(); |
| |
| // keyboard copy. |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.metaLeft); |
| await tester.sendKeyDownEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.keyC); |
| await tester.sendKeyUpEvent(LogicalKeyboardKey.metaLeft); |
| final Map<String, dynamic> clipboardData = mockClipboard.clipboardData as Map<String, dynamic>; |
| expect(clipboardData['text'], 'w are you?Fine'); |
| }, |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.iOS, TargetPlatform.macOS }), |
| skip: isBrowser, // https://github.com/flutter/flutter/issues/61020 |
| ); |
| |
| testWidgets('mouse can select across bidi text', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('جيد وانت؟', textDirection: TextDirection.rtl), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 2), kind: PointerDeviceKind.mouse); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph1, 4)); |
| await tester.pump(); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 4)); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('جيد وانت؟'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5)); |
| // Should select the rest of paragraph 1. |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 5)); |
| |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| // Add a little offset to cross the boundary between paragraph 2 and 3. |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 6) + const Offset(0, 1)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 2, extentOffset: 12)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 8)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 6)); |
| |
| await gesture.up(); |
| }, skip: isBrowser); // https://github.com/flutter/flutter/issues/61020 |
| |
| testWidgets('long press and drag touch selection', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 6)); // at the 'r' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| // `are` is selected. |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 4, extentOffset: 7)); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 4, extentOffset: 12)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 5)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can drag end handle when not covering entire screen', (WidgetTester tester) async { |
| // Regression test for https://github.com/flutter/flutter/issues/104620. |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Column( |
| children: <Widget>[ |
| const Text('How are you?'), |
| SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Text('Good, and you?'), |
| ), |
| const Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph2, 7)); // at the 'a' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 6, extentOffset: 9)); |
| final List<TextBox> boxes = paragraph2.getBoxesForSelection(paragraph2.selections[0]); |
| expect(boxes.length, 1); |
| |
| final Offset handlePos = globalize(boxes[0].toRect().bottomRight, paragraph2); |
| await gesture.down(handlePos); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 11) + Offset(0, paragraph2.size.height / 2)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can drag start handle when not covering entire screen', (WidgetTester tester) async { |
| // Regression test for https://github.com/flutter/flutter/issues/104620. |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Column( |
| children: <Widget>[ |
| const Text('How are you?'), |
| SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Text('Good, and you?'), |
| ), |
| const Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph2, 7)); // at the 'a' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 6, extentOffset: 9)); |
| final List<TextBox> boxes = paragraph2.getBoxesForSelection(paragraph2.selections[0]); |
| expect(boxes.length, 1); |
| |
| final Offset handlePos = globalize(boxes[0].toRect().bottomLeft, paragraph2); |
| await gesture.down(handlePos); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 11) + Offset(0, paragraph2.size.height / 2)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 11, extentOffset: 9)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can drag start selection handle', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 7)); // at the 'h' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| final List<TextBox> boxes = paragraph3.getBoxesForSelection(paragraph3.selections[0]); |
| expect(boxes.length, 1); |
| |
| final Offset handlePos = globalize(boxes[0].toRect().bottomLeft, paragraph3); |
| await gesture.down(handlePos); |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph2, 5) + Offset(0, paragraph2.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 11)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 5, extentOffset: 14)); |
| |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| await gesture.moveTo(textOffsetToPosition(paragraph1, 6) + Offset(0, paragraph1.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 11)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 6, extentOffset: 12)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can drag start selection handle across end selection handle', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 7)); // at the 'h' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| final List<TextBox> boxes = paragraph3.getBoxesForSelection(paragraph3.selections[0]); |
| expect(boxes.length, 1); |
| |
| final Offset handlePos = globalize(boxes[0].toRect().bottomLeft, paragraph3); |
| await gesture.down(handlePos); |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 14) + Offset(0, paragraph3.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 14, extentOffset: 11)); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 4) + Offset(0, paragraph3.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 4, extentOffset: 11)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can drag end selection handle across start selection handle', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 7)); // at the 'h' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| final List<TextBox> boxes = paragraph3.getBoxesForSelection(paragraph3.selections[0]); |
| expect(boxes.length, 1); |
| |
| final Offset handlePos = globalize(boxes[0].toRect().bottomRight, paragraph3); |
| await gesture.down(handlePos); |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 4) + Offset(0, paragraph3.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 4)); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph3, 12) + Offset(0, paragraph3.size.height / 2)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 12)); |
| await gesture.up(); |
| }); |
| |
| testWidgets('can select all from toolbar', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 7)); // at the 'h' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| expect(find.text('Select all'), findsOneWidget); |
| |
| await tester.tap(find.text('Select all')); |
| await tester.pump(); |
| |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 0, extentOffset: 16)); |
| expect(paragraph2.selections[0], const TextSelection(baseOffset: 0, extentOffset: 14)); |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 0, extentOffset: 12)); |
| }, skip: kIsWeb); // [intended] Web uses its native context menu. |
| |
| testWidgets('can copy from toolbar', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: Column( |
| children: const <Widget>[ |
| Text('How are you?'), |
| Text('Good, and you?'), |
| Text('Fine, thank you.'), |
| ], |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph3 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Fine, thank you.'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph3, 7)); // at the 'h' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await gesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| expect(paragraph3.selections[0], const TextSelection(baseOffset: 6, extentOffset: 11)); |
| expect(find.text('Copy'), findsOneWidget); |
| |
| await tester.tap(find.text('Copy')); |
| await tester.pump(); |
| |
| // Selection should be cleared. |
| final RenderParagraph paragraph2 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('Good, and you?'), matching: find.byType(RichText))); |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| expect(paragraph3.selections.isEmpty, isTrue); |
| expect(paragraph2.selections.isEmpty, isTrue); |
| expect(paragraph1.selections.isEmpty, isTrue); |
| |
| final Map<String, dynamic> clipboardData = mockClipboard.clipboardData as Map<String, dynamic>; |
| expect(clipboardData['text'], 'thank'); |
| }, skip: kIsWeb); // [intended] Web uses its native context menu. |
| |
| group('magnifier', () { |
| late ValueNotifier<MagnifierInfo> magnifierInfo; |
| final Widget fakeMagnifier = Container(key: UniqueKey()); |
| |
| testWidgets('Can drag handles to show, unshow, and update magnifier', |
| (WidgetTester tester) async { |
| const String text = 'Monkies and rabbits in my soup'; |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| magnifierConfiguration: TextMagnifierConfiguration( |
| magnifierBuilder: (_, |
| MagnifierController controller, |
| ValueNotifier<MagnifierInfo> |
| localMagnifierInfo) { |
| magnifierInfo = localMagnifierInfo; |
| return fakeMagnifier; |
| }, |
| ), |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Text(text), |
| ), |
| ), |
| ); |
| |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>( |
| find.descendant( |
| of: find.text(text), matching: find.byType(RichText))); |
| |
| // Show the selection handles. |
| final TestGesture activateSelectionGesture = await tester |
| .startGesture(textOffsetToPosition(paragraph, text.length ~/ 2)); |
| addTearDown(activateSelectionGesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| await activateSelectionGesture.up(); |
| await tester.pump(const Duration(milliseconds: 500)); |
| |
| // Drag the handle around so that the magnifier shows. |
| final TextBox selectionBox = |
| paragraph.getBoxesForSelection(paragraph.selections.first).first; |
| final Offset leftHandlePos = |
| globalize(selectionBox.toRect().bottomLeft, paragraph); |
| final TestGesture gesture = await tester.startGesture(leftHandlePos); |
| await gesture.moveTo(textOffsetToPosition(paragraph, text.length - 2)); |
| await tester.pump(); |
| |
| // Expect the magnifier to show and then store it's position. |
| expect(find.byKey(fakeMagnifier.key!), findsOneWidget); |
| final Offset firstDragGesturePosition = |
| magnifierInfo.value.globalGesturePosition; |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph, text.length)); |
| await tester.pump(); |
| |
| // Expect the position the magnifier gets to have moved. |
| expect(firstDragGesturePosition, |
| isNot(magnifierInfo.value.globalGesturePosition)); |
| |
| // Lift the pointer and expect the magnifier to disappear. |
| await gesture.up(); |
| await tester.pump(); |
| |
| expect(find.byKey(fakeMagnifier.key!), findsNothing); |
| }); |
| }); |
| }); |
| |
| testWidgets('toolbar is hidden on mobile when orientation changes', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Text('How are you?'), |
| ), |
| ), |
| ); |
| addTearDown(tester.binding.window.clearPhysicalSizeTestValue); |
| |
| final RenderParagraph paragraph1 = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you?'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph1, 6)); // at the 'r' |
| addTearDown(gesture.removePointer); |
| await tester.pump(const Duration(milliseconds: 500)); |
| // `are` is selected. |
| expect(paragraph1.selections[0], const TextSelection(baseOffset: 4, extentOffset: 7)); |
| await tester.pumpAndSettle(); |
| // Text selection toolbar has appeared. |
| expect(find.text('Copy'), findsOneWidget); |
| |
| // Hide the toolbar by changing orientation. |
| tester.binding.window.physicalSizeTestValue = const Size(1800.0, 2400.0); |
| await tester.pumpAndSettle(); |
| expect(find.text('Copy'), findsNothing); |
| |
| // Handles should be hidden as well on Android |
| expect( |
| find.descendant( |
| of: find.byType(CompositedTransformFollower), |
| matching: find.byType(Padding), |
| ), |
| defaultTargetPlatform == TargetPlatform.android ? findsNothing : findsNWidgets(2), |
| ); |
| }, |
| skip: kIsWeb, // [intended] Web uses its native context menu. |
| variant: const TargetPlatformVariant(<TargetPlatform>{ TargetPlatform.iOS, TargetPlatform.android }), |
| ); |
| |
| testWidgets('onSelectionChange is called when the selection changes', (WidgetTester tester) async { |
| SelectedContent? content; |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: SelectableRegion( |
| onSelectionChanged: (SelectedContent? selectedContent) => content = selectedContent, |
| focusNode: FocusNode(), |
| selectionControls: materialTextSelectionControls, |
| child: const Center( |
| child: Text('How are you'), |
| ), |
| ), |
| ), |
| ); |
| final RenderParagraph paragraph = tester.renderObject<RenderParagraph>(find.descendant(of: find.text('How are you'), matching: find.byType(RichText))); |
| final TestGesture gesture = await tester.startGesture(textOffsetToPosition(paragraph, 4), kind: PointerDeviceKind.mouse); |
| expect(content, isNull); |
| addTearDown(gesture.removePointer); |
| await tester.pump(); |
| |
| await gesture.moveTo(textOffsetToPosition(paragraph, 7)); |
| await gesture.up(); |
| await tester.pump(); |
| expect(content, isNotNull); |
| expect(content!.plainText, 'are'); |
| |
| // Backwards selection. |
| await gesture.down(textOffsetToPosition(paragraph, 3)); |
| expect(content, isNull); |
| await gesture.moveTo(textOffsetToPosition(paragraph, 0)); |
| await gesture.up(); |
| await tester.pump(); |
| expect(content, isNotNull); |
| expect(content!.plainText, 'How'); |
| }); |
| } |
| |
| class SelectionSpy extends LeafRenderObjectWidget { |
| const SelectionSpy({ |
| super.key, |
| }); |
| |
| @override |
| RenderObject createRenderObject(BuildContext context) { |
| return RenderSelectionSpy( |
| SelectionContainer.maybeOf(context), |
| ); |
| } |
| |
| @override |
| void updateRenderObject(BuildContext context, covariant RenderObject renderObject) { } |
| } |
| |
| class RenderSelectionSpy extends RenderProxyBox |
| with Selectable, SelectionRegistrant { |
| RenderSelectionSpy( |
| SelectionRegistrar? registrar, |
| ) { |
| this.registrar = registrar; |
| } |
| |
| final Set<VoidCallback> listeners = <VoidCallback>{}; |
| List<SelectionEvent> events = <SelectionEvent>[]; |
| |
| @override |
| Size get size => _size; |
| Size _size = Size.zero; |
| |
| @override |
| Size computeDryLayout(BoxConstraints constraints) { |
| _size = Size(constraints.maxWidth, constraints.maxHeight); |
| return _size; |
| } |
| |
| @override |
| void addListener(VoidCallback listener) => listeners.add(listener); |
| |
| @override |
| void removeListener(VoidCallback listener) => listeners.remove(listener); |
| |
| @override |
| SelectionResult dispatchSelectionEvent(SelectionEvent event) { |
| events.add(event); |
| return SelectionResult.end; |
| } |
| |
| @override |
| SelectedContent? getSelectedContent() { |
| return const SelectedContent(plainText: 'content'); |
| } |
| |
| @override |
| SelectionGeometry get value => _value; |
| SelectionGeometry _value = SelectionGeometry( |
| hasContent: true, |
| status: SelectionStatus.uncollapsed, |
| startSelectionPoint: const SelectionPoint( |
| localPosition: Offset.zero, |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| endSelectionPoint: const SelectionPoint( |
| localPosition: Offset.zero, |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| ); |
| set value(SelectionGeometry other) { |
| if (other == _value) { |
| return; |
| } |
| _value = other; |
| for (final VoidCallback callback in listeners) { |
| callback(); |
| } |
| } |
| |
| @override |
| void pushHandleLayers(LayerLink? startHandle, LayerLink? endHandle) { } |
| } |
| |
| class SelectAllWidget extends SingleChildRenderObjectWidget { |
| const SelectAllWidget({ |
| super.key, |
| super.child, |
| }); |
| |
| @override |
| RenderObject createRenderObject(BuildContext context) { |
| return RenderSelectAll( |
| SelectionContainer.maybeOf(context), |
| ); |
| } |
| |
| @override |
| void updateRenderObject(BuildContext context, covariant RenderObject renderObject) { } |
| } |
| |
| class RenderSelectAll extends RenderProxyBox |
| with Selectable, SelectionRegistrant { |
| RenderSelectAll( |
| SelectionRegistrar? registrar, |
| ) { |
| this.registrar = registrar; |
| } |
| |
| final Set<VoidCallback> listeners = <VoidCallback>{}; |
| LayerLink? startHandle; |
| LayerLink? endHandle; |
| |
| @override |
| void addListener(VoidCallback listener) => listeners.add(listener); |
| |
| @override |
| void removeListener(VoidCallback listener) => listeners.remove(listener); |
| |
| @override |
| SelectionResult dispatchSelectionEvent(SelectionEvent event) { |
| value = SelectionGeometry( |
| hasContent: true, |
| status: SelectionStatus.uncollapsed, |
| startSelectionPoint: SelectionPoint( |
| localPosition: Offset(0, size.height), |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| endSelectionPoint: SelectionPoint( |
| localPosition: Offset(size.width, size.height), |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| ); |
| return SelectionResult.end; |
| } |
| |
| @override |
| SelectedContent? getSelectedContent() { |
| return const SelectedContent(plainText: 'content'); |
| } |
| |
| @override |
| SelectionGeometry get value => _value; |
| SelectionGeometry _value = SelectionGeometry( |
| hasContent: true, |
| status: SelectionStatus.uncollapsed, |
| startSelectionPoint: const SelectionPoint( |
| localPosition: Offset.zero, |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| endSelectionPoint: const SelectionPoint( |
| localPosition: Offset.zero, |
| lineHeight: 0.0, |
| handleType: TextSelectionHandleType.left, |
| ), |
| ); |
| set value(SelectionGeometry other) { |
| if (other == _value) { |
| return; |
| } |
| _value = other; |
| for (final VoidCallback callback in listeners) { |
| callback(); |
| } |
| } |
| |
| @override |
| void pushHandleLayers(LayerLink? startHandle, LayerLink? endHandle) { |
| this.startHandle = startHandle; |
| this.endHandle = endHandle; |
| } |
| } |
