817 lines
31 KiB
Dart
817 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/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
import 'feedback_tester.dart';
|
|
|
|
void main() {
|
|
late DateTime firstDate;
|
|
late DateTime lastDate;
|
|
late DateTime? currentDate;
|
|
late DateTimeRange? initialDateRange;
|
|
late DatePickerEntryMode initialEntryMode = DatePickerEntryMode.calendar;
|
|
|
|
String? cancelText;
|
|
String? confirmText;
|
|
String? errorInvalidRangeText;
|
|
String? errorFormatText;
|
|
String? errorInvalidText;
|
|
String? fieldStartHintText;
|
|
String? fieldEndHintText;
|
|
String? fieldStartLabelText;
|
|
String? fieldEndLabelText;
|
|
String? helpText;
|
|
String? saveText;
|
|
|
|
setUp(() {
|
|
firstDate = DateTime(2015, DateTime.january, 1);
|
|
lastDate = DateTime(2016, DateTime.december, 31);
|
|
currentDate = null;
|
|
initialDateRange = DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 15),
|
|
end: DateTime(2016, DateTime.january, 25),
|
|
);
|
|
initialEntryMode = DatePickerEntryMode.calendar;
|
|
|
|
cancelText = null;
|
|
confirmText = null;
|
|
errorInvalidRangeText = null;
|
|
errorFormatText = null;
|
|
errorInvalidText = null;
|
|
fieldStartHintText = null;
|
|
fieldEndHintText = null;
|
|
fieldStartLabelText = null;
|
|
fieldEndLabelText = null;
|
|
helpText = null;
|
|
saveText = null;
|
|
});
|
|
|
|
Future<void> preparePicker(
|
|
WidgetTester tester,
|
|
Future<void> callback(Future<DateTimeRange?> date),
|
|
{ TextDirection textDirection = TextDirection.ltr }
|
|
) async {
|
|
late BuildContext buttonContext;
|
|
await tester.pumpWidget(MaterialApp(
|
|
home: Material(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return ElevatedButton(
|
|
onPressed: () {
|
|
buttonContext = context;
|
|
},
|
|
child: const Text('Go'),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
));
|
|
|
|
await tester.tap(find.text('Go'));
|
|
expect(buttonContext, isNotNull);
|
|
|
|
final Future<DateTimeRange?> range = showDateRangePicker(
|
|
context: buttonContext,
|
|
initialDateRange: initialDateRange,
|
|
firstDate: firstDate,
|
|
lastDate: lastDate,
|
|
currentDate: currentDate,
|
|
initialEntryMode: initialEntryMode,
|
|
cancelText: cancelText,
|
|
confirmText: confirmText,
|
|
errorInvalidRangeText: errorInvalidRangeText,
|
|
errorFormatText: errorFormatText,
|
|
errorInvalidText: errorInvalidText,
|
|
fieldStartHintText: fieldStartHintText,
|
|
fieldEndHintText: fieldEndHintText,
|
|
fieldStartLabelText: fieldStartLabelText,
|
|
fieldEndLabelText: fieldEndLabelText,
|
|
helpText: helpText,
|
|
saveText: saveText,
|
|
builder: (BuildContext context, Widget? child) {
|
|
return Directionality(
|
|
textDirection: textDirection,
|
|
child: child ?? const SizedBox(),
|
|
);
|
|
},
|
|
);
|
|
|
|
await tester.pumpAndSettle(const Duration(seconds: 1));
|
|
await callback(range);
|
|
}
|
|
|
|
testWidgets('Save and help text is used', (WidgetTester tester) async {
|
|
helpText = 'help';
|
|
saveText = 'make it so';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.text(helpText!), findsOneWidget);
|
|
expect(find.text(saveText!), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('Initial date is the default', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('SAVE'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 15),
|
|
end: DateTime(2016, DateTime.january, 25)
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Last month header should be visible if last date is selected',
|
|
(WidgetTester tester) async {
|
|
firstDate = DateTime(2015, DateTime.january, 1);
|
|
lastDate = DateTime(2016, DateTime.december, 31);
|
|
initialDateRange = DateTimeRange(
|
|
start: lastDate,
|
|
end: lastDate,
|
|
);
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// December header should be showing, but no November
|
|
expect(find.text('December 2016'), findsOneWidget);
|
|
expect(find.text('November 2016'), findsNothing);
|
|
});
|
|
});
|
|
|
|
testWidgets('First month header should be visible if first date is selected',
|
|
(WidgetTester tester) async {
|
|
firstDate = DateTime(2015, DateTime.january, 1);
|
|
lastDate = DateTime(2016, DateTime.december, 31);
|
|
initialDateRange = DateTimeRange(
|
|
start: firstDate,
|
|
end: firstDate,
|
|
);
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// January and February headers should be showing, but no March
|
|
expect(find.text('January 2015'), findsOneWidget);
|
|
expect(find.text('February 2015'), findsOneWidget);
|
|
expect(find.text('March 2015'), findsNothing);
|
|
});
|
|
});
|
|
|
|
testWidgets('Current month header should be visible if no date is selected',
|
|
(WidgetTester tester) async {
|
|
firstDate = DateTime(2015, DateTime.january, 1);
|
|
lastDate = DateTime(2016, DateTime.december, 31);
|
|
currentDate = DateTime(2016, DateTime.september, 1);
|
|
initialDateRange = null;
|
|
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// September and October headers should be showing, but no August
|
|
expect(find.text('September 2016'), findsOneWidget);
|
|
expect(find.text('October 2016'), findsOneWidget);
|
|
expect(find.text('August 2016'), findsNothing);
|
|
});
|
|
});
|
|
|
|
testWidgets('Can cancel', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.byIcon(Icons.close));
|
|
expect(await range, isNull);
|
|
});
|
|
});
|
|
|
|
testWidgets('Can select a range', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('12').first);
|
|
await tester.tap(find.text('14').first);
|
|
await tester.tap(find.text('SAVE'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 12),
|
|
end: DateTime(2016, DateTime.january, 14),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Tapping earlier date resets selected range', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('12').first);
|
|
await tester.tap(find.text('11').first);
|
|
await tester.tap(find.text('15').first);
|
|
await tester.tap(find.text('SAVE'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 11),
|
|
end: DateTime(2016, DateTime.january, 15),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Can select single day range', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('12').first);
|
|
await tester.tap(find.text('12').first);
|
|
await tester.tap(find.text('SAVE'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 12),
|
|
end: DateTime(2016, DateTime.january, 12),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Cannot select a day outside bounds', (WidgetTester tester) async {
|
|
initialDateRange = DateTimeRange(
|
|
start: DateTime(2017, DateTime.january, 13),
|
|
end: DateTime(2017, DateTime.january, 15),
|
|
);
|
|
firstDate = DateTime(2017, DateTime.january, 12);
|
|
lastDate = DateTime(2017, DateTime.january, 16);
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// Earlier than firstDate. Should be ignored.
|
|
await tester.tap(find.text('10'));
|
|
// Later than lastDate. Should be ignored.
|
|
await tester.tap(find.text('20'));
|
|
await tester.tap(find.text('SAVE'));
|
|
// We should still be on the initial date.
|
|
expect(await range, initialDateRange);
|
|
});
|
|
});
|
|
|
|
testWidgets('Can toggle to input entry mode', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.byType(TextField), findsNothing);
|
|
await tester.tap(find.byIcon(Icons.edit));
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(TextField), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('Toggle to input mode keeps selected date', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('12').first);
|
|
await tester.tap(find.text('14').first);
|
|
await tester.tap(find.byIcon(Icons.edit));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('OK'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 12),
|
|
end: DateTime(2016, DateTime.january, 14),
|
|
));
|
|
});
|
|
});
|
|
|
|
group('Toggle from input entry mode validates dates', () {
|
|
setUp(() {
|
|
initialEntryMode = DatePickerEntryMode.input;
|
|
});
|
|
|
|
testWidgets('Invalid start date', (WidgetTester tester) async {
|
|
// Invalid start date should have neither a start nor end date selected in
|
|
// calendar mode
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/27/1918');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/25/2016');
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Start Date'), findsOneWidget);
|
|
expect(find.text('End Date'), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('Invalid end date', (WidgetTester tester) async {
|
|
// Invalid end date should only have a start date selected
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/24/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/25/2050');
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Dec 24'), findsOneWidget);
|
|
expect(find.text('End Date'), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('Invalid range', (WidgetTester tester) async {
|
|
// Start date after end date should just use the start date
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/25/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/24/2016');
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(find.text('Dec 25'), findsOneWidget);
|
|
expect(find.text('End Date'), findsOneWidget);
|
|
});
|
|
});
|
|
});
|
|
|
|
testWidgets('OK Cancel button layout', (WidgetTester tester) async {
|
|
Widget buildFrame(TextDirection textDirection) {
|
|
return MaterialApp(
|
|
home: Material(
|
|
child: Center(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return ElevatedButton(
|
|
child: const Text('X'),
|
|
onPressed: () {
|
|
showDateRangePicker(
|
|
context: context,
|
|
firstDate:DateTime(2001, DateTime.january, 1),
|
|
lastDate: DateTime(2031, DateTime.december, 31),
|
|
builder: (BuildContext context, Widget? child) {
|
|
return Directionality(
|
|
textDirection: textDirection,
|
|
child: child ?? const SizedBox(),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> showOkCancelDialog(TextDirection textDirection) async {
|
|
await tester.pumpWidget(buildFrame(textDirection));
|
|
await tester.tap(find.text('X'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.byIcon(Icons.edit));
|
|
await tester.pumpAndSettle();
|
|
}
|
|
|
|
Future<void> dismissOkCancelDialog() async {
|
|
await tester.tap(find.text('CANCEL'));
|
|
await tester.pumpAndSettle();
|
|
}
|
|
|
|
await showOkCancelDialog(TextDirection.ltr);
|
|
expect(tester.getBottomRight(find.text('OK')).dx, 622);
|
|
expect(tester.getBottomLeft(find.text('OK')).dx, 594);
|
|
expect(tester.getBottomRight(find.text('CANCEL')).dx, 560);
|
|
await dismissOkCancelDialog();
|
|
|
|
await showOkCancelDialog(TextDirection.rtl);
|
|
expect(tester.getBottomRight(find.text('OK')).dx, 206);
|
|
expect(tester.getBottomLeft(find.text('OK')).dx, 178);
|
|
expect(tester.getBottomRight(find.text('CANCEL')).dx, 324);
|
|
await dismissOkCancelDialog();
|
|
});
|
|
|
|
group('Haptic feedback', () {
|
|
const Duration hapticFeedbackInterval = Duration(milliseconds: 10);
|
|
late FeedbackTester feedback;
|
|
|
|
setUp(() {
|
|
feedback = FeedbackTester();
|
|
initialDateRange = DateTimeRange(
|
|
start: DateTime(2017, DateTime.january, 15),
|
|
end: DateTime(2017, DateTime.january, 17),
|
|
);
|
|
firstDate = DateTime(2017, DateTime.january, 10);
|
|
lastDate = DateTime(2018, DateTime.january, 20);
|
|
});
|
|
|
|
tearDown(() {
|
|
feedback.dispose();
|
|
});
|
|
|
|
testWidgets('Selecting dates vibrates', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('10').first);
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 1);
|
|
await tester.tap(find.text('12').first);
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 2);
|
|
await tester.tap(find.text('14').first);
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 3);
|
|
});
|
|
});
|
|
|
|
testWidgets('Tapping unselectable date does not vibrate', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('8').first);
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 0);
|
|
});
|
|
});
|
|
});
|
|
|
|
group('Keyboard navigation', () {
|
|
testWidgets('Can toggle to calendar entry mode', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.byType(TextField), findsNothing);
|
|
// Navigate to the entry toggle button and activate it
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
// Should be in the input mode
|
|
expect(find.byType(TextField), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('Can navigate date grid with arrow keys', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// Navigate to the grid
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate from Jan 15 to Jan 18 with arrow keys
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate it to select the beginning of the range
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate to Jan 29
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate it to select the end of the range
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate out of the grid and to the OK button
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
|
|
// Activate OK
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 18 - Jan 29
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 18),
|
|
end: DateTime(2016, DateTime.january, 29),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Navigating with arrow keys scrolls as needed', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// Jan and Feb headers should be showing, but no March
|
|
expect(find.text('January 2016'), findsOneWidget);
|
|
expect(find.text('February 2016'), findsOneWidget);
|
|
expect(find.text('March 2016'), findsNothing);
|
|
|
|
// Navigate to the grid
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
|
|
// Navigate from Jan 15 to Jan 18 with arrow keys
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate it to select the beginning of the range
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate to Mar 17
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Jan should have scrolled off, Mar should be visible
|
|
expect(find.text('January 2016'), findsNothing);
|
|
expect(find.text('February 2016'), findsOneWidget);
|
|
expect(find.text('March 2016'), findsOneWidget);
|
|
|
|
// Activate it to select the end of the range
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate out of the grid and to the OK button
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
|
|
// Activate OK
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 18 - Mar 17
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 18),
|
|
end: DateTime(2016, DateTime.march, 17),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('RTL text direction reverses the horizontal arrow key navigation', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
// Navigate to the grid
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
|
|
// Navigate from Jan 15 to 19 with arrow keys
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowRight);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowDown);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate it
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate to Jan 21
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate it
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Navigate out of the grid and to the OK button
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
|
|
// Activate OK
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 19 - Mar 21
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.january, 19),
|
|
end: DateTime(2016, DateTime.january, 21),
|
|
));
|
|
},
|
|
textDirection: TextDirection.rtl);
|
|
});
|
|
});
|
|
|
|
group('Input mode', () {
|
|
setUp(() {
|
|
firstDate = DateTime(2015, DateTime.january, 1);
|
|
lastDate = DateTime(2017, DateTime.december, 31);
|
|
initialDateRange = DateTimeRange(
|
|
start: DateTime(2017, DateTime.january, 15),
|
|
end: DateTime(2017, DateTime.january, 17),
|
|
);
|
|
initialEntryMode = DatePickerEntryMode.input;
|
|
});
|
|
|
|
testWidgets('Initial entry mode is used', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.byType(TextField), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('All custom strings are used', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
cancelText = 'nope';
|
|
confirmText = 'yep';
|
|
fieldStartHintText = 'hint1';
|
|
fieldEndHintText = 'hint2';
|
|
fieldStartLabelText = 'label1';
|
|
fieldEndLabelText = 'label2';
|
|
helpText = 'help';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.text(cancelText!), findsOneWidget);
|
|
expect(find.text(confirmText!), findsOneWidget);
|
|
expect(find.text(fieldStartHintText!), findsOneWidget);
|
|
expect(find.text(fieldEndHintText!), findsOneWidget);
|
|
expect(find.text(fieldStartLabelText!), findsOneWidget);
|
|
expect(find.text(fieldEndLabelText!), findsOneWidget);
|
|
expect(find.text(helpText!), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('Initial date is the default', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.tap(find.text('OK'));
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2017, DateTime.january, 15),
|
|
end: DateTime(2017, DateTime.january, 17),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Can toggle to calendar entry mode', (WidgetTester tester) async {
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
expect(find.byType(TextField), findsNWidgets(2));
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
expect(find.byType(TextField), findsNothing);
|
|
});
|
|
});
|
|
|
|
testWidgets('Toggle to calendar mode keeps selected date', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/25/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/27/2016');
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('SAVE'));
|
|
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.december, 25),
|
|
end: DateTime(2016, DateTime.december, 27),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Entered text returns range', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/25/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/27/2016');
|
|
await tester.tap(find.text('OK'));
|
|
|
|
expect(await range, DateTimeRange(
|
|
start: DateTime(2016, DateTime.december, 25),
|
|
end: DateTime(2016, DateTime.december, 27),
|
|
));
|
|
});
|
|
});
|
|
|
|
testWidgets('Too short entered text shows error', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
errorFormatText = 'oops';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/25');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/25');
|
|
expect(find.text(errorFormatText!), findsNothing);
|
|
|
|
await tester.tap(find.text('OK'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text(errorFormatText!), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('Bad format entered text shows error', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
errorFormatText = 'oops';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '20202014');
|
|
await tester.enterText(find.byType(TextField).at(1), '20212014');
|
|
expect(find.text(errorFormatText!), findsNothing);
|
|
|
|
await tester.tap(find.text('OK'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text(errorFormatText!), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('Invalid entered text shows error', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
errorInvalidText = 'oops';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '08/08/2014');
|
|
await tester.enterText(find.byType(TextField).at(1), '08/08/2014');
|
|
expect(find.text(errorInvalidText!), findsNothing);
|
|
|
|
await tester.tap(find.text('OK'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text(errorInvalidText!), findsNWidgets(2));
|
|
});
|
|
});
|
|
|
|
testWidgets('End before start date shows error', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
errorInvalidRangeText = 'oops';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/27/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/25/2016');
|
|
expect(find.text(errorInvalidRangeText!), findsNothing);
|
|
|
|
await tester.tap(find.text('OK'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text(errorInvalidRangeText!), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('Error text only displayed for invalid date', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
errorInvalidText = 'oops';
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/27/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '01/01/2018');
|
|
expect(find.text(errorInvalidText!), findsNothing);
|
|
|
|
await tester.tap(find.text('OK'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text(errorInvalidText!), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('End before start date does not get passed to calendar mode', (WidgetTester tester) async {
|
|
initialDateRange = null;
|
|
await preparePicker(tester, (Future<DateTimeRange?> range) async {
|
|
await tester.enterText(find.byType(TextField).at(0), '12/27/2016');
|
|
await tester.enterText(find.byType(TextField).at(1), '12/25/2016');
|
|
|
|
await tester.tap(find.byIcon(Icons.calendar_today));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('SAVE'));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Save button should be disabled, so dialog should still be up
|
|
// with the first date selected, but no end date
|
|
expect(find.text('Dec 27'), findsOneWidget);
|
|
expect(find.text('End Date'), findsOneWidget);
|
|
});
|
|
});
|
|
|
|
testWidgets('InputDecorationTheme is honored', (WidgetTester tester) async {
|
|
|
|
// Given a custom paint for an input decoration, extract the border and
|
|
// fill color and test them against the expected values.
|
|
void _testInputDecorator(CustomPaint decoratorPaint, InputBorder expectedBorder, Color expectedContainerColor) {
|
|
final dynamic/*_InputBorderPainter*/ inputBorderPainter = decoratorPaint.foregroundPainter;
|
|
final dynamic/*_InputBorderTween*/ inputBorderTween = inputBorderPainter.border;
|
|
final Animation<double> animation = inputBorderPainter.borderAnimation as Animation<double>;
|
|
final InputBorder actualBorder = inputBorderTween.evaluate(animation) as InputBorder;
|
|
final Color containerColor = inputBorderPainter.blendedColor as Color;
|
|
|
|
expect(actualBorder, equals(expectedBorder));
|
|
expect(containerColor, equals(expectedContainerColor));
|
|
}
|
|
|
|
late BuildContext buttonContext;
|
|
const InputBorder border = InputBorder.none;
|
|
await tester.pumpWidget(MaterialApp(
|
|
theme: ThemeData.light().copyWith(
|
|
inputDecorationTheme: const InputDecorationTheme(
|
|
filled: false,
|
|
border: border,
|
|
),
|
|
),
|
|
home: Material(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return ElevatedButton(
|
|
onPressed: () {
|
|
buttonContext = context;
|
|
},
|
|
child: const Text('Go'),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
));
|
|
|
|
await tester.tap(find.text('Go'));
|
|
expect(buttonContext, isNotNull);
|
|
|
|
showDateRangePicker(
|
|
context: buttonContext,
|
|
initialDateRange: initialDateRange,
|
|
firstDate: firstDate,
|
|
lastDate: lastDate,
|
|
initialEntryMode: DatePickerEntryMode.input,
|
|
);
|
|
await tester.pumpAndSettle();
|
|
|
|
final Finder borderContainers = find.descendant(
|
|
of: find.byWidgetPredicate((Widget w) => '${w.runtimeType}' == '_BorderContainer'),
|
|
matching: find.byWidgetPredicate((Widget w) => w is CustomPaint),
|
|
);
|
|
|
|
// Test the start date text field
|
|
_testInputDecorator(tester.widget(borderContainers.first), border, Colors.transparent);
|
|
|
|
// Test the end date text field
|
|
_testInputDecorator(tester.widget(borderContainers.last), border, Colors.transparent);
|
|
});
|
|
});
|
|
}
|