c5f8edd9ee
Date Picker restructuring. Moved files out of 'pickers' and merged several of the non-public implementation files into date_picker.dart.
836 lines
32 KiB
Dart
836 lines
32 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 '../rendering/mock_canvas.dart';
|
|
import 'feedback_tester.dart';
|
|
|
|
void main() {
|
|
TestWidgetsFlutterBinding.ensureInitialized();
|
|
|
|
final Finder nextMonthIcon = find.byWidgetPredicate((Widget w) => w is IconButton && (w.tooltip?.startsWith('Next month') ?? false));
|
|
final Finder previousMonthIcon = find.byWidgetPredicate((Widget w) => w is IconButton && (w.tooltip?.startsWith('Previous month') ?? false));
|
|
|
|
Widget calendarDatePicker({
|
|
Key? key,
|
|
DateTime? initialDate,
|
|
DateTime? firstDate,
|
|
DateTime? lastDate,
|
|
DateTime? currentDate,
|
|
ValueChanged<DateTime>? onDateChanged,
|
|
ValueChanged<DateTime>? onDisplayedMonthChanged,
|
|
DatePickerMode initialCalendarMode = DatePickerMode.day,
|
|
SelectableDayPredicate? selectableDayPredicate,
|
|
TextDirection textDirection = TextDirection.ltr,
|
|
}) {
|
|
return MaterialApp(
|
|
home: Material(
|
|
child: Directionality(
|
|
textDirection: textDirection,
|
|
child: CalendarDatePicker(
|
|
key: key,
|
|
initialDate: initialDate ?? DateTime(2016, DateTime.january, 15),
|
|
firstDate: firstDate ?? DateTime(2001, DateTime.january, 1),
|
|
lastDate: lastDate ?? DateTime(2031, DateTime.december, 31),
|
|
currentDate: currentDate ?? DateTime(2016, DateTime.january, 3),
|
|
onDateChanged: onDateChanged ?? (DateTime date) {},
|
|
onDisplayedMonthChanged: onDisplayedMonthChanged,
|
|
initialCalendarMode: initialCalendarMode,
|
|
selectableDayPredicate: selectableDayPredicate,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
group('CalendarDatePicker', () {
|
|
testWidgets('Can select a day', (WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
await tester.tap(find.text('12'));
|
|
expect(selectedDate, equals(DateTime(2016, DateTime.january, 12)));
|
|
});
|
|
|
|
testWidgets('Can select a month', (WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
expect(find.text('January 2016'), findsOneWidget);
|
|
|
|
// Go back two months
|
|
await tester.tap(previousMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('December 2015'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2015, DateTime.december, 1)));
|
|
await tester.tap(previousMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('November 2015'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2015, DateTime.november, 1)));
|
|
|
|
// Go forward a month
|
|
await tester.tap(nextMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('December 2015'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2015, DateTime.december, 1)));
|
|
});
|
|
|
|
testWidgets('Can select a year', (WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
|
|
await tester.tap(find.text('January 2016')); // Switch to year mode.
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('January 2018'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2018, DateTime.january, 1)));
|
|
});
|
|
|
|
testWidgets('Selecting date does not change displayed month', (WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialDate: DateTime(2020, DateTime.march, 15),
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
|
|
await tester.tap(nextMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('April 2020'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2020, DateTime.april, 1)));
|
|
|
|
await tester.tap(find.text('25'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('April 2020'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2020, DateTime.april, 1)));
|
|
expect(selectedDate, equals(DateTime(2020, DateTime.april, 25)));
|
|
// There isn't a 31 in April so there shouldn't be one if it is showing April.
|
|
expect(find.text('31'), findsNothing);
|
|
});
|
|
|
|
testWidgets('Changing year does not change selected date', (
|
|
WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
await tester.tap(find.text('4'));
|
|
expect(selectedDate, equals(DateTime(2016, DateTime.january, 4)));
|
|
await tester.tap(find.text('January 2016'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pumpAndSettle();
|
|
expect(selectedDate, equals(DateTime(2016, DateTime.january, 4)));
|
|
});
|
|
|
|
testWidgets('Changing year does not change the month', (WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
await tester.tap(nextMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(nextMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('March 2016'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('March 2018'), findsOneWidget);
|
|
expect(displayedMonth, equals(DateTime(2018, DateTime.march, 1)));
|
|
});
|
|
|
|
testWidgets('Can select a year and then a day', (WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
await tester.tap(find.text('January 2016')); // Switch to year mode.
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2017'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('19'));
|
|
expect(selectedDate, equals(DateTime(2017, DateTime.january, 19)));
|
|
});
|
|
|
|
testWidgets('Current year is visible in year picker', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
await tester.tap(find.text('January 2016')); // Switch to year mode.
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('2016'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('Cannot select a day outside bounds', (WidgetTester tester) async {
|
|
final DateTime validDate = DateTime(2017, DateTime.january, 15);
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialDate: validDate,
|
|
firstDate: validDate,
|
|
lastDate: validDate,
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
|
|
// Earlier than firstDate. Should be ignored.
|
|
await tester.tap(find.text('10'));
|
|
expect(selectedDate, isNull);
|
|
|
|
// Later than lastDate. Should be ignored.
|
|
await tester.tap(find.text('20'));
|
|
expect(selectedDate, isNull);
|
|
|
|
// This one is just right.
|
|
await tester.tap(find.text('15'));
|
|
expect(selectedDate, validDate);
|
|
});
|
|
|
|
testWidgets('Cannot navigate to a month outside bounds', (
|
|
WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
firstDate: DateTime(2016, DateTime.december, 15),
|
|
initialDate: DateTime(2017, DateTime.january, 15),
|
|
lastDate: DateTime(2017, DateTime.february, 15),
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
|
|
await tester.tap(nextMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(displayedMonth, equals(DateTime(2017, DateTime.february, 1)));
|
|
// Shouldn't be possible to keep going forward into March.
|
|
expect(nextMonthIcon, findsNothing);
|
|
|
|
await tester.tap(previousMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(previousMonthIcon);
|
|
await tester.pumpAndSettle();
|
|
expect(displayedMonth, equals(DateTime(2016, DateTime.december, 1)));
|
|
// Shouldn't be possible to keep going backward into November.
|
|
expect(previousMonthIcon, findsNothing);
|
|
});
|
|
|
|
testWidgets('Cannot select disabled year', (WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
firstDate: DateTime(2018, DateTime.june, 9),
|
|
initialDate: DateTime(2018, DateTime.july, 4),
|
|
lastDate: DateTime(2018, DateTime.december, 15),
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
await tester.tap(find.text('July 2018')); // Switch to year mode.
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2016')); // Disabled, doesn't change the year.
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2020')); // Disabled, doesn't change the year.
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pumpAndSettle();
|
|
// Nothing should have changed.
|
|
expect(displayedMonth, isNull);
|
|
});
|
|
|
|
testWidgets('Selecting firstDate year respects firstDate', (
|
|
WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
firstDate: DateTime(2016, DateTime.june, 9),
|
|
initialDate: DateTime(2018, DateTime.may, 4),
|
|
lastDate: DateTime(2019, DateTime.january, 15),
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
await tester.tap(find.text('May 2018'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2016'));
|
|
await tester.pumpAndSettle();
|
|
// Month should be clamped to June as the range starts at June 2016.
|
|
expect(find.text('June 2016'), findsOneWidget);
|
|
expect(displayedMonth, DateTime(2016, DateTime.june, 1));
|
|
});
|
|
|
|
testWidgets('Selecting lastDate year respects lastDate', (
|
|
WidgetTester tester) async {
|
|
DateTime? displayedMonth;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
firstDate: DateTime(2016, DateTime.june, 9),
|
|
initialDate: DateTime(2018, DateTime.may, 4),
|
|
lastDate: DateTime(2019, DateTime.january, 15),
|
|
onDisplayedMonthChanged: (DateTime date) => displayedMonth = date,
|
|
));
|
|
await tester.tap(find.text('May 2018'));
|
|
await tester.pumpAndSettle();
|
|
await tester.tap(find.text('2019'));
|
|
await tester.pumpAndSettle();
|
|
// Month should be clamped to January as the range ends at January 2019.
|
|
expect(find.text('January 2019'), findsOneWidget);
|
|
expect(displayedMonth, DateTime(2019, DateTime.january, 1));
|
|
});
|
|
|
|
testWidgets(
|
|
'Only predicate days are selectable', (WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
firstDate: DateTime(2017, DateTime.january, 10),
|
|
initialDate: DateTime(2017, DateTime.january, 16),
|
|
lastDate: DateTime(2017, DateTime.january, 20),
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
selectableDayPredicate: (DateTime date) => date.day.isEven,
|
|
));
|
|
await tester.tap(find.text('13')); // Odd, doesn't work.
|
|
expect(selectedDate, isNull);
|
|
await tester.tap(find.text('10')); // Even, works.
|
|
expect(selectedDate, DateTime(2017, DateTime.january, 10));
|
|
await tester.tap(find.text('17')); // Odd, doesn't work.
|
|
expect(selectedDate, DateTime(2017, DateTime.january, 10));
|
|
});
|
|
|
|
testWidgets(
|
|
'Can select initial calendar picker mode', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialDate: DateTime(2014, DateTime.january, 15),
|
|
initialCalendarMode: DatePickerMode.year,
|
|
));
|
|
// 2018 wouldn't be available if the year picker wasn't showing.
|
|
// The initial current year is 2014.
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('January 2018'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('currentDate is highlighted', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
currentDate: DateTime(2016, 1, 2),
|
|
));
|
|
const Color todayColor = Color(0xff2196f3); // default primary color
|
|
expect(
|
|
Material.of(tester.element(find.text('2'))),
|
|
// The current day should be painted with a circle outline.
|
|
paints
|
|
..circle(color: todayColor,
|
|
style: PaintingStyle.stroke,
|
|
strokeWidth: 1.0)
|
|
);
|
|
});
|
|
|
|
testWidgets('Selecting date does not switch picker to year selection', (
|
|
WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialDate: DateTime(2020, DateTime.may, 10),
|
|
initialCalendarMode: DatePickerMode.year,
|
|
));
|
|
await tester.tap(find.text('2017'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('May 2017'), findsOneWidget);
|
|
await tester.tap(find.text('10'));
|
|
await tester.pumpAndSettle();
|
|
expect(find.text('May 2017'), findsOneWidget);
|
|
expect(find.text('2017'), findsNothing);
|
|
});
|
|
|
|
testWidgets('Updates to initialDate parameter is reflected in the state', (
|
|
WidgetTester tester) async {
|
|
final Key pickerKey = UniqueKey();
|
|
final DateTime initialDate = DateTime(2020, 1, 21);
|
|
final DateTime updatedDate = DateTime(1976, 2, 23);
|
|
final DateTime firstDate = DateTime(1970, 1, 1);
|
|
final DateTime lastDate = DateTime(2099, 31, 12);
|
|
const Color selectedColor = Color(0xff2196f3); // default primary color
|
|
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
key: pickerKey,
|
|
initialDate: initialDate,
|
|
firstDate: firstDate,
|
|
lastDate: lastDate,
|
|
onDateChanged: (DateTime value) {},
|
|
));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Month should show as January 2020
|
|
expect(find.text('January 2020'), findsOneWidget);
|
|
// Selected date should be painted with a colored circle.
|
|
expect(
|
|
Material.of(tester.element(find.text('21'))),
|
|
paints..circle(color: selectedColor, style: PaintingStyle.fill)
|
|
);
|
|
|
|
// Change to the updated initialDate
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
key: pickerKey,
|
|
initialDate: updatedDate,
|
|
firstDate: firstDate,
|
|
lastDate: lastDate,
|
|
onDateChanged: (DateTime value) {},
|
|
));
|
|
// Wait for the page scroll animation to finish.
|
|
await tester.pumpAndSettle(const Duration(milliseconds: 200));
|
|
|
|
// Month should show as February 1976
|
|
expect(find.text('January 2020'), findsNothing);
|
|
expect(find.text('February 1976'), findsOneWidget);
|
|
// Selected date should be painted with a colored circle.
|
|
expect(
|
|
Material.of(tester.element(find.text('23'))),
|
|
paints..circle(color: selectedColor, style: PaintingStyle.fill)
|
|
);
|
|
});
|
|
|
|
testWidgets(
|
|
'Updates to initialCalendarMode parameter is reflected in the state', (
|
|
WidgetTester tester) async {
|
|
final Key pickerKey = UniqueKey();
|
|
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
key: pickerKey,
|
|
initialCalendarMode: DatePickerMode.year,
|
|
));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should be in year mode.
|
|
expect(find.text('January 2016'), findsOneWidget); // Day/year selector
|
|
expect(find.text('15'), findsNothing); // day 15 in grid
|
|
expect(find.text('2016'), findsOneWidget); // 2016 in year grid
|
|
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
key: pickerKey,
|
|
initialCalendarMode: DatePickerMode.day,
|
|
));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should be in day mode.
|
|
expect(find.text('January 2016'), findsOneWidget); // Day/year selector
|
|
expect(find.text('15'), findsOneWidget); // day 15 in grid
|
|
expect(find.text('2016'), findsNothing); // 2016 in year grid
|
|
});
|
|
|
|
group('Keyboard navigation', () {
|
|
testWidgets('Can toggle to year mode', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
expect(find.text('2016'), findsNothing);
|
|
expect(find.text('January 2016'), findsOneWidget);
|
|
// Navigate to the year selector and activate it.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
// The years should be visible.
|
|
expect(find.text('2016'), findsOneWidget);
|
|
expect(find.text('January 2016'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets(
|
|
'Can navigate next/previous months', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
expect(find.text('January 2016'), findsOneWidget);
|
|
// Navigate to the previous month button and activate it twice.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
// Should be showing Nov 2015
|
|
expect(find.text('November 2015'), findsOneWidget);
|
|
|
|
// Navigate to the next month button and activate it four times.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
// Should be on Mar 2016.
|
|
expect(find.text('March 2016'), findsOneWidget);
|
|
});
|
|
|
|
testWidgets('Can navigate date grid with arrow keys', (
|
|
WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
// 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.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.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 18.
|
|
expect(selectedDate, DateTime(2016, DateTime.january, 18));
|
|
});
|
|
|
|
testWidgets('Navigating with arrow keys scrolls months', (
|
|
WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
));
|
|
// 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 Dec 31 with arrow keys
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowLeft);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have scrolled to Dec 2015.
|
|
expect(find.text('December 2015'), findsOneWidget);
|
|
|
|
// Navigate from Dec 31 to Nov 26 with arrow keys.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.arrowUp);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have scrolled to Nov 2015.
|
|
expect(find.text('November 2015'), findsOneWidget);
|
|
|
|
// Activate it
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 18.
|
|
expect(selectedDate, DateTime(2015, DateTime.november, 26));
|
|
});
|
|
|
|
testWidgets(
|
|
'RTL text direction reverses the horizontal arrow key navigation', (
|
|
WidgetTester tester) async {
|
|
DateTime? selectedDate;
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
onDateChanged: (DateTime date) => selectedDate = date,
|
|
textDirection: TextDirection.rtl,
|
|
));
|
|
// 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 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 out of the grid and to the OK button.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.tab);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Activate OK.
|
|
await tester.sendKeyEvent(LogicalKeyboardKey.space);
|
|
await tester.pumpAndSettle();
|
|
|
|
// Should have selected Jan 18.
|
|
expect(selectedDate, DateTime(2016, DateTime.january, 19));
|
|
});
|
|
});
|
|
|
|
group('Haptic feedback', () {
|
|
const Duration hapticFeedbackInterval = Duration(milliseconds: 10);
|
|
late FeedbackTester feedback;
|
|
|
|
setUp(() {
|
|
feedback = FeedbackTester();
|
|
});
|
|
|
|
tearDown(() {
|
|
feedback.dispose();
|
|
});
|
|
|
|
testWidgets('Selecting date vibrates', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
await tester.tap(find.text('10'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 1);
|
|
await tester.tap(find.text('12'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 2);
|
|
await tester.tap(find.text('14'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 3);
|
|
});
|
|
|
|
testWidgets('Tapping unselectable date does not vibrate', (
|
|
WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialDate: DateTime(2016, DateTime.january, 10),
|
|
selectableDayPredicate: (DateTime date) => date.day.isEven,
|
|
));
|
|
await tester.tap(find.text('11'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 0);
|
|
await tester.tap(find.text('13'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 0);
|
|
await tester.tap(find.text('15'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 0);
|
|
});
|
|
|
|
testWidgets('Changing modes and year vibrates', (WidgetTester tester) async {
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
await tester.tap(find.text('January 2016'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 1);
|
|
await tester.tap(find.text('2018'));
|
|
await tester.pump(hapticFeedbackInterval);
|
|
expect(feedback.hapticCount, 2);
|
|
});
|
|
});
|
|
|
|
group('Semantics', () {
|
|
testWidgets('day mode', (WidgetTester tester) async {
|
|
final SemanticsHandle semantics = tester.ensureSemantics();
|
|
addTearDown(semantics.dispose);
|
|
|
|
await tester.pumpWidget(calendarDatePicker());
|
|
|
|
// Year mode drop down button.
|
|
expect(tester.getSemantics(find.text('January 2016')), matchesSemantics(
|
|
label: 'Select year',
|
|
isButton: true,
|
|
));
|
|
|
|
// Prev/Next month buttons.
|
|
expect(tester.getSemantics(previousMonthIcon), matchesSemantics(
|
|
label: 'Previous month December 2015',
|
|
isButton: true,
|
|
hasTapAction: true,
|
|
isEnabled: true,
|
|
hasEnabledState: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(nextMonthIcon), matchesSemantics(
|
|
label: 'Next month February 2016',
|
|
isButton: true,
|
|
hasTapAction: true,
|
|
isEnabled: true,
|
|
hasEnabledState: true,
|
|
isFocusable: true,
|
|
));
|
|
|
|
// Day grid.
|
|
expect(tester.getSemantics(find.text('1')), matchesSemantics(
|
|
label: '1, Friday, January 1, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('2')), matchesSemantics(
|
|
label: '2, Saturday, January 2, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('3')), matchesSemantics(
|
|
label: '3, Sunday, January 3, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('4')), matchesSemantics(
|
|
label: '4, Monday, January 4, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('5')), matchesSemantics(
|
|
label: '5, Tuesday, January 5, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('6')), matchesSemantics(
|
|
label: '6, Wednesday, January 6, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('7')), matchesSemantics(
|
|
label: '7, Thursday, January 7, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('8')), matchesSemantics(
|
|
label: '8, Friday, January 8, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('9')), matchesSemantics(
|
|
label: '9, Saturday, January 9, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('10')), matchesSemantics(
|
|
label: '10, Sunday, January 10, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('11')), matchesSemantics(
|
|
label: '11, Monday, January 11, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('12')), matchesSemantics(
|
|
label: '12, Tuesday, January 12, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('13')), matchesSemantics(
|
|
label: '13, Wednesday, January 13, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('14')), matchesSemantics(
|
|
label: '14, Thursday, January 14, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('15')), matchesSemantics(
|
|
label: '15, Friday, January 15, 2016',
|
|
hasTapAction: true,
|
|
isSelected: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('16')), matchesSemantics(
|
|
label: '16, Saturday, January 16, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('17')), matchesSemantics(
|
|
label: '17, Sunday, January 17, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('18')), matchesSemantics(
|
|
label: '18, Monday, January 18, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('19')), matchesSemantics(
|
|
label: '19, Tuesday, January 19, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('20')), matchesSemantics(
|
|
label: '20, Wednesday, January 20, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('21')), matchesSemantics(
|
|
label: '21, Thursday, January 21, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('22')), matchesSemantics(
|
|
label: '22, Friday, January 22, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('23')), matchesSemantics(
|
|
label: '23, Saturday, January 23, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('24')), matchesSemantics(
|
|
label: '24, Sunday, January 24, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('25')), matchesSemantics(
|
|
label: '25, Monday, January 25, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('26')), matchesSemantics(
|
|
label: '26, Tuesday, January 26, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('27')), matchesSemantics(
|
|
label: '27, Wednesday, January 27, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('28')), matchesSemantics(
|
|
label: '28, Thursday, January 28, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('29')), matchesSemantics(
|
|
label: '29, Friday, January 29, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
expect(tester.getSemantics(find.text('30')), matchesSemantics(
|
|
label: '30, Saturday, January 30, 2016',
|
|
hasTapAction: true,
|
|
isFocusable: true,
|
|
));
|
|
});
|
|
|
|
testWidgets('calendar year mode', (WidgetTester tester) async {
|
|
final SemanticsHandle semantics = tester.ensureSemantics();
|
|
addTearDown(semantics.dispose);
|
|
|
|
await tester.pumpWidget(calendarDatePicker(
|
|
initialCalendarMode: DatePickerMode.year,
|
|
));
|
|
|
|
// Year mode drop down button.
|
|
expect(tester.getSemantics(find.text('January 2016')), matchesSemantics(
|
|
label: 'Select year',
|
|
isButton: true,
|
|
));
|
|
|
|
// Year grid only shows 2010 - 2024.
|
|
for (int year = 2010; year <= 2024; year++) {
|
|
expect(tester.getSemantics(find.text('$year')), matchesSemantics(
|
|
label: '$year',
|
|
hasTapAction: true,
|
|
isSelected: year == 2016,
|
|
isFocusable: true,
|
|
));
|
|
}
|
|
});
|
|
|
|
});
|
|
});
|
|
}
|